Posts Tagged ‘UCD’

通过模拟打电话来改进产品可用性

星期六, 八月 15th, 2009

【译者:耿人杰 原文:The Over-the-Phone Test 作者:Aza(Head of UX for Mozilla Labs)

在Mozella实验室,我们常使用的一个启发式设计方法叫做“通过电话测试来改进可用性”,尤其是当我们开始以创建更可视化的浏览器为工作目标时,这种方法体现的价值更大。

如果你的朋友一直都认为你很擅长技术,那么我想你一定经历过通过电话向他们解释某一电脑方面的技术问题。可能一些事情很琐碎,很难用通过电话用语言表达,对此我向你表示哀悼。尝试去通过电话给GUI做故障解释就如同去给列车员指明行驶方向一样。

例如,很难给你的祖母解释清楚如何在一个不支持拼写检查的web mail应用里进行拼写检查:

  • “好的,奶奶,现在选中所有的文本,然后按下Control A”
  • “然后通过按Control C来复制文本”
  • “通过开始菜单新建一个Word文件,点击‘所有程序’,然后点击‘Microsoft Office’,最后点击‘Word’”
  • “通过Control V来把文本粘帖进Word…不,不,不,奶奶,我不知道为什么是‘V’,可能是因为‘P’已经给打印用了吧?”
  • “点击顶部工具栏那个带有检查图标和信件标志的小图标。你找不到?好吧,描述一下你现在看到了什么。你看到一些像咖啡杯一样的图标?我不清楚那是什么。实际上…忘了它吧。那直接选择‘编辑’菜单里的‘拼写检查’吧”
  • 现在“点击‘开始检查’吧。奶奶,我知道你只想让它开始检查,但我不知道为什么你还要重复一次。”
  • (奶奶的文档正在被检查…)
  • “好,现在点击‘完成’,或者可能是‘已完成’。额,不管是什么,点击它吧”
  • “通过按Control A选择所有内容”
  • “通过Control C来复制内容”
  • “切换到你正在写的email界面。什么?你找不到正在写的页面了?让我想想,嗯…把不是写邮件的窗口移开,再好好找找吧。”
  • “email文本仍然是选中的吗?没有?好吧,那点击下文本的任何地方。”
  • “通过按Control A选择所有内容”
  • “通过Control P来把所有的内容粘帖尽量。等等,不对,应该是Control V”
  • “你已经完成了!很简单吧?”

在以上的每一步都有可能出错,你的心智模型可能无法和电脑的状态相同步,或者你可能记错了按钮的名字。

通过我们的测试,我们问自己,“我愿意通过电话教我的奶奶如何使用这个玩意儿吗?”如果答案是“我会的”,那么我知道我们成功了。如果答案是“可能会”,那么说明我们能做得更好。如果答案是“不,我不愿意”,那么这意味着我们要重新考虑整个事情了。

以上这些是开发Ubiquity的启发式设计方法之一。

从线框图到最终设计

星期三, 七月 8th, 2009

【译者:耿人杰 原文:From wireframes to design 作者:Jesmon Allen

我们能做什么来确保我们所绘制的梦幻般的线框图能激发同样梦幻般的图形设计并最终创建一个梦幻般的网站?(译者注:有点绕口!)

什么是线框图?

Example wireframe

“线框图是单一网站页面精简版的视觉表现,没有经过任何视觉处理”

此定义来自Strange Systems

线框图是用来做什么的?

我在cxpartners花费了大量时间制作线框。它们被用来生成想法、测试用户、获得客户验收和创建最终网站或应用的蓝图。

递送交付物

当我将线框图交给开发团队后将发生什么?前端、后台程序各展所长,编辑人员摩拳擦掌,而图形设计师需要将他们的设计理念应用到基于线框的页面中。

不要给线框加样式

信息架构师经常开玩笑说:图形设计师的任务就是将线框图加上颜色。线框上所有的导航和内容通常是黑色和白色,所以设计师需要给线框加上一定的商业色彩。

这里暴露了一个潜在的冲突,信息架构师和图形设计师在哪个点进行工作交接的。如果给到图形设计师一个极其完善的线框,他的剩余工作只是动动彩色铅笔,那他们应该会郁闷到不行。最后,设计师通常也会感觉在给定线框下设计会限制他们的创新。

从一开始就让设计师参与其中

这就是为什么cxpartners提倡以用户为中心的设计过程,涉及项目的关键利益相关者从一开始就参与到设计中。利益相关者包括客户和最终用户,也包括程序员和设计师。从第一天开始就把这一条写在项目白板上,让他们参与到关键的决策中,并跟随进行的用户测试。用户测试可以就早期的图形设计想法进行测试,确保他们随着时间的推移看到线框的每一版进展,这是能影响整个设计进程的方式。

所有权和理解力

一个对线框图有所有权和理解力的设计师将能灵活和有创意地阐述他的设计,即使是在项目已经交付了很长一段时间后。网站是不断发展的,一个对线框背后的设计有深入思考和理解的设计团队能够不断的调整和补充,继而维持伟大的用户体验。

