朱百寧｜產(chǎn)品設(shè)計(jì)原則：簡(jiǎn)單直觀

今天談一談產(chǎn)品設(shè)計(jì)中的一個(gè)原則——“簡(jiǎn)單直觀”。

這個(gè)原則聽(tīng)起來(lái)也很“簡(jiǎn)單直觀”，它既是一個(gè)最低、最基礎(chǔ)的要求，也是做產(chǎn)品最高的境界。要真正做到這一點(diǎn)，其實(shí)并不容易。

所謂“簡(jiǎn)單直觀”，就是要讓產(chǎn)品做到憑直覺(jué)就能理解并上手使用。無(wú)論是日常生活用品、社會(huì)公共設(shè)施，還是高科技的軟件、硬件產(chǎn)品，都應(yīng)該符合這個(gè)原則。

下面，先從我們辦公室里放置的一臺(tái)普通的飲水機(jī)說(shuō)起（如下圖所示）。

這臺(tái)飲水機(jī)看起來(lái)不錯(cuò)，但卻有一個(gè)問(wèn)題，那就是它不符合“簡(jiǎn)單直觀”的設(shè)計(jì)原則。當(dāng)你按下右側(cè)的熱水按鈕，憑直覺(jué)用杯子在下面接水時(shí)，會(huì)被從左邊流出的熱水給嚇到，一不小心就會(huì)被燙傷。

相比之下，右圖的這臺(tái)飲水機(jī)盡管看起來(lái)不夠高端大氣，但其設(shè)計(jì)卻很“簡(jiǎn)單直觀”。冷熱水開(kāi)關(guān)和相應(yīng)的出水口連在一起，并且用紅藍(lán)兩種”直觀的“顏色來(lái)進(jìn)行區(qū)分。

這樣，一般情況下是不會(huì)搞錯(cuò)的。

在這個(gè)飲水機(jī)的例子中，體現(xiàn)出了一條讓產(chǎn)品“簡(jiǎn)單直觀”最基本的設(shè)計(jì)策略，就是“讓功能相關(guān)的元素，在位置上也相近”。

這也是平面設(shè)計(jì)的基本原則之一。在羅賓·威廉姆斯的《寫給大家看的設(shè)計(jì)書》中，他將優(yōu)秀設(shè)計(jì)的秘訣歸納為“對(duì)比、重復(fù)、對(duì)齊和親密性”四條基本原則。其中，“親密性”就是在說(shuō)這一點(diǎn)。

除了飲水機(jī)，我們經(jīng)常能在日常生活當(dāng)中看到，很多物品的設(shè)計(jì)都不符合“簡(jiǎn)單直觀”的原則。

比如，很多門把手的設(shè)計(jì)就有問(wèn)題——你每次都要想一下應(yīng)該是推還是拉。一種好的設(shè)計(jì)就是推的那一面根本就沒(méi)有把手，只有一個(gè)方塊區(qū)域引導(dǎo)你去推，這樣你就不會(huì)搞錯(cuò)了。

如此簡(jiǎn)單的設(shè)計(jì)問(wèn)題司空見(jiàn)慣，唐納德·A·諾曼博士在其著名的《設(shè)計(jì)心理學(xué)》一書中，就有過(guò)專門的論述。

再舉個(gè)例子，如果讓你設(shè)計(jì)車輛座椅的“頭枕、靠背和坐墊”調(diào)節(jié)按鈕，你該怎么做呢？

最“直觀”的想法，恐怕就是挨個(gè)放上“頭枕向前/向后、靠背向前/向后、坐墊向前/向后/上升/下降”等八個(gè)按鈕吧？

這個(gè)沒(méi)錯(cuò)，但太復(fù)雜了，一點(diǎn)都不夠“簡(jiǎn)單直觀”。而好的設(shè)計(jì)就類似下圖這樣，把按鈕做成座椅的形狀，那就容易理解、很好操作了。

除了生活當(dāng)中的物品之外，在注重設(shè)計(jì)、強(qiáng)調(diào)用戶體驗(yàn)的IT/互聯(lián)網(wǎng)產(chǎn)品領(lǐng)域，“簡(jiǎn)單直觀”這個(gè)設(shè)計(jì)原則也非常關(guān)鍵。

比如，在整個(gè)人機(jī)交互（HCI）技術(shù)的發(fā)展史中，就一直體現(xiàn)著不斷趨向直觀化的演進(jìn)路線。

在最早期，輸入方式是打孔紙帶，后來(lái)出現(xiàn)鍵盤命令行輸入（CLI）、圖形化界面（GUI）+鼠標(biāo)輸入?？梢钥吹?，輸入方式越來(lái)越直觀。

近些年出現(xiàn)的觸摸屏、語(yǔ)音、肢體動(dòng)作識(shí)別等輸入技術(shù)，則是到達(dá)了一個(gè)更高的階段。

可以說(shuō)，最簡(jiǎn)單直觀的交互和輸入方式，就是利用人類數(shù)萬(wàn)年前就進(jìn)化出的機(jī)能（觸摸、說(shuō)話、動(dòng)作）來(lái)進(jìn)行輸入，而不需要再借用任何中間設(shè)備，或者預(yù)先學(xué)習(xí)輸入方法和指令才行。

