快速原型让设计提高效率和质量(2)

#媒体·Media #设计·Design #product

 重新回顾原型

原型这个词往往让人理解为是一个用代码写的,或者功能实现的程序或者用户界面。其实原型的目的并不是一个功能完善的东西,只是想让用户感知到产品最终成型时要达到的视觉感受和用户体验。这一点需要在制作原型的时候牢记,同时需要确立几个核心的目标。

  1. 哪些需要制作原型?

以下几点是通常是需要在原型中描述的:复杂的交互,新功能,和工作流程(技术、设计)的变更。例如,当在现有标准搜索体验中有明显变化是,需要制作一个搜索结果的原型;比如,在结果页中显示页面预览。

  1. 原型要做到什么程度?

依照八二定律,20%的功能,占据了用户80%的使用时间,重点功能一定是使用最为频繁的。记住原型只是为了下一版本产品的展示、交互和设计,你不需要重头做一遍整个产品。

  1. 寻找一个故事流程

确定了需要制作原型的区位后,把这些部分合并成一整个或多个连续的场景:通过用户体验,让用户流畅的使用原型。

有计划的迭代

一个完整的原型通常不会是一次迭代就制作出来的,通常是一点点优化出来的。一个比较好的方式就是,开始做原型的时候尽可能的拓展其广度,然后再在某一个圈定的位置做深度的解决方案。比如在设计一个网站时,一开始先横向画出各个页面(首页,着陆页,功能页,设置页等),然后去评估这个框架是否合理。接下来再去垂直细化网站的某一部分;作为一个视频分享网站,这一步可能需要做的就是如何引导用户一步一步去上传视频。

选定适合的保真度

保真度意味着原型与最终产品的接近程度。保真度的有以下三种维度, 原型分类

  1. 视觉保真度(草图—设计样式)

从视觉效果来讲,用纸笔画草图,和用Axure制作精美的设计原型,这一维度是最容易看出来的。但是原型的视觉保真度选择要非常慎重,过早的提供高保真原型会让团队的注意力在视觉样式上,这在原型的早期设计中是不恰当的。从视觉上,原型不需要精确到每一个像素点,只要比例确定就可以了。随着视觉保真度不断的提高,样式,色彩,以及品牌定位,图标等都会随之加入。

  1. 功能保真度(静态—交互)

功能上的保真度表示了从静态的用文字提示该功能怎么运行,到基本仿真的交互。

  1. 内容保真度(随便填写—真实数据)

在原型中使用假数据还是现实的真实数据。

  1. 选择不同的保真度

对于不同保真度的选择,没有一个明确的定论。一般来说,设计先从草图开始,逐渐接近最终产品形态。对于目的不同,原型的最终版本可以终止在任何一个阶段。同时对于一个简单的功能,手绘的草图基本就可以向团队描述清楚。当然,同事有一个案例是做旅游网站的原型,由于为了展示给高级领导以及设计到商业投标。他把原型做的甚至实现了一些复杂的交互功能,比如说用户注册,动态效果,链接数据库等。

原型工具的选择

原型工具多种多样,我最提倡的就是纸和笔。用铅笔在白纸上描绘想要达到的效果,是最无拘束,最直接表达的一种方式。能够抛开一些功能,以及美观程度的束缚。 但在处理复杂交互和样式的时候,现代化的工具会更便利些。比如: Pencil Project 这是一个Firefox插件,能够让你在浏览器内描绘原型,标准的绘图工具用这个 都可以实现。 Axure 这个是PC平台用的比较多的工具,在国内使用的比较多。功能非常强大。 Omnigraffle 是Mac平台下原型制作的重要工具。 MS Visio 当然微软的Visio也是比较好的,对于交互效果上虽然不如前面花哨,但是配合微软的其他服务,也是不错的选择。 Balsamiq Mockups Balsmiq的Mockups是跨平台的工具,同时在样式上也有一些特殊的效果,可以试试。