点菜小程序

一、对比分析墨刀、AxureMockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。

(1)墨刀:墨刀是一款在线原型设计与协同工具,最简洁易用的原型设计工具和线框图工具,是一款功能非常强大的原型设计工具,拥有云端保存,实时手机预览,多种手势,页面切换特效等多种功能。另外,墨刀能够快速创建页面连接,独创的拖拽连接方式,让页面间的连接关系清晰呈现出来。

优点

墨刀有PC端、手机端、网页版,方便用户随时进行产品原型设计。

有强大的共享创建功能。

墨刀有了很多成熟的组件。

缺点

Axure关于交互效果、控件组合、操作面板的选择都要比墨刀灵活。

效果切换的方式也很鸡肋容易出错。

没有离线状态下的编辑或保存能力。

(2)Axure:Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档,同时支持多人协作设计和版本控制管理。

优点

Axure的编辑功能更胜一筹。

可以项目共享,历史记录也可以被清晰保留。

Axure功能较齐全,变化性的操作非常利于使用,PC端原型图的设计非常适用。

缺点

对新手不友好。

Axure组件较少,基础原件及较多。

.适用Windows系统,内存较大。

(3)Mockplus:Mockplus是一款简洁高效的原型图设计软件,适合快速迭代的开发模式,无需学习、快速上手、功能强劲,专注于一站式的产品设计和协作平台,为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。

优点

新手易学。

Mockplus功能丰富,移动APP原型设计,PC、网页的原型设计都可以进行设计。

Mockplus组件资源丰富,组件面板的优化强于 Axure

缺点

Mockplus不支持手势交互。

个人性化设计还有潜力。

追求操作简单,导致软件细腻度有待提高。

二、利用网络资源自学墨刀或Axure等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是二手交易平台、在线听歌、老年手机、相册管理等。

主题名称:        点餐小程序

功       能:        商家界面可滑动浏览、下拉选项进行店铺信息和菜品筛选、菜品浏览、菜品勾选、显示已选菜品、下单付款等

界面设计考虑因素:界面简洁直观,操作方便,商品信息真实详细的显示,触摸点击区域及范围合理化,界面色彩构图舒服有想法,考虑大众的需求,针对返回以及回到需求界面的心理设计多个交互,使使用感合理化舒适化。

 界面组成:搜索栏、商家信息详情页、菜品推荐、点餐导航界面、已选菜品界面、下单界面、付款成功界面等。

前置条件:点击进入手机APP

后置操作:可搜索商家并选择、可浏览商家家信息、可进行商品筛选、直接浏览首页商品、可以勾选菜品、可查看勾选菜品、可点击付款、可以显示付款成功及成功支出金额界面等。

操作步骤:点击搜索或点击商品图标可以进行后续操作

程序连接:https://modao.cc/app/R3o1eo7UrarzsaS6cb8W 《点餐小程序原型》 

主要界面截图:

1.搜索商家并选择

 

 

2.浏览商家家信息

 

 

 

 

 

 

3.查看勾选菜品及店铺导航

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4.可点击付款界面

 

 

 

 

5.显示付款成功及成功支出金额界面

 

 

posted @ 2022-04-23 13:16  酒小朋友  阅读(478)  评论(0)    收藏  举报