目录
一、原型设计工具比较
1. 墨刀
- 适用领域
墨刀是一款原型设计工具,借助墨刀可以简单的进行原型设计,它具有多人协作功能,能够多人合作,同时进行原型设计。
-
优点
-
可以进行项目演示,可以随时检验成果
-
元件种类丰富,可以适用于各种领域
-
用法简单,便于上手
-
-
缺点
-
功能不够完整,无法完成更复杂的操作
-
需要付费才能解锁更多功能
-
交互不够灵活
-
2. Axure
- 适用领域
Axure RP是美国“Axure Software Solution”公司出品的一款快速原型(Rapid Prototyping)软件,它拥有强大的原型设计功能,可以进行专业的原型设计。
-
优点
-
可以用于丰富的交互和文档,发布和共享,以及团队协作
-
可以通过AxureRP在线框草图的基础上,添加功能性的交互,与客户进行交流
-
Axure RP能够替代PowerPoint制作演示的文案,用于演讲和教学。
-
-
缺点
-
使用难度高
-
没有素材库
-
Axure只支持在本地设计
-
3. Mockplus
- 适用领域
摹客(Mockplus)隶属于成都摹客科技有限公司,一直致力在如何更简单,更方便也更有效地方式去做原型,关注设计本身而不是工具,把复杂的东西尽量做简单。
-
优点
-
使用简单,容易上手
-
可进行演示,能够清晰的看到各个页面的交互效果
-
免费版功能完整
-
-
缺点
-
功能少,不足以完整地完成原型设计
-
只能导出图片或者生成原型,但没有原型源文件
-
不能够进行手势交互
-
二、原型设计
1.主题名称
—— 一款高校社区二手交易平台
2.功能
- 可以出售自己的闲置物品
- 可以低价购买别人的二手物品
3.界面设计考虑因素
- 将分类作为一个独立的tag,旨在让用户能够更高效的找到自己需要的物品
- 视觉方面采用的是橘色和白色为主,给人专业、舒适的感觉
- 界面简洁明了,目的性明确,方便用户上手使用
- 突出官方验的字体设计,体现交易平台保证质量的理念
4.切换界面
- 商品界面
-
界面功能
- 挑选商品
- 进行商品排序
- 了解商品价格
-
界面组成
- 返回主界面按键
- 商品图片
- 商品价格
- 筛选功能控件
-
前置条件
- 选择某个商品分类
- 选择某个商品分类
-
后置条件
- 进入商品详情页
- 切换到其它页面
-
操作步骤
- 点击排序控件,选择排序方式
- 点击下方标签切换页面
- 消息界面
- 界面功能
- 与商家或客户聊天
- 接收官方通知
- 聊天设置
- 切换其它界面
- 界面组成
- 聊天对象的头像昵称
- 聊天设置图标
- 页面切换栏
- 前置条件
- 点击页面切换栏消息图标
- 点击页面切换栏消息图标
- 后置条件
- 进入聊天界面
- 切换到其他页面
- 操作步骤
- 点击聊天对象的头像或名称,可以进入聊天界面
- 点击下方标签切换页面
- 卖闲置界面
- 界面功能
- 发布并出售闲置物品
- 发布并出售闲置物品
- 界面组成
- 存草稿功能控件
- 物品照片上传控件
- 取消发布按键
- 前置条件
- 点击页面切换栏卖闲置
- 点击页面切换栏卖闲置
- 后置条件
- 发布二手商品成功
- 发布二手商品成功
- 操作步骤
- 上传商品图片并描述商品特征后点击发布按键
- 分类界面
- 界面功能
- 选择分类
- 推荐分类
- 搜索功能
- 投放广告
- 界面组成
- 各种具体分类
- 推荐分类
- 返回按钮
- 前置条件
- 点击主页的分类按键
- 点击主页的分类按键
- 后置条件
- 浏览商品页面
- 搜索商品分类
- 操作步骤
- 点击分类图片,可进入商品界面
- 点击搜索按钮,可输入商品名称进行查找
5.界面切换流程
首先进入主页面,点击分类进入分类页面,点击分类图片可以进入商品页面,商品页面可进入商品详情页或切换页面,在主页面还可以点击卖闲置和消息按键进入卖闲置页面和消息页面,各个页面都提供了返回按键,可返回上层界面。
界面切换流程图