想用設(shè)計(jì)化腐朽為神奇,你得先想明白這10個(gè)問題

2018-7-3    資深UI設(shè)計(jì)者


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


今天的譯文同樣來自設(shè)計(jì)師 Eugen E?anu,他將經(jīng)典設(shè)計(jì)書《Don‘t Make Me Think》中的內(nèi)容梳理出來供你參考。這些老問題依然能夠給我們今天的新局面以啟發(fā)。

「好設(shè)計(jì)應(yīng)該是顯而易見的」,這句老話在過去的幾個(gè)世紀(jì)當(dāng)中影響到了各個(gè)不同的領(lǐng)域,從美食到音樂,從建筑到哲學(xué),我們?nèi)缃竦纳顜缀跏窃谶@句話的影響下被逐漸被塑造出來的。

但是同樣的,人類的進(jìn)化并沒有我們想象中那么快速,我們的思維和本能仍然被深刻地影響著我們的決策。換句話來說,人類的行為模式有著很長(zhǎng)的保質(zhì)期,在許多事情上,20年前很難做,在今天依然不那么容易去執(zhí)行。

重溫《Don’t Make Me Think》

Steve Krug 的這本《Don’t Make Me Think》中文譯本名字是《點(diǎn)石成金:訪客至上的網(wǎng)頁設(shè)計(jì)秘籍》,譯名可能沒有它的原名那么直接,但是也傳遞出這本書所要表達(dá)的核心概念。

這本書成于2000年第一次互聯(lián)網(wǎng)泡沫時(shí)代之后,Krug 在這次浪潮之后提出了不少實(shí)用的設(shè)計(jì)原則,直到今天仍然有著極高的價(jià)值。這本書隨后多次再版和修訂,其中的設(shè)計(jì)案例幾經(jīng)迭代升級(jí),我們可以看到現(xiàn)代網(wǎng)頁設(shè)計(jì)的提升和進(jìn)步,同時(shí)也能從中感受到,用戶——人類行為本身的模式化?!冈L客至上」的表述太過客氣,「不要讓我思考」這一表述更能表現(xiàn)用戶行為的特征,而今天我們所面對(duì)的絕大多數(shù)的優(yōu)秀產(chǎn)品,無論是手機(jī)電腦還是汽車,同樣遵循著這一原則。

這本書的成功是建立在無數(shù)痛徹心扉的教訓(xùn)之上,這也使得它本身的價(jià)值無與倫比。今天的文章本質(zhì)上也是一篇讀書筆記,設(shè)計(jì)師應(yīng)該對(duì)于用戶、人性有足夠的認(rèn)知,方可作出足夠優(yōu)秀的設(shè)計(jì)。下面的10個(gè)總結(jié),既是常見的認(rèn)知錯(cuò)誤,也是成就好設(shè)計(jì)的契機(jī),就看你怎么把握了。

1. 對(duì)于內(nèi)容,用戶從來都是掃視,而非用心閱讀

當(dāng)我們?cè)诓榭磧?nèi)容和信息的時(shí)候,絕大多數(shù)情況下我們都會(huì)下意識(shí)尋找讓自己感興趣的東西。比如,我們很少會(huì)完整地瀏覽網(wǎng)站上所有的文本和內(nèi)容,為什么?絕大多數(shù)的用戶打開網(wǎng)站都是在試圖完成某項(xiàng)任務(wù),達(dá)成某個(gè)目標(biāo),而網(wǎng)頁中的不同部分的內(nèi)容往往是服務(wù)于不同的功能和目標(biāo)的,我們努力達(dá)成目標(biāo)即可,并沒有閱讀全部的必要。不過,作為網(wǎng)站的設(shè)計(jì)者,我們往往還是提供了足夠豐富的內(nèi)容和完善的功能,一方面是因?yàn)槲覀冇X得人們需要知道,另一方面也是應(yīng)對(duì)不同用戶的需求。正如有的設(shè)計(jì)師所說的,它們「增加了體驗(yàn)」。

