原型设计工具比较及实践

一、原型设计工具的比较

1.Mockplus

　　Mockplus是一款简洁高效的原型图设计软件，适合快速迭代的开发模式，无需学习、快速上手、功能强劲。支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型设计，其Web版和桌面版均可跨Window和苹果操作系统使用。

mockplus也是设计师们在进行设计展示时常用的一个软件。它的优点在于，网站或者移动开发代码还没写出来时，可以提前做出一个模型，给顾客观看效果。Mockplus除用于移动APP原型设计，还可以制作PC、网页的原型设计，它可以帮助UI设计师在最短的时间内完成产品原型图的设计。和Axure这种原型工具相比，如果说Axure这种原型工具是一头沉重的大象，Mockplus则是一只轻快的小鹿。至简即至繁。和墨刀相比这样移动APP原型设计相比，如果说墨刀是移动APP原型设计工具上的一只麻雀，Mockplus则是一只成熟的老鹰。原型设计和功能比较齐全，而且应用场景广。比如墨刀是一款在线工具，Mockplus除了在线的，还有基于桌面的应用。适合各种平台。比如Mockplus支持Win/Mac系统。当然，现在的墨刀也有这些了，但是安卓版还未上线。从这一点上，mockplus比墨刀多迭代了几个版本。从性能和成熟度上来说，mockplus更胜一筹。

2.Axure RP Pro

Axure RP Pro是一个产品经理必备的交互原型设计软件，能够高效率制作产品原型，快速绘制线框图、流程图、网站架构图、示意图、HTML模版等，专为Rapid Prototype Design而生，它可以辅助产品经理快速设计完整的产品原型，并结合批注、说明以及流程图、框架图等元素将产品完整地表述给各方面设计人员，如UI、UE等等，并在讨论中不断完善。Axure RP作为一个专业的快速原型设计工具，它可以让设计师们利用需求，设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理。

Axure RP是美国Axure Software Solution公司旗舰产品。产品原型设计(Prototype Design)最基础的工作，就是结合批注、大量的说明以及流程图画框架图WireFrame，将自己的产品原型完整而准确的表述给 UI、UE、程序工程师，市场人员，并通过沟通会议，反复修Prototype 直至最终确认，开始投入执行。简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。Axure RP是目前最流行的原型设计工具，已经成为原型设计行业的标准软件之一。　　

3.墨刀

墨刀是一款功能非常强大的原型设计工具，拥有云端保存，实时手机预览，多种手势，页面切换特效等多种功能！另外，墨刀能够快速创建页面连接，独创的拖拽连接方式，让页面间的连接关系清晰呈现出

墨刀是最简洁易用的原型设计工具和线框图工具。正是因为这样的定位，促使墨刀这个产品给用户的感受就是比较轻巧。整体设计APP原型还是比较轻便、傻瓜式的。但是交互功能方面比较欠缺。正式因为傻瓜式的APP原型设计工具，对一些中高级的产品经理的吸引力比较低。完全体现不出使用Mockplus专业版和Axure制作原型那样的成就感和探索学习的欲望。从Mockplus摩客和墨刀的定位上来看，Mockplus摩客更适合有层次的产品经理来使用。

4.ProtoPie

　　ProtoPie是一款专业强大的的移动端交互原型设计软件，软件利用将对象、触发动作、反应动作组合成交互的原理，制作出一个个完整的交互原型，无需编写代码用户就可以简单快速地制作出高保真交互原型，还能实时在手机上演示，使原型能够在更多的场景下被使用。

优点：

1. ProtoPie特有的交互界面可以直观地传达设计细节，尤其是交互栏的设计，可以迅速看清交互的逻辑

2. ProtoPie除了电脑上的编辑部分，还配有一个App叫ProtoPie Player，他可以帮助更直观地在表达自己的设计想法，而且效果非常流程，更像是原生应用

3.支持多手指手势，1-5根手指随便使。预置 iOS 原生交互动作，例如最新的 3D Touch。

4.很容易上手，学习成本低，且制作原型效率高，也不用写代码就可以制作出很精美的交互原型

5.sketch制作后可导入ProtoPie，制作交互原型的效率更高

