给你妈设计用户界面时的6个心得

编者注:本文的嘉宾作者是iFixit的UX/UI主管Tony Gines。他是一位用户界面设计师、团队领导者、丈夫、父亲和马天尼爱好者。

给你妈设计用户界面时的6个心得_第1张图片

一年大概会发生一两次。我去我妈家做客,然后过了两三个小时她会说,“诶,能帮我看下我的电脑吗?我只是想确保一切都正常。你懂的我不知道我自己都在干些啥。”她是对的。她不知道她在干嘛。

但她想知道。

那也是为什么她和像她一样的成千上万的人每天来我们创建的网站的原因。他们不耐烦地摸索着注册流程、隐藏的手势和令人困惑的界面。作为设计师和开发者,我们的责任是要把网站变得不仅能用,还得好用到让人流连忘返。

这里是一些我在设计一个新的网站或者界面的时候,会想着我的妈妈然后得出的心得:

1、她用跟你不一样的浏览器上网

给你妈设计用户界面时的6个心得_第2张图片

Internet Explorer是她常用的浏览器。准确点说是IE8。为什么?因为习惯了。她知道所有的按钮在哪里也知道如何轻松地浏览。问题是什么呢?她有无数条各种你能想到的工具栏而且没有一条是她自愿安装的。她也没有足够的自信去卸载它们或者升级浏览器。她觉得她会搞砸的。几年前我给她装了Google Chrome,但一次又一次,我看到她还是回到了IE的怀抱。她感觉用Chrome是被强迫的,而且每次有什么网站打不开她就会怪到Chrome头上。尽管IE给她的是一个差劲的体验,她用得还是很开心。

→ 心得:

要理解,如果大部分你的目标受众群用一个旧的浏览器浏览你的网站,他们不会把烂体验归咎到浏览器头上。他们会怪罪你的设计。

2、她不懂大多数网站的能力。

给你妈设计用户界面时的6个心得_第3张图片

像Facebook和Google+这种网站有各种功能用来上传和分享照片到各类设备上。对我们来说,分享是很容易的一件事。在你的手机上拍个照,点击分享,就好了。而她呢,仍然会把她所有的照片发邮件给我。她有Facebook,但她不知道照片是分享给国安局了还是只给家人看到,所以她害怕。Google+更差,界面根本不会带领她完成整个操作。如果她要在Google+上发一张照片,她不知道要选哪个“圈子”,如何正确地上传照片,以及她想发给的那个人最终看不看得到那张照片。她知道如果她把一张照片添附到邮件里,然后发给我,我会收到而且回复的。

→心得:

让你的用户在整个过程中都知道自己做的是对的。用视觉提示和文字告诉你的访客如何正确地完整他们想做的事情。

3、她看不懂图标

给你妈设计用户界面时的6个心得_第4张图片

我们觉得每个人都知道保存图标是干嘛用的。我妈以前用过几年软盘但毫无疑问已经完全忘记它们的功能了。我无数次看见“新建文档”、“复制”和“删除”的选项都只有图标。有时候我会在电话上带她用一遍某些界面告诉她如何删除一个文件,结果发现“删除”只是一个图标。那时候我不得不让她去找一个像垃圾桶或者像一个“X”或者其他什么东西的图标。我有次在她找到后听到她说了句了不起的话:“写个‘删除’不就好了?”。

→心得:

图标在用户界面里是易用的而且可以保证界面的尺寸大小。你不用担心工具栏里的文字过长或者翻译问题。图标是个很容易依赖的东西。但,如果用户不知道怎么用的话,又何谓好设计呢?试着在图标旁边放上描述性的标签来告诉用户图标X意味着动作Y。这里有一篇关于图标易用性的优秀文章。

4、她不是超级用户。

给你妈设计用户界面时的6个心得_第5张图片

我已经不记得告诉过我妈多少次先Ctrl+C再Ctrl+V来复制粘贴了。她永远记不住,不过也无所谓。她也是手势操作的新手。一年前我给她买了台iPhone,她用很少的应用。她会发短信、打电话、收邮件,就差不多了。她不知道你只要在收件箱里往下拉刷新就可以收到新邮件了。她感觉必须先按Home键关掉应用然后再打开邮件应用一次才能看到有没有新消息。

我记得有次给她打电话她没接,然后进到了她的语音信箱:

你好,我现在不能接听你的电话。请留下你的大名和电话号码,我会尽快与你联系。

她并没有意识到iPhone已经为她做好了这些。iPhone会显示未接电话、电话时间、电话号码、以及来电人,如果我妈认识他的话。然而,她几乎是条件反射地就给语音信箱设了那么段留言。如果iPhone让她录一段不同的留言,问题会否解决呢?大概吧。

→心得:

有超级用户的功能很好。如果能教人们如何变成超级用户那就更好了。不要指望你的用户知道如何用键盘快捷键来复制粘贴。也不要指望你的用户知道他们不用像以前一样做某些事情。教他们如何加快速度并且不要吓跑新用户。

5、她不介意点击。

给你妈设计用户界面时的6个心得_第6张图片

有一个说法是更多点击意味着更差的用户体验。我不喜欢这个概念。我自己作为一个老网虫,也不记得抱怨过什么网站上需要点太多次才能完成什么事情。我记得看到过我妈在那种试着把所有东西精简到一页里的网站上摸索。这个过程中,她反复说的话是“我做得对吗?”如果我不在场给她一个YES的答案,她自己大概会告诉自己NO。

→心得:

再说一次,用视觉反馈告诉你的用户他们是否完成了他们想干的事情。“简单设计”不代表着“更少的设计”。把一个表单分成四个部分会让这个表单看上去没那么骇人而且还让用户知道自己是否做对了。不要在一个四页的表单更好用的时候把它做成一个“简单的”一页,这会让你的界面变得残缺。

6、她只是想干她想干的事,并感觉与世界连结。

给你妈设计用户界面时的6个心得_第7张图片

我妈上网都感谢很简单的事情。我大概说得出所有她要做的三件事:付账单、看Netflix以及跟她的孩子们保持联系。每几个月,Facebook就会改一次界面,然后我妈就得重新学习所有东西,寄希望于图标和菜单还在她记得的原来位置。Netflix则很好地保持了界面的友好和一致性。Facebook却不是。她只是一直看着自己的墙上她的孩子们和孩子的孩子们的照片,并希望Facebook的开发者不会哪一天又改掉了界面。有趣的是,她的银行对她来说很易用因为已经7年没改过界面了。它仍然支持IE8,用英文标签,而且界面尺寸很小,不会被她浏览器上的各种工具栏给掩埋掉。

→心得:

你得了解,如果你要重新设计已经有忠实用户的网站,彻底改变它的界面意味着用户们需要重新学习所有的链接和菜单,这会让他们疯掉的。在老地方保留一些旧元素。可以把图标搞得更漂亮些,但还是得保持一些以前的感觉,为了让用户容易上手。

结论

别搞错,我妈是个很聪明的人。她喜爱科技,跟我们一样能看到科技有多美妙。她不是那种尖酸刻薄的会对年轻人的新事物指指点点的老人家。

她很潮。

最重要的是,她跟全球各地数百万的母亲一样,想要成为我们每天在创造的美好事物的一部分。我们的责任是把这些新事物变得更有趣和令人激动,不仅是为我们,也是为了最一开始教育我们帮助我们走到今天这一步人们。

Tony Gines / The Next Web / Remixed by haru
抬头图片:Shutterstock

你可能感兴趣的:(给你妈设计用户界面时的6个心得)