所以,通常而言,我們可以作出下列優(yōu)化:

  • 大量使用標(biāo)題:通過標(biāo)題告訴用戶這些內(nèi)容都是和什么相關(guān)的,確保用戶能夠在掃視的時(shí)候快速明白并做選取。
  • 保持段落精簡(jiǎn):在長(zhǎng)段落中,用戶可能稍分神就迷失了,而短段落更容易閱讀,也更容易汲取其中的信息。
  • 使用列表展示:幾乎所有的信息都可以分割為列表來展示,甚至一個(gè)使用多個(gè)逗號(hào)分割的句子,都可以制作成為列表。當(dāng)然,值得注意的是,注意列表之間的行間距,確保可讀性。
  • 突出關(guān)鍵信息:用戶在掃視的時(shí)候,主要是在定位關(guān)鍵詞。將關(guān)鍵詞使用粗體等方式標(biāo)注出來,便于用戶掃視和定位。不要強(qiáng)調(diào)太多的內(nèi)容,這樣會(huì)失去強(qiáng)調(diào)的作用。

2. 創(chuàng)建卓有成效的視覺層次

視覺層次是確保用戶快速掃視能夠獲取到信息的重要助力。視覺層次能夠呈現(xiàn)出頁面中不同元素之間的優(yōu)先級(jí)和關(guān)系,在設(shè)計(jì)的時(shí)候,同樣需要遵循下面的幾個(gè)原則:

  • 重要性越高,越突出。最重要的元素,要么越大,要么越醒目,使用特定的色彩標(biāo)注出來。
  • 在邏輯上有關(guān)聯(lián)的元素,在視覺上應(yīng)該相關(guān)的,例如使用相同的色彩或者相同的視覺樣式。

3. 不要重新發(fā)明輪子

我們明白,用戶總會(huì)期望看到新東西,但是,市面上有太多的工具和應(yīng)用,如果各行其是,忽略約定俗成的規(guī)則,特立獨(dú)行地采用自己的規(guī)則,會(huì)讓每個(gè)應(yīng)用的學(xué)習(xí)成本都提高,這對(duì)于用戶幾乎是毫無益處的。

當(dāng)設(shè)計(jì)師被要求設(shè)計(jì)某個(gè)東西的時(shí)候,內(nèi)心是充滿重新發(fā)明的沖動(dòng)的,這個(gè)我們都明白。而設(shè)計(jì)出和別人相似的東西看起來又有點(diǎn)「政治不正確」,甲方總會(huì)希望設(shè)計(jì)作出點(diǎn)不一樣的東西。更何況,這還是一個(gè)少有鼓勵(lì)和贊揚(yáng)的行業(yè),也很少為「最貼合用戶需求」的產(chǎn)品頒設(shè)計(jì)獎(jiǎng)。

但是設(shè)計(jì)仍然需要在各方之間作出最佳的平衡。

在重新發(fā)明輪子之前,你必須了解破壞和創(chuàng)新所意味著的真實(shí)的價(jià)值(時(shí)間,體驗(yàn),耗費(fèi)的精力和所需的知識(shí))。

4. 產(chǎn)品說明沒必要存在了

我們的工作是要讓產(chǎn)品清晰明了,讓事情便捷易行。即使做不到明顯,也應(yīng)該盡力向著不言自明的設(shè)計(jì)靠攏。說明書這種東西是沒有人會(huì)主動(dòng)去看的,它們的存在意義本身就不大,你需要通過合理的設(shè)計(jì),讓產(chǎn)品本身發(fā)揮指引性的效果。即使說明書必須存在,也盡量讓它簡(jiǎn)短明了。

如果功能并不明顯,我們應(yīng)該盡量讓它明顯一點(diǎn),讓目標(biāo)更明顯。

以宜家為例,一個(gè)需要買回家組裝的柜子,絕大多數(shù)的用戶可以在簡(jiǎn)短的指引之下就可以輕松正確地組裝,為什么?因?yàn)榻^大多數(shù)情況下,一個(gè)柜子長(zhǎng)什么樣,用戶眼前有清晰的畫面,哪怕說明只有幾張簡(jiǎn)單的圖片,用戶也不會(huì)犯錯(cuò)。

5. 用戶并不在意產(chǎn)品是怎么運(yùn)作的

絕大多數(shù)的用戶并沒有興趣了解你的產(chǎn)品的工作方式,并不是因?yàn)樗麄儾粔蚵斆?,僅僅是因?yàn)樗麄儾辉诤?。所以,一旦他們確定你的產(chǎn)品是能用的,就很少會(huì)去注意其他的部分。

