原型设计工具比较与实践
一.原型：软件原型(software prototype)是软件的最初版本，以最少的费用、最短的时间开发出的、以反映最后软件的主要特征的系统。
二.原型开发：原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。
三.原型设计工具：现有的原型设计工具有墨刀，Axure，Mockplus。
每种工具都有自己的优势，如何选择适合的工具，需要读者根据自己的实际情况分析。接下来我将分析这三种工具的优点，缺点，以及试用环境。
墨刀：
优势：
墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等；
交互方面:墨刀简单快捷；
云端操作：避免本地维护一堆rp文档的问题
网页分享：避免本地维护一堆html，还需要自己建立web server才能共享的问题
适用领域：
个人认为，从应用场景来说，比较粗糙的情况下可以用墨刀，例如做草稿的时候；
缺点：
(1)安全性问题:墨刀是一款线上产品设计工具，使用墨刀需要上网，设计的产品也保存在云端，在墨刀数据库中。安全性和保密性没有保障，而产品是互联网企业的命脉，这是一个致命问题。
(2)制作效率：墨刀虽然能制作简单的交互界面效率高，但制作复杂界面能力却不足。
(3)版本管理:没有版本管理（类似文件夹） ，我们只能把每个版本的需求都合并到一个“项目”中，但这样项目本身就显得很乱。建议的层次结构是： 文件夹（可以用来作为版本管理）-- 需求
Axure:
优点：
(1)支持交互设计(2)生成规格说明文档
(3)输出HTML原型
(4)版本控制管理
(5)支持多人协作设计
(6)母版功能
缺点
(1)如果接收文件同事的电脑，没安装Axure，就打不开了；
(2)不能在手机微信聊天窗口上，直接阅读Axure原型图；
(3)Axure低版本，不能打开高版本的Axure文件
适用领域：在做交互页面较为复杂时有较高的效率
Mockplus:
优点：
(1).基础版免费使用，操作简单，上手快。
(2).交互简单(只需拖曳就可以)。
(3).功能多样，组件资源丰富。
(4).预览方式和导出类型多样，支持团队协作。
缺点：
(1)不支持手势交互。
(2)不支持手势交互。
(3)出彩。
三种工具的比较：
墨刀是最简洁易用的原型设计工具和线框图工具，比较轻便傻瓜式的。但是交互功能欠缺，而且必须在线。
Mockplus除了在线还适用于各个平台。它比墨刀更为成熟，交互性好受到高级产品经理的喜爱。
Axure很多插件复杂，学习成本高，资源丰富，可以完成大部分任务。它比边俩种工具能做出更好的高保真模型。
原型设计中低保真和保真定义：
为什么会有低保真和高保真？
原型不一定要看起来像最终产品——它们可以有不同保真度。 原型的保真度指的是它如何传达最终产品的外观（也就是指它的细节和真实感级别）。保真度可以在以下方面有所不同：
视觉设计
内容
交互性
原型的类型有很多，基本介于这两种类型之间。
低保真
高保真
产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。低保真原型低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。以下是低保真原型的基本特征：
视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。
内容：仅包含内容的关键元素。
交互性：原型可以由真人模拟。在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。
优点
（1）便宜。低保真原型制作的明显优势在于其极低的成本。
（2）快速。可以在五到十分钟内创建一个低保真纸原型。让产品团队可以毫不费力地探索不同的想法。
（3）协作。这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。即使是非设计师也可以在创意过程中发挥积极作用。
（4）清晰。团队成员和利益相关者对将来的项目有了更清晰的期望。
缺点:
（1）测试期间的不确定性。使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
（2）有限的交互性。使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
高保真原型高保真 (Hi-fi) 原型的呈现和功能，尽可能类似于发布的实际产品。当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型，高保真原型的基本特征包括:
(1)视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
(2)内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
(3)交互性：原型在交互层面非常逼真。
优点：
(1)可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
(2)对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
(3)轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。
软件名称：博览群书（电子书阅读）
图片1.软件首页。
前置条件：打开软件即可进入首页。
功能：向用户推荐书籍，让用户通过软件所含有的类进行查找书籍，以及每天阅览量较高的书籍。
组成：
（1）搜索栏：用于搜索相关书籍。
（2）轮播图：相继展示当前热门书籍。
（3）分类：让用户从中找到自己喜欢的书籍。
（4）栏目组：推荐热度较高的栏目。
后置条件：点击搜索栏进入图片2。
图片2.搜索栏目。
功能：根据关键词来搜索相应信息。
前置条件：图片1点击搜索栏。
后置条件：向输入栏输入雪，进入图片3。
组成：
由一个输入栏负责接收信息。
搜索记录方便读者再次寻找。
图片3.搜索结果
前置条件：用户在图片1中点击搜索，并输入雪。
后置条件：点击相应书籍。
功能：用户从这里选择相关的电子书和喜欢的课程，并显示部分信息。
组成：共俩类，每类对应一个大区域。一类是电子书域，该域有多个小区域构成，每个小区域对应一本书以及属内部分信息，一类是课程域，每个课程对应一个小区域。
图4.书籍详细信息。
功能：观察书的亮点以及简介，可以试听，也可购买。
前置条件：用户在图三选择相应书籍。
后置条件：点击播放。
组成：书籍名，作者介绍，简介，课程亮点。
图5.播放界面
前置条件：图4点击试听。
功能：选择喜欢的章节并播放。
组成：每一章构成一大块，而这一大块又被多个节平分。