不断发展的关系

我喜欢看到我的线框被带入到生活中,所以cxpartners总能通过设计和开发进程让产品团队理解我们的想法,一个电话总能将问题讲明白。我也总能看到我的线框与聪明代码、伟大的图形设计一起结合成一个有着梦幻般用户体验的网站…

了解更多:

Wireframing and prototyping

BBC未来媒体技术创意总监访谈

星期二, 六月 30th, 2009

【译者:耿人杰 原文:Interview with the BBC’s Future Media Technology Creative Director 作者:Giles Colborne

引言:移动设备界面设计是一个非常新颖的话题。在这一领域没有案例,更没有所谓的成功标准。通过了解国外领先媒体在未来媒体领域的发展,我们可以找到些努力的方向。另外,文章也搞所我们移动设备设计和web设计最本质的差别在于,前者有使用的情景,而后者的使用环境相对稳定。

———————————— 全文的分割线 —————————————

Jane Murison是英国广播公司(BBC)的未来媒体技术创意总监。她被任命来负责创建各类新兴终端的用户体验。我们谈到的是:什么让移动设备与众不同?以及它如何影响到需要创建一个新的用户界面设计和研究体系。

Giles Colborne:你在BBC扮演什么角色?

Jane Murison:我负责运营一揽子跨平台的项目,包括互动电视和移动设备。我们就像一个为BBC内部客户服务的代理机构。

GC:怎样才能创建一个好的移动设备界面?

JM:我所见过最好的手机网站是eBay,它提供了所有你认为重要的内容。在Web上你可以在各种地方加上你想要的链接,但在移动设备上这样行不通。

如果你问用户,他们总是说希望在移动设备界面能像大屏幕电脑一样能完成所有任务。但是如果真的将所有的东西都提供给他们,用户将发现它将变得很难使用。所以,你必须将Web上的内容进行浓缩,这很难!

GC:以用户为中心的设计[在设计过程中研究用户的想法]到底应扮演怎么的角色?

JM:如果产品设计的不合适那就是我的责任。我的工作就是确认UCD(以用户为中心的设计)流程工作正常,并确保在正确的时间点得到专家级的意见。如果你喜欢,以老的动态系统开发(DSDM)术语来说我就是主要的“用户提倡者”。

GC:你需要努力工作来使团队明白应该进行可用性研究吗?

JM:我是首席创意官,因此比较容易能说服团队以用户为中心进行设计。在过去的8年中,我每年要花1个月的时间去说服团队这么做。

有时我们不称它为“以用户为中心的设计”,我们会说这是“基于事实的设计”、“找出事实”或者是“用户反馈”。无论我们称它什么,只要我们的客户觉得合适就行。

移动设备界面设计的挑战

GC:移动设备界面设计需要一种新的用户研究方式吗?

JM:是的。BBC的移动设备界面设计经常是基于事件(event-based)的(如,围绕着体育赛事和音乐活动),所以如何在恰当的时间内结束研究,并把成果运用到项目中去,这不太容易办到。

对于移动设备来说,使用情景变得至关重要。将日常情景研究和实验室研究成果紧密结合通常很有效。通过研究日常情景,通常能获得更多关于用户的知识。

我们都知道实验室研究是荒诞的,它并不是自然状态下的结果,但是少你能坐在凳子上打开网站。而移动设备界面设计则完全不是你呆在一个房间中能够得到的。

GC:但你们仍然会做一些实验室研究,如何模拟移动设备使用过程中的那些不可预测环境?

JM:我们做了些特别的事情。在一次实验室测试过程中,我们让测试主持人在参与者用手机完成任务时给他们打电话。他们叫道:“等一下,我有个电话要接”,但等他们意识到正在发生什么时,都表现得相当惊讶。

一些移动设备在处理中断时表现的比较出色。但通常在这种情况下,你无法给用户很多帮助,因为这取决于他们用的是什么类型的移动设备。

GC:你领导着用户体验设计部门(UED),并和技术、产品和内部客户共同工作,如何使合作能够顺利进行?

JM:我认为多人一起对交付物进行决策比较好。最近一个项目中,相比以前围坐在电脑前,我们花费了很多时间在白板前一起筹划产品的设计。所以,在我们的合作中,不会出现一个人画,其余的人看的情况。

我们允许失败、鼓励尝试。在设计过程中,即使失败也可以微笑面对,并从中学到东西。

作为一个团队,经过失败应该变得更紧密,而不是分崩离析。

作为一个经理,你不得不注意你对团队的表达方式:“很好,这非常有效,因为我们已经开始有所收获。现在,让我们按照这个方向开始努力吧。

GC:你对移动设备界面设计有什么展望?

JM:开放标准。当标准统一后,移动设备网络将不必像当前网络那样:“当你访问内容时总是必须从别人的接口中取得。”而在当前,我们能做的是用户提供相对好一点的界面。