十个方法,让你的线框原型更具沟通能力
2012-08-08 00:00:00   来源:beforweb.com   评论:0 点击:

虽说是每周一篇译文,不过这事儿确实不能算是非常容易。从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做。还好,毕竟是自主行为

虽说是每周一篇译文,不过这事儿确实不能算是非常容易。从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做。还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有。默,我们进入今次的正文。

我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒,因为在这个过程中我见识到了很多优秀的项目。不过慢慢的我也发现了一些问题,一些大家时常会在原型制作过程当中忽略掉的要素;如果能注意并解决掉这些问题,我们的交互设计产出物就可以发挥更大的实战价值。

下图所展示的是一个很典型的例子,我们通常会将这种风格的线框稿交付给相关同事来跟进视觉设计或原型测试的工作。

产品早期的原型设计与用户测试”。

3.确保细节的准确无误

将真实数据作为范例内容填充到原型当中后,我们要确保交互流程所涉及的信息的准确性。举个简单的例子,如果购物车的页面原型当中展示了两个单价为50元的商品,那么在结算环节中,总价应该是100元,而不是随便其他什么数字。错误的信息会阻碍沟通的有效进行,开发人员有可能在这里产生质疑,被测用户也会感到莫名其妙。

作为设计人员,长时间的将注意力放在原型的制作上面,很容易忽视掉这类问题的存在。如果有条件的话,可以在适当的时候请其他人来帮忙检查一下你的原型当中是否存在这类细节当中的错误。

4.增加范例图片的自我描述能力

图片对于用户体验的提升起着重要的作用,当人们在网站中寻找商品或服务时,图片是引导他们制定决策的关键要素(怎样通过设计帮助用户制定决策)。另外,图片也能帮助用户对网站自身的形象和定位产生认知。不过在线框原型中,我们通常只会使用一些灰色的容器和线条来表现图片。

当然,我并不是要建议在线框原型中使用真正的图片或照片;我们需要做的是让代表图片的线框元素能够体现出在实际页面当中,这个位置应该放置怎样类型的图片。在制作线框原型之前,最好与相关的产品或业务人员就这方面的问题进行沟通,根据产品自身的特质及最终面向的用户群体,来判断图片一类的视觉元素应该具有怎样的整体风格。

举个例子,我曾经帮一家衬衣零售商做网站改版。在着手设计工作之前,我们首先使用旧版网站进行了一次用户测试,结果发现商品详情页当中的演示照片总会使用户产生迷惑。为了使衬衣更好看,他们在拍照的时候刻意搭配上了领带与袖扣,这使得用户认为每件衬衫都是包含领带与袖扣的套装。所以当我进行线框原型设计的时候,特意在商品照片的位置画了一张不包含领带与袖扣的衬衣草图,以确保视觉设计师及后续环节的人员能够理解,并避免在新版网站中重复错误。

我们不必通过非常精细的绘画来为线框原型中的图片元素增加描述性,通过简单的草图来陈述出用户希望在这里看到的图片类型即可。例如,在提供酒店预定服务的网站中,用户通常希望在详情页里看到怎样的图片?房间?卫生间?景观?这些问题都是值得花时间了解清楚并在线框原型中加以体现的。

使用前端开发框架快速创建页面原型),那么这个问题基本不存在,因为你通常需要以像素为单位为容器设置宽度或高度属性。不过在多数时候,我们创建的是纯粹的线框图。以实际像素为单位对页面布局及元素尺寸进行一定程度的规划和说明,这将帮助我们自己以及视觉设计师在接下来的工作当中省掉很多“猜测”与“估算”的过程。我曾经习惯于使用Powerpoint来制作线框原型,这种方式只能展示元素之间大致的尺寸和位置关系;当项目进入视觉设计流程,它无法有效的帮助我与设计师进行沟通,造成了不少的麻烦。

8.创建变更日志

随着迭代的不断进行,每一版线框原型当中的变更通常会越来越细化,从页面结构到模块、控件,这会使跟进后续工作的设计师或开发人员越来越难以发现所有的变化。作为交互设计师,我们有责任创建一份变更日志,并随着项目的发展对其进行持续的更新。日志中的每一条记录都要包含日期、版本号、执行者以及变更说明。这种信息交流的方式不需要花费太多的时间,但结果却是事半功倍的,无论产品人员还是设计师、开发者,大家都可以籍此来一目了然的跟踪原型的版本变化。

10.保持跟进

这一点更加偏向于交付流程,而非设计技巧。完成线框原型后,我们不能只是简单的把它扔给跟进后续工作的同事。花些时间去支援视觉设计师或开发人员的工作,只有他们才能将你的设计概念最终落实到实际当中。通常,交互原型当中所包含的想法、操作逻辑等方面的信息难以即全面又准确的被大家理解,而且其中隐含的问题有可能在后续阶段才能体现出来。我们有必要在交付原型之后保持跟进,与大家协同作战。

以上就是关于提升线框原型沟通能力的十点建议。可以参考我们之前的文章“线框原型的本质及实践应用概述”,了解更多关于线框原型的基本理念及运用方法。

源文:http://beforweb.com/node/100

相关热词搜索:

上一篇:韩国现代设计典范-NHN KOREA
下一篇:最后一页

分享到: 收藏