直觀的交互方式，就是當(dāng)年iPad一問(wèn)世就大獲成功的原因之一。因?yàn)槲覀儠?huì)驚奇地看到，對(duì)于從來(lái)沒(méi)有摸過(guò)電腦的老人和小孩，給他一臺(tái)iPad，他就會(huì)很直觀地進(jìn)行“滑動(dòng)解鎖、左右滑動(dòng)屏幕、點(diǎn)擊圖標(biāo)打開(kāi)應(yīng)用、用手指旋轉(zhuǎn)和縮放照片“等一系列操作。

我兒子也是在兩歲多的時(shí)候，就可以熟練操作各式智能手機(jī)了。當(dāng)我使用筆記本電腦進(jìn)行工作的時(shí)候，他還經(jīng)常會(huì)下意識(shí)地用手指在屏幕指指點(diǎn)點(diǎn)，企圖搗亂——盡管這并不是觸控屏。

由此可見(jiàn)，“觸摸”這樣交互方式，是多么的簡(jiǎn)單和直觀。

當(dāng)然，越是直觀的交互方式，需要更高的技術(shù)來(lái)實(shí)現(xiàn)。

這是因?yàn)?，輸入輸出技術(shù)本質(zhì)上是人與計(jì)算機(jī)之間的橋梁。然而，作為生物體的人，與計(jì)算機(jī)內(nèi)在的二進(jìn)制的、電子的裝置差異很大。因此，要讓計(jì)算機(jī)直接識(shí)別人類的“觸摸、說(shuō)話、動(dòng)作”這些生物信號(hào)，難度就很大。于是，之前的種種交互技術(shù)，比如鍵盤、鼠標(biāo)什么的，都是在中間做橋接。

再來(lái)說(shuō)說(shuō)手機(jī)軟件，我們也能看到很多簡(jiǎn)單直觀的設(shè)計(jì)。

比如，微信“搖一搖”就是一個(gè)很好的例子。

微信在幾年前就引入了“搖一搖”，來(lái)讓用戶以揮動(dòng)手機(jī)這種非常簡(jiǎn)單直觀、非常有參與感的交互方式，尋找同一時(shí)刻搖一搖的有緣人，或者識(shí)別當(dāng)前正在播放的歌曲和電視節(jié)目，并與之互動(dòng)。

現(xiàn)在，很多產(chǎn)品和H5互動(dòng)都效仿微信，用搖一搖的方式來(lái)參與抽獎(jiǎng)、添加好友等。其實(shí)“搖一搖”這個(gè)觸發(fā)產(chǎn)品功能的方法，換成點(diǎn)擊某個(gè)按鈕或菜單的話完全一樣，這也是最常見(jiàn)交互方式。但由于“搖一搖”參與起來(lái)非常有喜感，特別是非常簡(jiǎn)單直觀，不用做任何多余的解釋大家都能懂，因而更受歡迎。

相比之下，支付寶的“咻一咻”就不夠簡(jiǎn)單直觀了。因?yàn)樗耆且粋€(gè)生造的交互方式，不像任何小孩和大人都能懂、都會(huì)做的“搖一搖”。用戶大腦當(dāng)中絲毫沒(méi)有什么“咻一咻”的概念，無(wú)法聯(lián)想到“咻一咻”是自然界哪種熟知的生物發(fā)出的聲響、做出的動(dòng)作。

最后，看看老羅的錘子手機(jī)。盡管這把錘子最終并沒(méi)有砸碎其他競(jìng)爭(zhēng)對(duì)手，但其產(chǎn)品中確實(shí)有不少簡(jiǎn)單直觀的設(shè)計(jì)，值得研究和學(xué)習(xí)。

比如，手機(jī)附帶的計(jì)時(shí)器工具，就很不錯(cuò)。拉出手環(huán)來(lái)設(shè)置時(shí)長(zhǎng)（表盤的指針會(huì)隨之轉(zhuǎn)動(dòng)），松開(kāi)拉環(huán)就啟動(dòng)計(jì)時(shí)。在計(jì)時(shí)進(jìn)行的過(guò)程中，隨時(shí)可以拉動(dòng)拉環(huán)來(lái)調(diào)整時(shí)長(zhǎng)，以及關(guān)閉計(jì)時(shí)。工具雖小，但確實(shí)很好用。

總之，無(wú)論是面對(duì)何種產(chǎn)品，無(wú)論其結(jié)構(gòu)和原理多么復(fù)雜，產(chǎn)品設(shè)計(jì)者都應(yīng)該想方設(shè)法用最簡(jiǎn)單最直觀的方式來(lái)進(jìn)行設(shè)計(jì)。

簡(jiǎn)單、直觀的產(chǎn)品，才是好產(chǎn)品。

文：朱百寧 /?八點(diǎn)三十五

首席增長(zhǎng)官CGO薦讀：

• 《?電子煙：一個(gè)帶刺的新風(fēng)口?》
• 《 干貨來(lái)了 | 做好用戶運(yùn)營(yíng)，只需搞懂這三件事 》
• 《《知否》迎來(lái)大結(jié)局，明蘭的這兩句話火了！》

更多精彩，關(guān)注：增長(zhǎng)黑客（GrowthHK.cn）

增長(zhǎng)黑客（Growth Hacker）是依靠技術(shù)和數(shù)據(jù)來(lái)達(dá)成各種營(yíng)銷目標(biāo)的新型團(tuán)隊(duì)角色。從單線思維者時(shí)常忽略的角度和高度，梳理整合產(chǎn)品發(fā)展的因素，實(shí)現(xiàn)低成本甚至零成本帶來(lái)的有效增長(zhǎng)…