6.做出的原型完整度高，高保真

7.ProtoPie是现在唯一一个支持无代码就可以制作传感交互的原型工具

缺点：

1.不支持电脑预览(官方之后会在下一个版本更新哦)，之后会支持视频录制

2.多页面复杂的流程制作起来会稍微麻烦，但不影响，希望之后会出现更好的解决办法

3.暂时不支持文字输入(目前是测试版之后功能会不断完善哦)

4.目前sketch不支持整体导入(因为protopie里面只有Container这个概念)，目前的导入是只需要导入需要图层，其实也不算缺点，只是概念不同

5.暂时不支持web端网页制作和导出　　

5.UIDesigner

优点：

UIDesigner简称UID，是腾讯推出的一款进行软件界面原型设计的工具，它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型，可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。

缺点：

1.不稳定：设置了页面跳转效果后，继续编辑，前边已经编辑过的页面跳转效果有的会失效，或者变为其他跳转效果。

2.键盘无交互：键盘没有作用，只能作为整体点击，键盘没有实际意义，只是相当于一个按钮或者图片，只能直接设置跳转效果。

3.无法导出设计稿图片：导出设计稿图片，前几次还可以使用，之后再用，就无法导出，有日志记录，可是软件没有日志入口，只好去软件安装目录下，去查看日志。

二、高保真与低保真

什么是“保真度”？

原型不一定要看起来像最终产品——它们可以有不同保真度。原型的保真度指的是它如何传达最终产品的外观（也就是指它的细节和真实感级别）。

保真度可以在以下方面有所不同：

视觉设计
内容
交互性

原型的类型有很多，基本介于这两种类型之间。

低保真
高保真

产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。

低保真原型

低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

通过墨刀做的一个低保真原型示例

以下是低保真原型的基本特征：

视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。
内容：仅包含内容的关键元素。
交互性：原型可以由真人模拟。在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。

优点

便宜。低保真原型制作的明显优势在于其极低的成本。
快速。可以在五到十分钟内创建一个低保真纸原型。让产品团队可以毫不费力地探索不同的想法。
协作。这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。即使是非设计师也可以在创意过程中发挥积极作用。
清晰。团队成员和利益相关者对将来的项目有了更清晰的期望

缺点

测试期间的不确定性。使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
有限的交互性。使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

高保真 (Hi-fi) 原型

高保真 (Hi-fi) 原型的呈现和功能，尽可能类似于发布的实际产品。当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。

一个高保真交互式原型, 通过墨刀制作

高保真原型的基本特征包括:

视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
交互性：原型在交互层面非常逼真。

优点

可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。

缺点

成本较高。与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。

三、原型设计

一、设计背景

　　目前安卓平台应用商店众多，除了各品牌手机自带的应用商店外，还有应用宝、豌豆荚等等，但这些应用商店往往过于繁杂，且充斥各种质量不高的广告。因此，我设计了一款集智能推荐和搜索下载于一体的APP——应用集。

二、运行环境

　　本应用运行在Android平台，在Google Chrome等主流浏览器在线运行测试通过。

三、设计思路

　　本应用主要有三个部分：首页、分类、我的。整体结构如下：

　　1.首页

　　　　首页支持推荐和搜索功能。参考游戏商店TapTap的游戏推荐机制，应用集会每天推荐一个精品应用，同时根据推荐算法推荐用户可能感兴趣的应用；进入搜索界面显示热门搜索和搜索历史。

　　2.分类

　　　　分类界面可以快速定位到所需要的应用类别。分类详情页中，根据所选类别依据下载量、评论数、热度综合排序显示相关应用。

　　3.我的

　　　　“我的”界面主要包括用户注册/登录、应用下载、应用升级、应用卸载、设置等功能。

改进方向

　　本产品目前只提供了应用商店的基本功能，依靠优质的应用推荐功能区别于其他同类APP，但其他功能就大同小异，未来可以可以增加论坛功能，以呈现一些APP的评测或者用户使用体验等。

posted @ 2021-05-30 18:39 1024o 阅读(511) 评论(0) 收藏举报

刷新页面返回顶部