朱百寧|產品設計原則:簡單直觀

今天談一談產品設計中的一個原則——“簡單直觀”。
這個原則聽起來也很“簡單直觀”,它既是一個最低、最基礎的要求,也是做產品最高的境界。要真正做到這一點,其實並不容易。
所謂“簡單直觀”,就是要讓產品做到憑直覺就能理解並上手使用。無論是日常生活用品、社會公共設施,還是高科技的軟體、硬體產品,都應該符合這個原則。
下面,先從我們辦公室裡放置的一臺普通的飲水機說起(如下圖所示)。

這臺飲水機看起來不錯,但卻有一個問題,那就是它不符合“簡單直觀”的設計原則。當你按下右側的熱水按鈕,憑直覺用杯子在下面接水時,會被從左邊流出的熱水給嚇到,一不小心就會被燙傷。
相比之下,右圖的這臺飲水機儘管看起來不夠高階大氣,但其設計卻很“簡單直觀”。冷熱水開關和相應的出水口連在一起,並且用紅藍兩種”直觀的“顏色來進行區分。
這樣,一般情況下是不會搞錯的。
在這個飲水機的例子中,體現出了一條讓產品“簡單直觀”最基本的設計策略,就是“讓功能相關的元素,在位置上也相近”。
這也是平面設計的基本原則之一。在羅賓·威廉姆斯的《寫給大家看的設計書》中,他將優秀設計的祕訣歸納為“對比、重複、對齊和親密性”四條基本原則。其中,“親密性”就是在說這一點。
除了飲水機,我們經常能在日常生活當中看到,很多物品的設計都不符合“簡單直觀”的原則。
比如,很多門把手的設計就有問題——你每次都要想一下應該是推還是拉。一種好的設計就是推的那一面根本就沒有把手,只有一個方塊區域引導你去推,這樣你就不會搞錯了。
如此簡單的設計問題司空見慣,唐納德·A·諾曼博士在其著名的《設計心理學》一書中,就有過專門的論述。
再舉個例子,如果讓你設計車輛座椅的“頭枕、靠背和坐墊”調節按鈕,你該怎麼做呢?
最“直觀”的想法,恐怕就是挨個放上“頭枕向前/向後、靠背向前/向後、坐墊向前/向後/上升/下降”等八個按鈕吧?
這個沒錯,但太複雜了,一點都不夠“簡單直觀”。而好的設計就類似下圖這樣,把按鈕做成座椅的形狀,那就容易理解、很好操作了。

除了生活當中的物品之外,在注重設計、強呼叫戶體驗的IT/網際網路產品領域,“簡單直觀”這個設計原則也非常關鍵。
比如,在整個人機互動(HCI)技術的發展史中,就一直體現著不斷趨向直觀化的演進路線。
在最早期,輸入方式是打孔紙帶,後來出現鍵盤命令列輸入(CLI)、圖形化介面(GUI)+滑鼠輸入。可以看到,輸入方式越來越直觀。
近些年出現的觸控式螢幕、語音、肢體動作識別等輸入技術,則是到達了一個更高的階段。
可以說,最簡單直觀的互動和輸入方式,就是利用人類數萬年前就進化出的機能(觸控、說話、動作)來進行輸入,而不需要再借用任何中間裝置,或者預先學習輸入方法和指令才行。
直觀的互動方式,就是當年iPad一問世就大獲成功的原因之一。因為我們會驚奇地看到,對於從來沒有摸過電腦的老人和小孩,給他一臺iPad,他就會很直觀地進行“滑動解鎖、左右滑動螢幕、點選圖示開啟應用、用手指旋轉和縮放照片“等一系列操作。
我兒子也是在兩歲多的時候,就可以熟練操作各式智慧手機了。當我使用膝上型電腦進行工作的時候,他還經常會下意識地用手指在螢幕指指點點,企圖搗亂——儘管這並不是觸控屏。
由此可見,“觸控”這樣互動方式,是多麼的簡單和直觀。
當然,越是直觀的互動方式,需要更高的技術來實現。
這是因為,輸入輸出技術本質上是人與計算機之間的橋樑。然而,作為生物體的人,與計算機內在的二進位制的、電子的裝置差異很大。因此,要讓計算機直接識別人類的“觸控、說話、動作”這些生物訊號,難度就很大。於是,之前的種種互動技術,比如鍵盤、滑鼠什麼的,都是在中間做橋接。
再來說說手機軟體,我們也能看到很多簡單直觀的設計。
比如,微信“搖一搖”就是一個很好的例子。
微信在幾年前就引入了“搖一搖”,來讓使用者以揮動手機這種非常簡單直觀、非常有參與感的互動方式,尋找同一時刻搖一搖的有緣人,或者識別當前正在播放的歌曲和電視節目,並與之互動。
現在,很多產品和H5互動都效仿微信,用搖一搖的方式來參與抽獎、新增好友等。其實“搖一搖”這個觸發產品功能的方法,換成點選某個按鈕或選單的話完全一樣,這也是最常見互動方式。但由於“搖一搖”參與起來非常有喜感,特別是非常簡單直觀,不用做任何多餘的解釋大家都能懂,因而更受歡迎。
相比之下,支付寶的“咻一咻”就不夠簡單直觀了。因為它完全是一個生造的互動方式,不像任何小孩和大人都能懂、都會做的“搖一搖”。使用者大腦當中絲毫沒有什麼“咻一咻”的概念,無法聯想到“咻一咻”是自然界哪種熟知的生物發出的聲響、做出的動作。
最後,看看老羅的錘子手機。儘管這把錘子最終並沒有砸碎其他競爭對手,但其產品中確實有不少簡單直觀的設計,值得研究和學習。
比如,手機附帶的計時器工具,就很不錯。拉出手環來設定時長(錶盤的指標會隨之轉動),鬆開拉環就啟動計時。在計時進行的過程中,隨時可以拉動拉環來調整時長,以及關閉計時。工具雖小,但確實很好用。

總之,無論是面對何種產品,無論其結構和原理多麼複雜,產品設計者都應該想方設法用最簡單最直觀的方式來進行設計。
簡單、直觀的產品,才是好產品。
文:朱百寧 / 八點三十五
首席增長官 CGO 薦讀:
- 《 電子煙:一個帶刺的新風口 》
- 《 乾貨來了 | 做好使用者運營,只需搞懂這三件事 》
- 《 《知否》迎來大結局,明蘭的這兩句話火了! 》
更多精彩,關注:增長黑客(GrowthHK.cn)
增長黑客(Growth Hacker)是依靠技術和資料來達成各種營銷目標的新型團隊角色。從單線思維者時常忽略的角度和高度,梳理整合產品發展的因素,實現低成本甚至零成本帶來的有效增長…
