免費試讀課程單元 · 設計的心理學

可發現性

一扇再簡單不過的門,為什麼還得貼上「推」或「拉」?

Wondering 課程《設計的心理學》的第 1 個課程單元

一扇需要說明的門

你一定遇過這種門:伸手一推,門紋風不動,原來要用拉的。

一扇門上貼著推或拉的標示,提醒使用者該如何開門。

貼上推拉標示的門,代表設計自己說不清楚

於是門上貼了「推」或「拉」。一扇再簡單不過的門,竟然需要說明。

設計學者 Norman 說:如果像門這麼簡單的東西,都得靠標示告訴你要拉、推或滑,那它就是失敗的設計。

這種門常被稱為「Norman 門」。它同時暴露出兩個問題:可發現性與理解。

可發現性:看得出能做什麼

可發現性是指:不靠說明、也不必大費周章摸索,就能判斷可以做哪些操作。

它要回答三個問題:能做什麼?在哪裡做?怎麼做?

可發現性要回答的三個問題
  • 可發現性: 不靠說明就能判斷如何操作
  • 能做什麼: 這扇門能開嗎?
  • 在哪裡做: 要碰門的哪個位置?
  • 如何做: 要推、拉還是滑?

拿門來說,就是:這扇門能開嗎?要碰哪個位置?要推、拉還是滑?

如果答案得靠一張貼紙告訴你,可發現性就失敗了。

理解:知道會發生什麼

理解更進一步:明白產品能做什麼、如何運作,以及我們的操作會帶來什麼結果。

兩種能力的分工
  • 可發現性
  • 理解

可發現性幫你找到操作的地方。理解讓你知道動手之後會發生什麼事。

一扇好門兩者兼具:你看得出要推,也能預期推了門就會打開。

兩者缺一,使用者就會卡住。

平板與把手會說話

好的門不用貼字,靠形狀就能告訴你怎麼開。

平板代表推:它讓你抓不住,你只能用手掌去推。

把手代表拉:它邀請你伸手握住,自然就會往回拉。

推板門與把手門並排對照

注意手的姿勢:平板抓不住只能用掌心推,把手則讓手自然握住往回拉,形狀直接說出操作方式。

形狀本身就把答案交給使用者。這就是可發現性與理解在日常中的樣子。

失敗的是設計,不是你

用不好一扇門時,很多人第一個念頭是:「是我太笨了。」

事實上,當產品缺乏可發現性與理解,失敗的是設計,而不是使用者。

推錯門,到底是誰的錯?

好的設計不需要說明書,功能就一目了然。

下次推錯門,不妨換個角度想想。

把它用在你的設計上

檢查一個設計時,先別急著加說明文字。

問自己:使用者不看說明,看得出能做什麼、在哪裡、怎麼做嗎?

再問:他們能預期操作的結果嗎?

不靠標示的設計檢查
  • 檢查設計
  • 看得出如何操作?: 能做什麼、在哪裡、怎麼做
  • 能預期結果?: 操作後會發生什麼
  • 修改設計本身: 不要只多貼一張標示
  • 一目了然
  • 再檢查

任何一題答「否」,就回頭修改設計本身,而不是多貼一張標示。

自我檢測

一扇門必須貼上「推」或「拉」的標示,大家才知道怎麼開,這代表 _____

  • 門的設計失敗
  • 使用者不夠細心

答案: 門的設計失敗

像門這麼簡單的東西還需要標示來說明推、拉或滑動,就表示它在可發現性與理解上都失敗了。問題出在設計,而不是使用者不夠細心。

判斷「可以做哪些操作、在哪裡、如何操作」的能力叫做_____;明白「產品如何運作、操作會帶來什麼結果」叫做_____。

答案: 判斷「可以做哪些操作、在哪裡、如何操作」的能力叫做可發現性;明白「產品如何運作、操作會帶來什麼結果」叫做理解。

可發現性著重於找出可行的操作及其位置與方式;理解著重於掌握產品的運作方式和操作後的結果。

為什麼門上裝一塊平板,就能讓人不看標示也知道要「推」?

  • 因為平板無法抓握,只能用推的
  • 因為大家都習慣先推門再說
  • 因為平板通常印有推的文字
  • 因為平板比把手更加堅固耐用

答案: 因為平板無法抓握,只能用推的

平板沒有可以抓握的地方,人無法拉它,只能推。這是讓操作方式一看就懂的設計,展現了良好的可發現性。

繼續學習

這是《設計的心理學》共 25 個課程單元中的第 1 個。接下來:

  1. 預設用途
  2. 意符
  3. 對應
  4. 回饋
  5. 概念模型

免費開始這門課程

Wondering 把任何主題變成可以閱讀、觀看或收聽的短課程單元,並附有練習題和 AI 家教。