原型设计工具比较及实践
一、原型设计工具比较
1. Mockplus
- 适用领域
Mockplus是一个用于原型设计，协作和设计系统的多合一设计和协作平台。集成包括Adobe XD，PS，Axure，Sketch Interactive Prototype 快速将想法转化为具有组件，图标和交互的功能原型。简化设计和验证流程，无需一行代码。
-
优点
-
做原型，更快更简单，是它的主要产品特点。
-
使用者无需掌握特别高的代码技术即可快速上手
-
原型直观易懂，更好进行评估
-
-
缺点
-
手机预览有缺陷
-
功能不够强大还需要加强深挖，做的更加的绕过用户体验起来更丝滑
-
2. Axure
- 适用领域
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
-
优点
-
Axure的动态面板、中继器等功能较为强大
-
Axure可以实现复杂的逻辑的关系处理
-
-
缺点
-
学习成本高，高级元件的使用有一定学习门槛
-
素材库需要去寻找相应的第三方素材库
-
手机端演示的效果不好
-
3. 墨刀
- 适用领域
墨刀是一款打通产设研团队，实现原型，设计，流程，思维导图一体化的在线协同工具。从记录想法的思维导图开始，到原型绘制，设计产出，流程图记录进程，产生的文件墨刀都能一站管理，作品之间能够互相导入导出，满足多样化的场景需求。
-
优点
-
可以进行云端操作及网页分享
-
墨刀的app原型可以支持下载在手机里
-
-
缺点
-
需要付费才能使用更强大的共享创建功能
-
部分操作功能不是很自由灵活
-
二、原型设计
1.主题名称
—— 一款高校二手交易回收平台
2.功能
- 学生可以通过此软件进行回收，出售二手闲置物品，进行自由交易
- 学生可以在软件中选购商品，查看浏览记录
3.界面设计考虑因素
- 界面下方分配功能板块，可以随意切换
- 界面之间分工明确，客户可以通过界面之间的切换满足需求
- 关注用户需求，设计贴近年轻人的风格
- 使用轮播图等方式增加商品信息，便于用户了解更多商品
4.切换界面
- 主界面
-
界面功能
- 进入商品详情页
- 进入分类查询更多商品
- 功能板块的切换
-
界面组成
- 分类按钮
- 苹果手机
- 分类
- 功能模块
-
前置条件
- 打开APP
- 打开APP
-
后置条件
- 进入我的->足迹
- 进入自由市场
- 进入苹果手机分类页面
-
操作步骤
- 点击苹果手机进入苹果手机商品界面
- 点击功能模块进入各模块
- 自由市场
- 界面功能
- 功能模块
- 商品详情页
- 界面组成
- 商品图片
- 功能模块
- 搜索栏
- 前置条件
- 自由市场功能模块
- 自由市场功能模块
- 后置条件
- 进入商品详情页
- 切换到其他模块
- 操作步骤
- 点击我的，卖闲置，首页，等功能模块可以跳转到相应区域
- 点击我的按钮可以查看自己的私人空间
- 足迹界面
- 界面功能
- 查看商品详情页
- 管理浏览记录
- 返回上个界面
- 界面组成
- 功能按钮
- 商品图片
- 商品分类
- 精选推荐
- 前置条件
- 点击我的-足迹
- 点击我的-足迹
- 后置条件
- 切换到商品详情页面
- 切换到商品详情页面
- 操作步骤
- 点击商品图片
- 商品详情页
- 界面功能
- 查看商品详情
- 收藏该商品
- 购买
- 界面组成
- 商品轮播图
- 关注按钮
- 购买按钮
- 价钱及商品特征
- 返回按钮
- 前置条件
- 点击商品图片
- 点击商品图片
- 后置条件
- 点击心形图标关注
- 返回
- 购买商品
- 操作步骤
- 点击我想要按钮购买商品
- 点击关注按钮，左键关注，右键可以取消关注
5.界面切换流程
打开应用进入主界面，主页会显示商品，点击可以进入苹果手机分类页面，下方有五个功能模块，点击其中的“我的”可以进入个人空间，再次点击足迹可以看到浏览过得商品推送，点击其中的商品可以进入商品详情页，点击功能模块中的自由市场可以进入自由市场页面，会推送各种商品，分类等便于寻找想要的商品，点击商品同样进入商品详情页，同时，点击其他功能模块也可以跳转至其他功能模块，且每个模块都提供返回功能。
界面切换流程图
浙公网安备 33010602011771号