设计给妈妈用的UI

你是否曾经遇过长辈们向你请教电脑的问题?像是无法开机、不会注册、登入失败、不知道怎幺用 Facebook 等等。进到一个陌生的网页我们大概能知道哪里会有个按钮,哪里能找到我们要的资讯,就算不熟悉,使用几次大概就能上手,但是对妈妈来说可能没有这幺容易。

iFixit 的 UX/UI 总监 Tony Gines 每年大概拜访他的妈妈一两次,每次都会被询问电脑相关的问题,这让他想到每一天都会有数以百万计像他妈妈这样不熟悉操作网页的人造访他设计的网站,在申请注册时总是无法成功填完表格、找不到隐藏的按钮、对使用者介面感到困惑。作为一个 UI 设计师,Tony 认为网站不能只是可使用的,而要能让使用者享受其中,并且乐于一而再、再而三的造访,因此 Tony Gines 写了一篇文章「Designing User Interfaces for Your Mom」谈到他的妈妈使用网站的经验,以及未来设计网站时能如何改善,让妈妈们更易于操作的方法。

以下是 Tony Gines 提出未来他在设计网站或 UI 时会想到关于妈妈使用网站的经验:

她习惯使用的浏览器
设计给妈妈用的UI

IE 是她习惯使用的浏览器,更精确地说,是 IE8,原因是她熟悉所有的按钮也知道如何操作。但问题来了,她几乎拥有各式各样的工具列即使那不是她自愿安装的,但她也不敢任意移除或是更新浏览器,深怕这幺做会把电脑毁了!于是 Tony Gines 在几年前替她安装 Google Chrome,到头来她还是习惯 IE,她感到被逼迫着使用 Google Chrome,并总是抱怨无法在 Google Chrome 顺利开啓网站。即使 IE 带给她负面的使用经验,她还是觉得使用 IE 上网最自在!

Takeaway

了解当多数造访网站的使用者是使用较早期的浏览器时,他们不会抱怨浏览器带给他们糟糕的体验,而会抱怨网页设计让他们无法理解。

她无法理解多数网站的功能
设计给妈妈用的UI

Facebook 和 Google+ 能在各种装置轻鬆上传与分享照片,对我们来说,分享再简单不过:用手机拍张照片、按下分享、完成!但对 Tony Gines 的妈妈来说,她仍然使用 email 寄照片分享给亲朋好友,她有 Facebook,但她不知道分享的照片只会被家人看到还是会因此洩露隐私。Google+ 的情况更糟,使用者介面没有提供足够的引导指示,当她想上传照片时她不知道该选哪个圈子、不知道如何上传、不知道能不能顺利让特定的人看到照片,于是她选择 email,準确地寄给对方并且不会遗漏任何的回覆。

Takeaway

确保你的使用者以正确的方式浏览并使用网站,使用视觉化的线索与字句清楚地引导使用者如何使用网站。

她不了解那些图示
设计给妈妈用的UI

我们总是假设所有人都知道每个图示的意义,像是「+」可能代表新增文件,还有複製或删除的图示大概都能马上联想起来,但事实上,并非所有人都能理解图示的意义,Tony Gines 曾告诉他的妈妈长得像垃圾桶或者「X」的图示代表删除的意思,Tony Gines 的妈妈花了一番功夫终于找到后表示:「为什幺它不能写『删除』就好了呢?」

Takeaway

图示在使用上确实很方便,同时能确保在页面上有固定的大小,让整体看起来更加简洁,不需要担心文字在调整、翻译后超出範围。但如果使用者无法理解图示的意义呢?不妨试试在图示周围增加标籤说明吧,清楚告诉使用者图示所代表的意义,让操作更简易!

她不是 power user
设计给妈妈用的UI

Tony Gines 发现讲再多次 ctrl+C 代表複製、ctrl + V 代表贴上,妈妈永远也记不起来,这也就算了,对于智慧型手机的手势她们也无法理解,像是在信箱里往下拉查看新邮件的动作她也总是记不起来。甚至在 Tony Gines 打到她妈妈的手机没人接时,语音信箱传来妈妈录製的一段话:「嗨,我现在无法接听电话,请留下你的姓名与电话,我会儘快回电」没错,她甚至不知道当她漏接电话时手机会告诉他刚刚打来的人是谁、电话几号。

Takeaway

拥有 power user 是好事,能教导使用者成为 power user 更棒!不要假设使用者知道如何複製贴上,不要假设使用者不再使用「古早」的方法,教导他们如何更快速地完成,同时避免疏远新世代的使用者。

她不介意更多的点击
设计给妈妈用的UI

有个理论认为越多的点击等同于越糟的使用者经验。Tony Gines 不认同,他认为就算是他--- 精通网站的使用者--- 也不曾因为哪个网站要求点击以完成某个动作的次数太多而令他抱怨。Tony Gines 看过他的妈妈摸索初次拜访网站,一边完成动作一边问着:「我做对了吗?」,只要是清楚的指示,能準确完成指令,使用者大概都不会排斥,另外能适时给予鼓励更好!

Takeaway

简单的设计不代表要精简过了头,而是要能简易操作。把表格分段拆成四个部分而不是一长串能让使用者不那幺害怕,也能确保使用者照着正确的步骤进行。记住,当表格分成四页更易于使用者填写时,不要设计一个「简单」的单页表格。

她只是想要完成某件事,并且感到与人连接。
设计给妈妈用的UI

Tony Gines 指出他妈妈使用网路的几个非常基本的理由:付帐单、看影片、与她的儿子保持联络。每隔几个月 Facebook 更动版面后,她必须从头学起她已知的事物,祈祷原有的图示、清单都还在她熟悉的地方。线上影片租赁网站 Netflix 在维持介面令人易于操作上表现很好,Facebook 则不然,当她看着涂鸦墙上儿子的照片时,得同时祈祷希望今天页面不要有任何的变动。

Takeaway

当你打算重新设计拥有忠实使用者的网站时,要了解介面上的巨幅改变对他们来说等于得重新熟悉所有的清单与连结,而这可能会使他们感到挫败并吓跑他们。这不是要你再也不更新网站设计,不过记得在升级图示让它们看起来更好的同时,留下一些旧有元素在原来的位置,保持原有的亲切感也很重要。

总结

最后 Tony Gines 提到,他的妈妈是位非常、非常聪明的女性,她喜欢科技,她并不是那种古板的人,更重要的是,她和许多的妈妈一样,想成为我们创造的网路世界的其中一员。因此,让对我们来说新奇有趣的网站对妈妈来说一样有趣是我们的职责!所以,动手吧!看看你的网站是否能让妈妈易于操作,或是长辈曾经在操作电脑时发生什幺趣事呢,欢迎留言与我们分享!

您也可能喜歡這些文章