首页 > 其他分享 >原型设计工具及比较实践

原型设计工具及比较实践

时间:2024-04-14 20:11:55浏览次数:36  
标签:界面 交互 实践 点击 原型 ma 工具 导航 Axure

一、墨刀、Axure和Mockplus都是常用的原型设计工具,它们在不同的适用领域和具有各自的优缺点。下面是对它们进行对比分析:

  1. 墨刀(MockingBot):
    适用领域:墨刀适用于快速原型设计和交互设计,特别适合移动应用和网页设计。
    优点: 简单易用:墨刀提供了友好的界面和简单的操作,无需编程经验即可创建交互原型。实时协作:多人实时协作是墨刀的一大特点,团队成员可以同时编辑和评论原型。内置组件库:墨刀内置了丰富的组件库,可以快速创建常见的界面元素。
    缺点: 功能相对有限:相比于其他工具,墨刀的功能相对较为简单,不支持复杂的交互和高级功能。 扩展性较弱:墨刀的扩展性相对较弱,定制化程度较低。
  2. Axure RP:
    适用领域:Axure适用于创建复杂的交互原型和高保真的界面设计,适合专业的用户体验设计师和产品经理使用。
    优点:强大的交互功能:Axure提供了丰富的交互功能,可以创建复杂的交互流程和动画效果。高保真设计:Axure支持高保真的界面设计,可以创建逼真的界面模型。条件逻辑和数据驱动:Axure支持条件逻辑和数据驱动,可以创建更灵活和智能的原型。
    缺点: 学习曲线较陡:相比于其他工具,Axure的学习曲线较陡,需要一定的时间和经验来掌握。 价格较高:Axure是商业软件,价格较高,对于个人用户或小团队可能不太友好。
  3. Mockplus:
    适用领域:Mockplus适用于快速原型设计和交互设计,特别适合移动应用和网页设计,也适用于小型团队和个人设计师。
    优点: 快速原型设计:Mockplus提供了丰富的预设组件和交互模板,可以快速创建原型。 交互设计和动画效果:Mockplus支持创建交互和动画效果,可以展示更丰富的用户体验。 价格相对较低:相比于Axure等工具,Mockplus的价格相对较低,适合个人用户和小团队使用。
    缺点:功能相对有限:Mockplus的功能相对较简单,不支持一些高级的交互和设计功能。扩展性较弱:Mockplus的扩展性相对较弱,定制化程度较低。
    综上所述:墨刀、Axure和Mockplus在适用领域和优缺点上存在一些差异。选择适合自己需求的工具,可以根据自身的项目需求、团队规模和个人技能来进行权衡和选择。

二、原型设计:
对主题名称、功能、界面设计考虑因素:
1.主题:mai了么APP
mai代表“买”和“卖”双重含义,表明此APP用于交易商品;
2.功能:
(1).能够根据用户需求进行个性化推荐;
(2).能购买商品进行收藏等功能;
(3).能够卖商品,实时展示商品状态,以及和买家的交流及交易情况;
(4).能够进行个人信息和账户的管理,交易的日志记录和查看;
3.界面设计:
个性化推荐、简洁、显示关键信息,便于用户操作和使用。

页面介绍:
点击底部导航栏的首页可进入首页界面:
界面功能:个性化推荐商品以及对应不同买家的评价与感受。
界面组成及操作步骤:
(1)分为推荐和发现功能:
点击推荐,会根据用户平时的搜索喜好进行个性化推荐;
点击发现,会有一些买家买后的评价和分享;
(2)顶部导航栏可以进行相关物品的搜索;
(3)右上角的扫一扫标识可以帮助用户对于未知物品名字,直接拍照识别,或通过二维码识别找到相应物品;
前置条件:用户已经点击底部导航栏首页。
后置条件:点击底部导航栏的“我的”、“maǐ”、“maì”三个界面。

点击底部导航栏的maǐ可进入购买商品界面:
界面功能:购买和收藏商品。
界面组成及操作步骤:
(1)顶部导航栏可以进行相关物品的搜索;
(2)右上角的加号,点击后出现三个下滑栏,分别是:我的消息、我的交易、扫一扫,点击后可完成相应的功能;
(3)底部导航栏上部的左右两个箭头可以进行直接进行整体翻页;
前置条件:点击底部导航栏的maǐ
后置条件:可以点击底部导航栏跳转“首页”、“我的”、“maì”界面。

点击底部导航栏的maì可进入出售界面:
界面功能:出售商品,实时查看商品动态信息。
界面组成及操作步骤:
(1)顶部导航栏可以进行相关物品的搜索
(2)右上角的消息标识可查看所有消息,页面中部显示个人出售物品,对应商品右边标注商品价格以及商品售卖信息,对应物品右上角可查看对应商品不同买家的消息;
(3)对应商品右下边展示商品出售情况,红色字体展示未售出,绿色字体表示已全部售出,橙色物体表示未完全售出;
前置条件:点击底部导航栏的maì。
后置条件:可以点击底部导航栏跳转“首页”、“我的”、“maǐ”界面。

