原型设计工具比较及实践
原型设计工具及比较
一． 原型设计工具的各自的适用领域及优缺点
墨刀
适用领域：
摸到为企业级用户提供权限控制、项目管理及基础项目数据统计等功能。
优点：
- 操作简单：简单拖拽和设置，即可将想法、创意变成产品原型。
- 演示方便
- 团队协作：可一键发送分享，还可以在原型上进行评价反馈。
- 交互简单：简单拖拽就可实现页面跳转，还可通过面板进行复杂交互
- 素材库：素材库内容丰富方便使用
- 学习成本低
缺点：
1.只能在线操作（离线无法保存）
2.安全性和保密性没有保障
3.免费版对于项目数量、页面数量均有所限制
Axure
适用领域：
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师，架构师、程序员
优点
- 有强大的编辑功能，可以自己制作素材库
- 功能齐全，通过动态面板、函数、中继器几乎可以实现所有常见功能
缺点：
- 组件包含较少
- 学习成本较高
Mockplus
适用范围：
适合软件团队、个人在软件开发的设计阶段使用。
优点：
- 学习成本低
- 方便演示，协同效率高
- 设计规范轻松管理。
缺点：
1.一些复杂交互效果无法实现
2.不支持鼠标悬停，手机预览不是很清楚
二、高保真与低保真
高保真与低保真的主要区别在于以下三点：
交互性、图形部分、内容和导航层次结构
低保真原型：
低保真原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。
以下是低保真原型的基本特征：
视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。
内容：仅包含内容的关键元素。
交互性：原型可以由真人模拟。 在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。
优点：
便宜。 低保真原型制作的明显优势在于其极低的成本。
快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望
缺点：
测试期间的不确定性。 使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
高保真原型：
高保真原型的呈现和功能，尽可能类似于发布的实际产品。 当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。
高保真原型的基本特征包括:
视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
交互性：原型在交互层面非常逼真。
优点：
可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。
缺点：
成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。
三、墨刀原型设计
主题：音乐播放器
功能：信息广场、个人设置页面、听歌界面·、歌单界面、搜索界面
- 首页信息广场
界面设计：主色调定为黑色
界面功能：可以进入个人设置、进入搜索、查看推荐曲目及歌单
界面组成：由图片、搜索栏、轮播图、按键、列表、底部导航栏等基本元件组成
后置条件:跳转至”搜索页面”，跳转“个人设置页面”，跳转“歌单页面”，跳转“歌曲播放页面”。
操作步骤：点击更多图标进入个人设置界面
2.个人设置
界面功能：可以实现查看会员信息、消息签到等个人设置
界面组成：由图标、列表、图标等组成
前置条件：点击主页面的更多图标
后置条件：跳转至”搜索页面”，跳转“个人设置页面”，跳转“歌单页面”，跳转“歌曲播放页面”。
操作步骤：点击退出图标返回主界面
3.搜索界面
功能界面：实现文字输入查询歌曲、提示热门歌曲、歌曲分类、历史搜索
界面组成：文字、搜索栏、列表等组成
前置条件：点击主页面的搜索栏
后置条件： 跳转至”搜索页面”，跳转“个人设置页面”，跳转“歌单页面”，跳转“歌曲播放页面”。
操作步骤：点击返回图标返回主页面
4.歌单页面
界面功能：查看推荐歌单中的推荐曲目，播放音乐
界面组成：文字、图片、列表等
前置条件：点击首页面任意歌单
后置条件：跳转“首页面”，跳转“歌曲播放页面”
操作步骤：点击相应图标进行操作
5.歌曲播放页面
界面功能：播放歌曲
界面组成：文字、线条、图片、图标等组成
前置条件：主页面点击“歌曲”，歌单界面点击“歌曲”
后置条件：跳转“主界面”，跳转“暂停”界面
操作步骤：点击相应图标
6.歌曲暂停界面
界面功能：暂停播放歌曲
界面组成：图片、图标、文字、线条等组成
前置条件：点击歌曲播放界面暂停图标
后置条件：跳转“歌曲播放”界面，跳转“主界面”
操作步骤：点击相应图标
