Display-Control Compatibility

最好的界面设计莫过于「所见即所得」,即Intuition. 人们无需深思,仅仅基于以往的经验和当前场景,便可以做出正确的抉择。为了探索如何更好的完成这一目标,我做了如下实验 -- Gas Pump for Joey.

Purpose

To demonstrate the idea of Display Control Compatibility through an interaction between a Lawrence, KS gas pump and a genuinely new user (ME).

Method

I was taken to a nearby gas pump and attempted to pay for gas at the pump with my credit card. My group took notes, video and pictures to record the experiment. Data was analyzed through reviewing the records and interpreting where the problem areas arose.

Persona

Attribute Value
Name Joey
Age 22
Sex Male
Country China
Schooling Interaction Design
Time in US 4 months
English Level 4 Medium

Actions

Step one:
Tried to understand the function of each part of gas pump.如下图。

Step one

Step two:
Pressed the yellow button intuitively (did not notice the info on the screen).如下图。

Step two

Step three:
Inserted Credit Card.如下图。

Step three

Step four:
Noticed the info finally.Select No for CheckersXtra Card.如下图。

Step four

Step five:
Followed the instructions to continue operating. Inserted Debit Card. 如下图。

Step five

Step six:
Input the zip code of his billing address. Confused by the question, I input my PIN of debit card.如下图。

Step six

Step seven:
Input the zip code of Lawrence. Then input pin code of debit card.如下图。

Step seven

Step eight:
Did not work. Then I switched to my credit card.如下图。

Step eight

Step nine:
Lifted the nozzle (I did not know what a nozzle was).如下图。

Step nine

Step ten:
Chose the type of gas (I did not know which type to choose for the car).如下图。

Step ten

Conclusion

  1. 让用户正确迈出第一步非常重要。为了让用户做出 make a right first action, 通过做实验采集数据。什么行为是最下意识的[intuitive]。然后通过设计使其 attractive.

比如我一开始直接开始按黄色的选择汽油类型按钮,一是因为屏幕太暗,我没注意到上面的字。二是黄色按钮尤其显眼,我就没有原因的下意识的按了[intuition]。当没有反馈时,我下意识的插入信用卡进行尝试。这一系列行为都是基于我以往的生活经验。

  1. 当用户成功进行第一步后。需要给予其极其准确的反馈,指导其接下来的行为。

一是明显的视觉提示,比如可以将黑白屏幕转化成彩色的,调整屏幕的亮度,在必要位置[比如喷油嘴]安装提示灯,让用户能在第一时间发现需要注意的地方。

二是短暂的时间间隔。Interval between action and feedback should be as short as possible, otherwise users would feel totally confused while waiting. 反馈不及时,用户注意力会分散,也会失去耐心,同时可能会进行额外的不必要操作。因为他不知道他的操作正确与否。当我输入邮编或银行卡密码后,3-5s的等待时间让我很煎熬,我以为我又做错了。

三是反馈需要是详细的解释。比如我作为一个英语非母语的用户,如果用词过于复杂或简短,我在理解上就会出现偏差。尽量让范围的文字变得更加详细和耐心,以满足尽可能多用户的需求。比如 zip code of billing address 可以改成 zip code of Lawrence. 同时,不要仅仅告诉用户你做错了,要告诉他们错在哪了,方便他们知错能改,知其然还需知其所以然。比如提示我 zip code 输入错误或者 pin code 输入错误,而不是之间让我 see cashier.

  1. 适当使用新技术提升用户体验。比如将读芯片的卡槽转成RFID等更加便捷的技术。先插入卡便立即拔出确实不附和人的直觉[俗称YW,邪恶了...]。对于初学者,我不知道该给什么样的车加什么类型的汽油。如果每辆车都对应个二维码,扫码即可自动选择加油类型,操作便更加方便了。

  2. 设计一个新产品时,一定需要进行用户测试[5人左右即可],最好非相关领域的用户。用户越不了解产品,产品暴露的问题将会越多,越本质。

  3. 设计思维尽量从 Usability --> Understanding 转向 Understanding --> Usability. 不要一上来就先考虑功能流程,然后让用户测试,接下来根据用户的理解改进。尝试先分析用户的想法,然后基于他们的intuition设计功能流程。易于理解带来的 heuristic interaction 优于仅仅使用上 usability. 因为看似简单的操作很可能用户根本发现不了,想象你爷爷奶奶第一次拿到手机摸索如何开机的情境。是直接长按开机键吗?

Figure of Conclusion

Flow chart for conclusions 1 & 2
Concept map for conclusion 5

Belief in your creative capacity lies at the heart of innovation.
-- Tom Kelly

原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,233评论 6 495
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,357评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,831评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,313评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,417评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,470评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,482评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,265评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,708评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,997评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,176评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,503评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,150评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,391评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,034评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,063评论 2 352

推荐阅读更多精彩内容

  • **2014真题Directions:Read the following text. Choose the be...
    又是夜半惊坐起阅读 9,457评论 0 23
  • 小时候,看到别的小朋友吃零食,穿新衣服,而我总会说,过年了就给你你买。可是等到过年了也没有给我买那些东西,于是我心...
    小气鬼呀阅读 346评论 0 0
  • 我喜欢走人间的小路,左边大漠,右边汪洋,抬头风雨,闭目安寂。放声向天吼,不闻回声,只闻鸟音。不见孤独,却如影相伴。...
    顾言之言阅读 480评论 0 4
  • 最近重构博客,浏览了许多很酷炫的网站,发现他们的logo很多用到了描边动画。仔细研究一番,发现其实还蛮简单的。主要...
    空腹熊阅读 3,661评论 0 4