以蘋果的無線耳機(jī) AirPods 為例,從價(jià)格上來說,它并不親民,但是它的交互方式和使用體驗(yàn)確實(shí)非常的獨(dú)特和優(yōu)秀,這也不難理解許多用戶會(huì)選擇它。用戶在購買它之后,并不會(huì)去思考它是如何運(yùn)作的,其中所包含的諸多新技術(shù),對(duì)于用戶而言,只是潤(rùn)物細(xì)無聲地發(fā)揮著作用而已。

我的母親就使用的 AirPods ,她從來不會(huì)問我它的原理,但是她很清楚,耳機(jī)需要放在充電盒中充電,和手機(jī)配對(duì)之后就能用了,并不復(fù)雜。

6. 來去匆忙的人們,從不主動(dòng)尋找「微妙的線索」

這一條可能是我最喜歡的。我們?cè)O(shè)計(jì)師總喜歡為用戶帶來微妙的視覺效果,來給用戶帶來樂趣。對(duì)吧?可是如果我告訴你,用戶并不關(guān)心它們,你會(huì)怎么想呢?他們也根本不會(huì)告訴你他們有多在意或者多不在意,也不會(huì)在一次又一次看到的時(shí)候?qū)τ谶@些設(shè)計(jì)有多少感覺。

為什么會(huì)這樣?生活環(huán)境賦予每個(gè)用戶以復(fù)雜多變的情境,他們很少有機(jī)會(huì)去感受微妙的設(shè)計(jì)所帶來的奇妙情緒。風(fēng)在吼,狗在叫,小孩還在滿屋跑,水壺里面水開了,老婆在耳邊抱怨著工作中的細(xì)微末節(jié),而你正在填寫著表單準(zhǔn)備預(yù)訂明天的高鐵票,在那個(gè)時(shí)刻,APP 當(dāng)中微妙的動(dòng)效和視覺線索,手一抖,你可能還會(huì)多買一個(gè)沒有必要的捆綁銷售的酒店折扣券。

但是另外一方面,對(duì)于優(yōu)秀體驗(yàn)的追求不應(yīng)該因此而放棄,還有很多用戶會(huì)從中受益,這也是促成優(yōu)秀產(chǎn)品的必須因素。只不過確實(shí)有很多用戶沒法去在意它們罷了。

7. 焦點(diǎn)小組的任務(wù)不是做可用性測(cè)試

焦點(diǎn)小組是做什么的?一小群人圍坐在桌子旁邊,討論他們對(duì)于產(chǎn)品的看法,他們過去的經(jīng)歷,它們的感受和對(duì)于新概念的理解。焦點(diǎn)小組的作用是幫你更好地界定目標(biāo)用戶,目標(biāo)用戶的感受等等。

可用性測(cè)試則是另外一回事。做可用性測(cè)試的時(shí)候,通常是為了測(cè)試產(chǎn)品而觀察一個(gè)特定的用戶使用產(chǎn)品的過程。在測(cè)試中,你需要測(cè)試人員執(zhí)行特定的操作,以此來查看整個(gè)設(shè)計(jì)中的概念是否直觀,功能是否需要完善。面對(duì)焦點(diǎn)小組的時(shí)候,你需要傾聽觀點(diǎn),梳理思路,在進(jìn)行可用性測(cè)試的時(shí)候,更多需要的是觀察,并且解決具體的問題。

8. 不要讓個(gè)人情感替代整個(gè)用戶歷程

我們?cè)谠O(shè)計(jì)產(chǎn)品的時(shí)候,常常會(huì)從自己的需求出發(fā):「我也是一個(gè)用戶,所以我知道什么好什么不好?!刮覀儗?duì)于自己的喜好有著強(qiáng)烈的感受。

我們會(huì)說,當(dāng)我們的產(chǎn)品具備_____的時(shí)候,我們會(huì)很喜歡,又或者,我們認(rèn)為_____是一個(gè)巨大的痛點(diǎn)。當(dāng)我們真正和團(tuán)隊(duì)成員坐在一起討論產(chǎn)品的時(shí)候,大家都有各自的看法和各自的情緒,所有人的都有著極強(qiáng)的個(gè)性和獨(dú)特的看法,這個(gè)情況就很尷尬了。因?yàn)槲覀兂3?huì)傾向于認(rèn)為絕大多數(shù)的用戶和我們自己一樣。事實(shí)上并不一定如此。