点击底部导航栏的我的可进入个人信息界面:
界面功能:个人信息、账号、交易情况等的查看。
界面组成及操作步骤:
(1)左上角展示头像,未注册用户不提供头像和昵称,如果已经注册,系统提供一个默认头像和昵称,用户可以自行点击进行更改;
(2)头像下部分为六大部分,分别是:交易记录、我的消息、会员专享、我的收藏、我的账户、账户安全;
交易记录:点击出现所有交易记录,显示已购商品和已售商品,可分别查看今日交易、昨日交易、以及各个日期的交易记录;
我的消息:可查看系统消息和商品交易;
会员专享:不同价格、不同时间段会员的介绍和功能;
我的收藏:可查看收藏的商品;
我的账户:可以退出登录、也可以注销账户;
账户安全:可以绑定手机、微信、QQ等;
前置条件:点击底部导航栏的我的
后置条件:点击底部导航栏的“首页”、“maǐ”、“maì”界面。

标签:界面,交互,实践,点击,原型,ma,工具,导航,Axure
From: https://www.cnblogs.com/kirysi/p/18134606

相关文章

  • 原型设计工具比较及实践
    一、墨刀、Axure和Mockplus都是常见的原型设计工具,它们各有优势和不足,适用于不同的场景和需求。墨刀(MockingBot):适用领域:墨刀适用于快速原型设计,特别适合初学者和小团队。其易用性和简洁的界面使得用户可以快速创建简单的原型。优点:简单易用,无需编码经验;提供丰富的模板和组件......
  • 原型设计工具比较及实践
    1、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。2、利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题是老年手机打电话页面要求:1)对主题名称、功能、界面设计考虑因素等进行说明;2)每位同学提供至少四......
  • 原型设计工具比较分析
    原型设计工具比较分析:墨刀:适用领域:墨刀适用于快速原型设计和交互设计,特别适合移动应用和Web应用的设计。优点:界面简洁清晰,易于上手,适合初学者和团队合作。支持多种交互模式,如链接、滑动、弹出框等,可以较好地模拟用户操作流程。支持团队协作,可以多人同时编辑同一项目,方便团队......
  • 原型设计工具比较及实践
    一、墨刀、Axure和Mockplus是三种常用的原型设计工具,它们各自有不同的适用领域和优缺点。墨刀:适用领域:适用于快速创建交互式原型,特别适合小型项目和初期设计阶段。它提供了简洁易用的界面和丰富的组件库,适合设计师、产品经理和开发人员之间的快速协作。优点:简单易用的界面,学......
  • 原型设计工具比较及实践
    墨刀:适用领域:墨刀适用于快速原型设计和协作,特别适合团队协作和迭代设计。优点:界面简洁直观,易于上手。提供丰富的交互组件和模板,能够快速搭建原型。支持多人协作,实时同步编辑,方便团队合作。缺点:功能相对较简单,适用范围有限。在复杂交互和动效方面可能不如其他工具。Axure......
  • 利用工具对特定恶意网站实行打击报复(一)
    以下内容属于纯技术记录,不存在恶意教唆他人去对非法分子实行打击报复,如造成相关利益损害,或者对受害人提供一些帮助,都与我无关,我只是想要打击报复那些广东深圳害中国人的王八蛋罢了。背景:本人因为想要试试某网站的水有多深,开始了一次小小随机的尝试,然后发现,这玩意一点也不概率,更......
  • 原型设计工具比较及实践
    1、墨刀、Axure、Mockplus等原型设计工具各自的适用领域及优缺点如下:墨刀:适用于快速原型设计和协作,特点是简单易上手,支持团队协作,适合小型项目或初学者使用。缺点是交互功能相对简单,对于复杂的原型设计需求可能不够强大。Axure:适用于高保真原型设计和复杂交互设计,功能强大,支持......
  • 原型设计工具比较及实践
    一、原型设计工具当涉及原型设计工具时,墨刀、Figma和InVision都是受欢迎的选择。下面是它们各自的适用领域和优缺点的比较:墨刀优点:在线协作:墨刀支持多人在线协作,团队成员可以实时共享和编辑项目,便于团队合作。简单易用:墨刀的界面简洁清晰,操作简单易上手,即使是初学者也可以快......
  • 原型设计工具比较及实践
    1.墨刀、Axure和Mockplus是三种常见的原型设计工具,它们在不同的领域有各自的优缺点:墨刀:适用领域:墨刀适合个人用户或小团队使用,特别适合快速原型设计和分享。优点:界面简洁直观,操作简单易上手;支持多人协作,方便团队合作;提供丰富的元件库,可快速搭建原型。缺点:功能相对较少,适用范围......
  • 原型设计工具比较及实践
    原型设计工具比较分析:墨刀:适用领域:墨刀适用于快速原型设计和交互设计,特别适合移动应用和Web应用的设计。优点:界面简洁清晰,易于上手,适合初学者和团队合作。支持多种交互模式,如链接、滑动、弹出框等,可以较好地模拟用户操作流程。支持团队协作,可以多人同时编辑同一项目,方便团......