用户体验设计:公司用户体验设计的步骤(2)

http://www.itjxue.com  2015-08-07 20:59  来源:未知  点击次数: 

交互设计与可用性测试

正如下图左侧所示,线框图不需要将页面元素精确定位,不需要丰富多样的配色,不需要看上去像任何最终稿。在进入复杂且耗时的视觉设计流程之前,我们使用线框图进行了一些可用性测试,发现了很多潜在的障碍与缺陷,有效的避免了这些问题遗留到视觉稿中才被发现。公司曾经的做法是,将可用性测试环节放在进入开发阶段之前的倒数第二部,也就是最终视觉设计流程之前;而我则将它向上游进行了推进,包括需求讨论、评审等阶段,因为我个人觉得可用性测试更重要的作用是告诉你哪些东西不OK,而不是哪些东西OK;越早介入,越能发现问题,而不至于到即将进入开发环节才告诉大家坏消息。

ux-ued-ecommerce-website-redesign-wireframe-to-final-design

不仅要早,而且要尽量多的进行可用性测试。强大灵活的设计工具可以保证对原型进行迅速修改,为频繁的测试奠定基础。正像多数同行一样,我们使用Axure。在一些成功的项目中,我们使用Axure设计交互模型,直接对这些原型进行评审,验证了很多设想中的方案,从而为后面的视觉设计流程争取了大量时间。

现在,我们甚至可以在对两个用户进行可用性测试之后,就立刻调整和修改那些有问题的交互模型与设计元素——就在第三名测试者上手之前。当有两名用户在页面上的同一个地方产生了迷惑并停止操作流程时——他们通常会说“我不知道……我不太清楚需要怎样做才能完成这一步……”——你就应该知道这个地方一定是存在着什么问题的。

在实际项目中,我们有一个小原则小手段:搞清楚谁是当前项目中最高级别的决策制定者,尤其是那些对视觉相关问题有最终决策权的人——不要将视觉稿过早的交给他们去评审,他们会对很多在设计流程初期无关大局的细节部分提出过多的意见,这会严重打乱设计师在流程初期的节奏。举个例子,如果页面里有很多的文字内容,而设计师还没有进行到处理这部分内容的阶段,他们看到当前的设计稿,多半会说:“在这里多做些图标来代替文字吧!”……优秀的图标设计其实是一项很专业的工作,它需要设计师投入大量时间;每一个图标都必须通过全部的评审阶段,并且要作为可用性测试中的专门一项,保证用户可以全部理解。本质上说,图标设计工作就好像是巫术——你要创造很多小巧的象形图文,并保证他们能够表达出正确的含义(下图展示了设计师在制作图标时的一些手稿)。反馈意见所来自的决策者的级别越高,你就越难把它搁置下,哪怕它会打乱你的正常流程与步骤。

ux-ued-ecommerce-website-redesign-icon-design

标准化

创建了风格化的线框图原型,谨慎的使用纸质原型——甚至在产品经理还在完善需求文档的时候,我们就已经一步一个脚印的取得了一些小成果。用户体验设计的相关工作在项目早期就介入进来是很重要的,否则,你就很可能必须沿着错误的早期规划路线进行跟进,更有甚者,产品部门甚至是开发人员会交给你一份他们自己做的、“已经通过评审和确认”的设计原型要你去跟进,纵使这些原型在多数时候根本没有可取之处,纵使你拿着设计指南与UI规范向他们指出错误。

所以我们在项目任务之外,还花了不少时间去编写原型文档;你至少可以用这些规范来向相关部门的人员解释一些标准化模型的功能和流程,让他们知道不需要重新发明轮子。

从整个产品的角度来看,初期,你也许需要从UX团队中划分出一小部分资源,去协助一些“低价值”项目,使功能尽快上线;而团队的主要精力,将集中放在接下来的优化与迭代的过程里,比如将全站的UI元素进行风格统一化。具有一定规模的网站中,通常会有这样的情况:不同页面的表单会有不同的设计,虽然他们的功能基本一致,但往往会发生表单项顺序不一致、字体规则和对齐方案不一致等等的现象;对于需要跨越几个页面的表单操作流程,有时相同的商品在不同页面中的信息呈现方式也不一致。更不用说那些正处于改版状态的网站,新旧风格往往会混杂在同一个页面中。我们需要花时间处理这些问题,设计出全局化统一化的UI组件和模块模型,使用户在不同页面的操作体验保持一致。

UI设计规范

在我们着手对页面UI进行统一化的过程里,一个大项目顺水推舟的介入了进来——全站的视觉改版。这是个好事,我们可以在这个大项目里完善UI设计规范,还可以同时基于网站的UI风格进行企业识别(CI)方面的设计工作(什么是企业识别 / CI)。说到CI,其实可以外包给其他设计代理公司,但是我们觉得他们未必可以很好的挖掘公司品牌深层的本质,况且这笔开销也不小,所以还是自力更生了。最后,我们将统一化的UI元素设计模式与新的CI标准文档整合了起来,包括配色方案、模板参考、图标选择等方面。

ux-ued-ecommerce-website-redesign-ui-guideline

规范中,有一篇文档涵盖了很多技术细节,其中我们不必自己撰写全部的内容,有很多实施要则是链接到相关的wiki页面的。我们的规范可以帮助我们有据可循的向相关协作部门展示各种设计方案的道理,这些可以帮助我们逐步产生影响力,传播我们的用户体验设计理念与执行方式,使我们的团队可以越来越多的在新项目初期就介入其中发挥作用。

作为UX团队,我们并没有在项目中垄断设计思路,我会邀请项目中其他相关部门的同事按照我们提供的一些游戏规则去从他们的职能角度思考赝品用户体验方面的问题。

作者:C7210

(责任编辑:IT教学网)

更多