9. 問對(duì)問題,才能讓產(chǎn)品走向?qū)Φ姆较?

無論是設(shè)計(jì)產(chǎn)品功能還是測(cè)試產(chǎn)品的時(shí)候,問對(duì)問題都很重要。測(cè)試的時(shí)候,問用戶「你們喜歡下拉菜單嗎」這樣的問題,不僅銷量不高,而且不會(huì)帶來價(jià)值。這個(gè)問題,應(yīng)該這么問:「在這個(gè)情況下,在這個(gè)頁面上,下拉菜單這種設(shè)計(jì)是否能夠給你帶來良好的用戶體驗(yàn)?哪里讓人覺得不舒服?」

諸如「用戶喜歡這個(gè)產(chǎn)品嗎」這樣寬泛的問題意義不大,用戶也很難提供針對(duì)性的、具體的回復(fù)。

而且,作為設(shè)計(jì)師我們不應(yīng)當(dāng)專注于用戶是否喜歡這樣的問題,這樣會(huì)失去動(dòng)力和專注力??捎眯詼y(cè)試可以幫你消除各種「喜歡」相關(guān)的問題,并且?guī)湍阏业秸嬲龅氖虑?。這才是重點(diǎn)。

10. 不要讓用戶思考問題

我在哪?我要干嘛?

我應(yīng)該點(diǎn)哪里開始?

他們?cè)谶@放的這個(gè)控件是干啥的?

這個(gè)頁面是用來做什么的?

他們?yōu)槭裁催@么稱呼這個(gè)功能?

這個(gè)是廣告還是內(nèi)置的功能?

在使用產(chǎn)品的時(shí)候,如果觸發(fā)用戶大腦中的各種問題,只會(huì)增加用戶的心理負(fù)荷和工作量,分散用戶注意力并不是好事,而且用戶本身并不喜歡解決各種難題。

每當(dāng)用戶點(diǎn)擊某個(gè)控件而不起作用,或者它看起來是個(gè)鏈接實(shí)際上并不是,會(huì)消耗用戶對(duì)你的信任感,降低產(chǎn)品的可靠度。

One more thing

炫酷的概念和新穎的趨勢(shì)不僅吸引用戶,同樣是設(shè)計(jì)師的心頭好。但是我們?cè)谛碌臅r(shí)代,新的局面之下,始終面對(duì)的是以往的用戶,看似千變?nèi)f化的需求背后是不變的人性。

至少《Don’t Make Me Think》這本書一直在探討的問題,經(jīng)過20年的世事變遷,幾次互聯(lián)網(wǎng)浪潮,在這個(gè)號(hào)稱互聯(lián)網(wǎng)4.0時(shí)代,仍然發(fā)揮著作用,依然是那么具有啟發(fā)性。

新狀況之下潛藏著老問題,想要洞悉本質(zhì),設(shè)計(jì)師要懂心理學(xué)和行為學(xué)。在之前的幾篇文章當(dāng)中,我一直在試圖梳理出不會(huì)隨著時(shí)間改變,而一直存在的、亟待解決的問題以及可供使用的原理。

《為何如今的產(chǎn)品總給人千人一面的感覺?》揭示的是「特征蔓延」和「競(jìng)爭(zhēng)驅(qū)動(dòng)式設(shè)計(jì)」是如何讓產(chǎn)品走向平庸和毀滅,解決方案藏在結(jié)尾。

《熟知用戶行為的這7個(gè)層面,你的設(shè)計(jì)才會(huì)走進(jìn)人心》則介紹了唐納德諾曼的用戶行為的7個(gè)層面,這是一套分析用戶行為,設(shè)計(jì)產(chǎn)品流程的有效方法,擁有持久生命力的產(chǎn)品的設(shè)計(jì)策略,和這套方法不謀而合。

《這7種廣泛存在的認(rèn)知偏差,影響了我們太多的決策》 則幫你梳理了7種常見的認(rèn)知偏差,認(rèn)識(shí)自己了解用戶,這些知識(shí)能消除誤解,同樣能夠幫你洞悉真相,是不可多得的利器。

設(shè)計(jì)的方法和工具成千上萬,想明白道理,問對(duì)問題,接下來的路更容易走通。


藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。



分享本文至:

日歷

鏈接

個(gè)人資料

存檔