原型设计工具比较及实践

一.原型设计工具比较及实践

 

 

1.墨刀

墨刀是一款在线原型设计墨刀是一款在线原型设计与协同工具,借助墨刀可搭建为产品原型,演示效果。同时,也可协作编辑,审阅,不管是产品想法展示还是向客户收集产品反馈等都可在手机上演示。是更偏向交互型,快捷高效的一款产品。

优点:

1、原型演示效果好，适合产品设计确认与交互验证。

2、操作简单

3、团队协作沟通，文件管理等工作效率高，项目风险低

缺点:

1、不适合做文档，只适合做交互设计

2、不适合使用在复杂的交互上

3、需要在网页上进行,较麻烦

2.Axure  

更偏向于“技术向”的客户端产品设计工具。

优点:

1、可以画图，做文档，画图的难度较低，写文档较灵活

2、功能齐全，可实现复杂的逻辑关系处理

缺点:

1、手机端演示效果较差

2、学习成本较高,不易操作

3.Mockplus

专注于一站式的产品设计及协作。依托摹客“1+2+1”（1个平台+2个工具+1个设计系统）的产品矩阵，为产品开发团队提供全流程协作、原型设计、UI设计和设计规范管理支持。摹客可以自产出原型及高保真设计，也支持多款主流设计工具的设计稿交付，团队成员在产品、设计到开发的各个工作环节，使用不同设计工具，可通过摹客平台协同工作。摹客助力企业数字化和在线化，可为企业提供私有部署和定制化服务，以“快和简单”的产品特性，帮助企业提升设计效能、降低成本。

优点：

1.拥有200多个组件、海量图标，全部支持手绘素描风格

2.有原型演示，易于团队操作。

3.有组件库和图标库，界面设计较为方便。

 

缺点:

1.不支持鼠标悬停

2.没有资源库，只能利用自带的组件，对于复杂的界面不太友好

3.手机预览不是很清楚

二.原型设计

1.主题

关于速递便当的订餐APP

2.设计构思

设计原因:参考美团等软件和罗森等小程序,设计一个有关速递便当的软件,可通过软件了解附近有速递便当的便利店,为一些上班族等不便带饭或买饭花费时间较长的人群提供迅速查找附近速递便当的平台

界面设计:界面较为简洁直观,让客户容易找到需要的功能;购物车等界面中有列表可迅速查找到需要产品的对应分类

3.功能

• 预订或直接购买便当
• 购买线上商城产品
• 浏览推送文章
• 查看附近门店
• 登录注册账户
• 加入福利社群
• 个人中心:可查看购买记录等个人信息

4.具体实现

工具选择:墨刀

选择原因:墨刀操作简单,演示模拟效果较好,适合本次选择的主题

5.切换界面

1)主界面

可执行操作:登录注册

                   加入福利群

                   浏览推送文章

                   进入线上商城

                   核查个人券信息

                   搜索

                   扫描二维码等

• 前置条件

打开平台,进入主页

• 后置条件

点击"进入附近门店"

2)购物车

 

 

可执行操作:切换状态:到店取或预订

                   切换查看其他门店

                    添加商品,查看总金额并结算

                    返回主界面

• 前置条件:

平台主界面点击"进入附近门店"

• 后置条件:

点击"返回",回到主界面

3)线上商城购物车

 可执行操作:添加商品

                    删除商品

                   查看并选择分类

                   查看总金额并结算

                   搜索想要商品

                   返回主界面

• 前置条件:

平台主界面点击"线上商城"

• 后置条件:

点击"返回",回到主界面

4)推送文章

 可执行操作:查看推送文章

                    点击推送产品对应按钮,进入附近门店进行购买

                   点击"了解详情"直接浏览本周新品,跳过优惠产品

                    点击"返回",回到主界面

• 前置条件:

主界面点击对应推送文章图标,进入文章页面

• 后置条件:

点击"返回",回到主界面

6.界面切换流程

首先进入主界面,此时可选择进入附近门店,进入推送内容或进入网上商城,选择进入附近门店,点击商品进行购买,返回上一级回到主界面;点击进入推送内容,浏览文章,点击商品对应按钮跳转至附近门店,返回上一级回到主界面;选择进入网上商城,点击商品进行购买,返回上一级回到主界面;此时退出,结束使用