原型设计工具比较及实现
一、原型设计工具比较
1. 墨刀
适用领域
墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品,用户群体包括:产品经理、设计、研发、运营销售、创业者等。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,展示产品想法,向客户收集产品反馈以及在团队内部进行协作沟通。
优点
原型演示效果好,适合产品设计确认与交互验证
元件种类丰富,使用者无需编写可以直接使用
提供强大的共享创建功能,预览速度快
缺点
事件系统较为简单,无法演示复杂的交互效果,比如需要变量控制页面,数据排序等
部分便捷的操作需要购买使用,免费版对于项目、页面数量有限制
组件太少,缺少传统UI交互的基础组件
2. Axure
适用领域
Axure是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
优点
即可以画图,又可以做文档,画图的难度较低,写文档较灵活
Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实
使用成本很低
缺点
学习成本高,高级元件的使用有一定学习门槛
素材需要寻找第三方素材库进行载入,需要花费较多时间
手机端演示效果差
3. Mockplus
适用领域
摹客(Mockplus)隶属于成都摹客科技有限公司,注重一站式的产品设计及协作。摹客支持全工序的产品设计,连接从需求到开发,为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅,支持全部主流设计稿交付,帮助产品经理、设计师、开发人员高效设计协作。
优点
原型项目层次清晰,交互上的功能性强大
项目树层级分明,项目树中以分组和子页面来规定层级
基础版免费使用,操作简单,上手快
缺点
软件设计方式相对传统。无法适应复杂、高定制化的需求
表格功能需要完善,预览不是很清楚
不支持手势交互,功能上的细腻性有待加强
二、原型设计
1.主题名称
乐听music ———— 一款更简洁的音乐播放器
2.功能
用户可根据自己喜好搜索喜欢的歌曲
用户可根据喜好的歌曲自定义歌单
用户可随时查看寻找过的音乐
3.界面设计考虑因素
登录页面设计考虑QQ、微信以及手机登录等常用方式,当用户无账号,不方便注册时可使用游客模式体验
歌曲详情界面用户可查看歌曲封面,切换上/下一首歌曲,播放/暂停歌曲,可将喜欢的歌曲添加至自定义歌单等
用户可根据引导查找自己喜欢的歌曲,支持歌手、歌曲名、专辑等方式搜索
首页自定义针对用户习惯推荐歌曲,用户可根据推荐将喜欢的歌曲添加至歌单
界面突出简约,使用户具有良好使用体验
4.切换界面
①登录界面
界面功能
手机号登录
注册账号
其他方式登录
游客登录
界面组成
QQ、微信、手机、微博、钉钉登录按钮
游客模式按钮
忘记密码按钮
前置条件
启动APP
后置条件
进入推荐、我的界面
操作步骤
点击手机号登录按钮,输入手机号和密码登录,或者选择其他方式登录
若用户没有账号,点击注册按钮
若用户无条件注册,可点击游客模式体验APP
②"我的"界面
界面功能
自定义歌单功能
消息、历史浏览以及音乐推荐功能
查看歌曲详情功能
播放/暂停歌曲,查看歌曲队列功能
界面组成
页面切换栏
播放器小组件
自定义歌单
用户消息、历史浏览、乐推中心等
前置条件
登录软件,默认进入"我的"页面
后置条件
进入自定义歌单页面
查看歌曲详情页面
切换到其他页面
操作步骤
点击历史浏览,查看历史听过的歌曲
点击自定义歌单,可以产看已收藏的歌曲
点击歌曲小组件,可以查看歌曲详情及专辑图
③推荐界面
界面功能
搜索查找歌曲功能
自定义推荐歌单功能
播放器小组件功能
歌曲队列,扫描二维码添加好友,听歌识曲功能
界面组成
各类功能按钮
功能小图标
推荐搜索歌曲,推荐歌单,听歌识曲
播放器小组件
前置条件
点击推荐按钮
后置条件
切换到相应的功能页面
操作步骤
点击相应选单按钮,跳转到相应的页面
④播放器界面
界面功能
暂停/播放音乐
上/下一首音乐,下载音乐,分享音乐
将歌曲添加至自定义歌单,查看歌曲列表
设置播放模式,多屏互动
界面组成
歌曲专辑图
添加自定义歌单按钮
播放/暂停按钮
切换播放模式按钮
分享按钮
返回按钮
下载按钮
收藏按钮
前置条件
点击“我的”或“推荐”的播放器小组件
后置条件
暂停/播放音乐
切换上/下一首音乐
查看专辑高清原图
操作步骤
点击播放/暂停按钮,播放/暂停音乐
点击上/下一首按钮,可以选择上/下一首歌曲
点击播放模式按钮,可切换播放模式
点击分享按钮,可将音乐分享他人
点击收藏按钮,可将歌曲添加至自定义歌单
5.界面切换流程
首先进入登录页面,选择手机好登录或者选择QQ、微信等方式登录。登陆后切换进"我的"页面,可查看收藏歌曲。点击"我的"下方的推荐按钮,切换到推荐页面,此页面显示歌曲精选,搜索歌曲登。从“我的”亦或推荐界面点击播放器小组件,切换到播放器界面,此页面可以查看专辑图,播放/暂停音乐,选择上/下一首歌曲等操作。播放器页面提供返回按钮,可以切换到上一层界面。