目录
一、原型设计工具比较
1. 墨刀
• 适用领域: 适合设计团队和个人用户使用,可用于移动端和Web端原型设计。
• 优点:支持快速制作原型,具有丰富的交互组件和模板库,界面简单易上手。同时,可以与 Sketch 和 Figma 等设计软件进行集成,方便团队协作。
• 缺点:对于复杂的数据处理和后端交互支持较弱,同时在多人协作时需要额外购买高级版以享受更完善的功能。
2. Axure
• 适用领域: 适合大型项目和高度定制化的产品设计,通常用于企业级应用的原型设计。
• 优点: 功能全面,支持高度定制化,可以实现复杂交互、动效和数据处理。另外,由于内置 SQL Lite 数据库,可以实现原型数据的连接、查询以及导出等操作。
• 缺点: 学习曲线较陡峭,入门难度较高。同时,价格比较高昂,相对其他工具而言,对于个人用户来说,价格并不算友好。
3. Mockplus
• 适用领域: 适合有一定原型设计基础的设计师或者团队,用于快速制作高质量的交互原型。
• 优点: 操作简单,拥有大量的模板和组件库,适用于快速迭代和用户测试。同时,支持多人协作,以及与 Sketch、Photoshop、XD等其他设计软件的集成。
• 缺点: 功能相对 Axure 来说较少,不支持复杂数据处理和后端交互。价格相对较高,对于个人用户来说可能略显昂贵。
综上可以看出,每个工具各有所长。墨刀适合初学者或中小团队使用,Axure则适用于大型项目和有复杂需求的场景。而Mockplus适合有一定原型设计基础的设计师使用,针对短时间内快速制作可视化原型。
二、原型设计
1. 主题名称
沈航点评
2. 功能
-
学生可以对校内商家点评,平台可以吸取学生意见改进产品
-
平台会按照多方面因素评价一个商铺,给予用户推荐。
-
用户可以通过筛选等功能了解选择店铺
3. 界面设计考虑因素
-
搜索界面和商铺参考大众点评设计
-
以用户更方便更快捷找到适合自己的商铺为根本需求,提供多种筛选介绍模式
-
尽可能的帮助商铺展示自己店铺的商品,兼顾简洁和推荐
-
操作简单易上手,任何常使用智能手机的用户均可以无障碍上手使用
4. 切换界面
1.搜索界面
-
界面功能
-
搜索关键字
-
显示历史搜索
-
实时显示搜索热榜
-
-
界面组成
-
后退界面
-
输入关键字
-
搜索按钮
-
历史搜索展示
-
热搜榜
-
-
前置条件
- 进入APP选择搜索
-
后置条件
- 完成搜索进入搜索结果界面
-
操作步骤
-
点击历史搜索或热榜内容,或手动输入关键字
-
点击搜索按钮
-
2.搜索结果界面
-
界面功能
-
自由切换查看商铺/商品/笔记
-
自由选择地区/自选分类/按系统各种推荐方式排序/自由筛选区间
-
查看商家距离/人均消费/评分/价格
-
-
界面组成
-
切换查看内容选项
-
选择排序下拉选项
-
商户招牌图片/姓名/评分等详细信息
-
-
前置条件
- 完成搜索界面的搜索
-
后置条件
-
进入商家/商品/评价页面
-
进行筛选
-
-
操作步骤
-
通过下拉条筛选想要看到的商铺
-
通过切换选择查看商铺/菜品/笔记
-
点击进入商家界面
-
3.商铺陈列页
-
界面功能
-
查看一个店铺的评分/营业时间/地址
-
查看推荐菜品/评论
-
收藏该店铺
-
分享给好友
-
-
界面组成
-
商铺logo
-
商铺评分营业时间等信息
-
菜品图片
-
评价内容
-
-
前置条件
- 完成搜索进入商铺界面
-
后置条件
- 进入菜品界面
-
操作步骤
- 点击推荐菜品
4.菜品页面
-
界面功能
-
查看商家招牌菜
-
查看网友推荐菜排名,和他的评价
-
给网友推荐菜点赞
-
分享该页面
-
新增自己的推荐菜
-
-
界面组成
-
商家招牌菜照片
-
网友推荐菜照片/点赞数/排名
-
新增推荐菜按钮
-
-
前置条件
- 通过商铺页面进入菜品页面
-
后置条件
- 新增推荐菜页面
-
操作步骤
- 点击新增推荐菜按钮
五、界面切换流程
首先进入搜索界面选择热榜历史搜索或者输入关键字搜索,从而进入搜索结果页面,搜索结果界面可以切换搜索结果为商铺菜品或笔记,进入商铺界面后可以进入菜品页面。所有界面均可以返回上一级
标签:界面,商铺,实践,搜索,菜品,原型,工具,页面 From: https://www.cnblogs.com/KerryACM/p/17337598.html