編輯導(dǎo)語：表現(xiàn)層是用戶感受的最直接呈現(xiàn)，影響著用戶體驗(yàn)。表現(xiàn)層通過具象的圖標(biāo)、顏色及其圖案，吸引用戶注意力，并完成產(chǎn)品與用戶的溝通，引發(fā)用戶的情感共鳴。本文通過幾個(gè)案例，分享一些表現(xiàn)層的設(shè)計(jì)對(duì)比，希望能給你一些啟發(fā)。

上次我的產(chǎn)品“無”之道講到了角色框架層。今天接著講其在表現(xiàn)層內(nèi)的應(yīng)用。

一、表現(xiàn)層

表現(xiàn)層是決定用戶體驗(yàn)的最直觀呈現(xiàn)，表現(xiàn)層通過各種具象的圖標(biāo)、圖案、顏色等，去引導(dǎo)用戶的注意力，完成產(chǎn)品與用戶的溝通。其實(shí)為了更好的完成與用戶的溝通，更重要的與看不見的用戶記憶、情感的共鳴。

每個(gè)用戶的文化背景、經(jīng)歷、思維、情感都各不相同，最明顯的例子，大部分中國人看到五星紅旗自豪感會(huì)油然而生，而其它國家的人則可能會(huì)沒有感覺，甚至勾起不美好的回憶。如何找到共同的要素，去勾起更多的用戶回憶，激發(fā)用戶的思緒，引起用戶情感的共鳴，是界面設(shè)計(jì)最重要的目的。比如讓人又愛又恨的紅點(diǎn)，無論對(duì)誰來說，與血相同的紅色都代表危險(xiǎn)和緊急，再搭配上數(shù)字，就會(huì)激發(fā)絕大部分用戶想要點(diǎn)擊、消滅它的欲望。

在我的觀念里，好的界面設(shè)計(jì)應(yīng)該具備如下特點(diǎn)：

• 以用戶為中心。要時(shí)刻謹(jǐn)記產(chǎn)品是為用戶服務(wù)的，只有為用戶創(chuàng)造了正當(dāng)?shù)膬r(jià)值，產(chǎn)品才有存在的必要。
• 為內(nèi)容服務(wù)。做產(chǎn)品不是搞藝術(shù)，切忌形式大于內(nèi)容，界面設(shè)計(jì)必須圍繞的重點(diǎn)內(nèi)容展開設(shè)計(jì)，已達(dá)到更好傳遞信息的目的。
• 空，少即是多。好的設(shè)計(jì)應(yīng)該是容器、是廊道，重要的不是產(chǎn)品信息本身，而是留給用戶思考和寄托情緒的空間，讓用戶的思維在自然的狀態(tài)下隨著界面設(shè)計(jì)游走。
• 潛意識(shí)思考。多思考用戶習(xí)慣和本能，采用能讓用戶不假思索就能理解的設(shè)計(jì)，以巧妙的隱喻引導(dǎo)用戶的行為。
• 克制的設(shè)計(jì)。要謹(jǐn)記著名的奧卡姆剃刀原理：“如非必要，勿增實(shí)體”。克制可以分為三個(gè)層面：顏色的克制，盡量少利用顏色種類和變化去吸引用戶的注意力；信息的克制，盡量精煉主要信息，減少無用信息干擾；欲望的克制，克制自己的商業(yè)欲望，適當(dāng)滿足用戶的欲望而不是過分激發(fā)用戶的欲望。

可惜的是，中國的互聯(lián)網(wǎng)自從門戶時(shí)代開始，就走在了大量堆砌信息和功能的道路上。我們來看一些設(shè)計(jì)對(duì)比。

案例1

我們來看APP store和我國某應(yīng)用商店的對(duì)比。APP store通過一個(gè)動(dòng)畫，展示健康A(chǔ)PP在生活中的作用。引導(dǎo)你思考是否需要量化你的健康生活，當(dāng)擊中用戶的需求點(diǎn)時(shí)，用戶會(huì)自然而然地點(diǎn)開推薦，APP的推薦和下載就水到渠成了。如果用戶一時(shí)不需要，可以直接劃走去下載需要的APP，但其實(shí)已經(jīng)在他潛意識(shí)里埋下了種子，靜待發(fā)芽。

而反觀國內(nèi)的應(yīng)用商店，一進(jìn)去就是濃濃的電商味，給人迫不及待想要掏空用戶錢包的感覺。在用戶時(shí)間越來越飽和的現(xiàn)在，直接推薦的作用其實(shí)已經(jīng)很有限了。更有效的是情感化的溝通，表面上看推薦的信息量少了，但其實(shí)轉(zhuǎn)化率反而更高。

案例2

我們?cè)賮砜磹郾擞蛿y程的主頁對(duì)比。愛彼迎的主體就是民宿的場景，主角是與核心用戶相同的年輕人，勾畫了在民宿中夜談的場景，讓我們想起了與閨蜜摯友度過的一個(gè)個(gè)秉燭夜談的美好時(shí)光，與室友深夜躺在床上指點(diǎn)江山、意氣風(fēng)發(fā)的學(xué)生時(shí)代。有了這些美好的聯(lián)想，我們就想在民宿中重溫這些美好的經(jīng)歷，搜索預(yù)訂就水到渠成了。

攜程與前些年比，主頁的界面設(shè)計(jì)已經(jīng)克制多了，但仍顯得雜亂和有擺脫不了的廣告，像是一個(gè)冷冰冰的工具。對(duì)于已經(jīng)坐擁國內(nèi)在線旅游頭把交椅的攜程，目前的問題不大，但是可能會(huì)喪失很多年輕用戶，給后來者彎道超車的機(jī)會(huì)。

我們可以理解產(chǎn)品經(jīng)理的難處和公司的心情。從PC端到移動(dòng)端，屏幕愈發(fā)縮小，因此屏幕上的每一處空間愈發(fā)寸土寸金。每一處都是引流的入口，賺錢的工具。但其實(shí)通過信息轟炸、文案和顏色引導(dǎo)、動(dòng)圖和視頻吸引，只會(huì)讓用戶的注意力原來越渙散，吸引閾值越來越高。于是設(shè)計(jì)、產(chǎn)品乃至整個(gè)行業(yè)智能變得越來越內(nèi)卷。

我們說現(xiàn)在處在一個(gè)信息爆炸和高度碎片化的時(shí)代，信息從數(shù)量上是多了，但大多都是無效的，是不能引起用戶思考和情感共鳴的，這就是多即使少的活生生的反面例子。

案例3

最后想分享一個(gè)不是人機(jī)交互，但是為我留下深刻印象的設(shè)計(jì)：原研哉的日本梅田醫(yī)院導(dǎo)視設(shè)計(jì)。

在這次設(shè)計(jì)中，原研哉將醫(yī)院標(biāo)識(shí)都選擇了白布。一般人就會(huì)想，用布豈不是很容易臟，維護(hù)起來很麻煩？那么我們來看大師是怎么樣想的。

• 梅田醫(yī)院是一所產(chǎn)科?？漆t(yī)院，在該院度過較長時(shí)間的大多數(shù)人并不是“病人”，她們是產(chǎn)前的孕婦和產(chǎn)后哺乳的母親。原研哉想為她們創(chuàng)造一種宜人的空間
• 布基本上都是軟的，所以每一處使用布標(biāo)識(shí)的空間就有一種柔和的表情。
• 而此方案還有更重要一點(diǎn)：白布做的標(biāo)識(shí)很容易臟。為何原研哉要采用一個(gè)這樣麻煩的方案呢？一般常識(shí)是使用塑料這類耐臟的材料，或是一種不顯臟的顏色。
• 但是原研哉采用逆向思維。一間產(chǎn)科醫(yī)院最重要的就是超級(jí)潔凈？其選白色和易臟的布，是因?yàn)橄敫嬖V用戶，最易臟的東西醫(yī)院都能夠維護(hù)地干凈整潔，那么用戶就會(huì)想到醫(yī)院達(dá)到了最嚴(yán)格的衛(wèi)生標(biāo)準(zhǔn)。這就為那些產(chǎn)前產(chǎn)后來這里的人帶來了很強(qiáng)的心理安慰。此設(shè)計(jì)方案的依據(jù)與一流餐廳使用白桌布是一眼的道理。
• 而同時(shí)，原研哉采用了方便拆卸、清晰、替換的設(shè)計(jì)方案，其實(shí)維護(hù)難度并沒有想的那么大。

大師之所以是大師，是因?yàn)樗軌蛏羁腆w察用戶的情感和訴求，并且切身的從用戶的角度出發(fā)，與自己死磕，將最美好的體驗(yàn)和情感傳達(dá)給用戶。

曾經(jīng)看過一個(gè)觀點(diǎn)，非常認(rèn)同。好的設(shè)計(jì)應(yīng)該像中國山水畫一樣，大量的留白，不用或少用顏色。筆墨的作用是為了凸顯“空”，只是意境的描邊，而畫中的留白才是畫的意境所在。當(dāng)我們欣賞山水畫時(shí)，每個(gè)人都可以把思緒沉浸其中，勾勒出自己想象的畫面。

產(chǎn)品設(shè)計(jì)廣為流傳的“Don’t make me think”，其實(shí)存在一種誤讀，不是讓用戶不思考，而是讓用戶在潛意識(shí)里自然而然的完成思考和與產(chǎn)品的溝通。因此我們的界面設(shè)計(jì)不應(yīng)當(dāng)替代用戶思考，而是需要為用戶留下思考的空間，自然的引導(dǎo)即可。

我們可以看到主流的設(shè)計(jì)已經(jīng)趨向于簡潔、扁平、素凈的風(fēng)格。但很多設(shè)計(jì)師其實(shí)還是存在誤區(qū)，只追求形式上的留白，為了留白而留白，被其忽略的是對(duì)用戶思想的留白。何為留白，“無”為“有”之源，有“有”才有“無”，有觸發(fā)用戶記憶、情感的點(diǎn)，才能為用戶的思考、想象留白。當(dāng)設(shè)計(jì)師的留白“只得其形，未得其神”，那么傳遞給用戶的就只有表面上的極少信息，倒不如不留白。

當(dāng)看到這里，如果你有所感悟的話，不妨翻回去，重新體會(huì)該文中的三個(gè)案例，我想會(huì)有新的感悟。

總結(jié)在資源結(jié)構(gòu)層的“無”之道，應(yīng)當(dāng)面向用戶的文化背景、記憶、思維和情感展開設(shè)計(jì)，設(shè)計(jì)時(shí)要遵守以用戶為中心、為內(nèi)容服務(wù)、少即是多、潛意識(shí)思考、克制的原則。

二、結(jié)語

總算如約把產(chǎn)品“無”之道從用戶體驗(yàn)五要素的角度更新完了。寫的過程中有很多收獲，也有很多糾結(jié)。我寫文章的初衷是想取悅自己，后來想著能否把自己的經(jīng)驗(yàn)分享出來幫助別人。于是有了這五篇系列文章。

但是寫的過程中會(huì)發(fā)現(xiàn)，取悅自己和讓別人讀懂是不一樣的，竟然寫出了一些工作的感覺。本來這個(gè)系列計(jì)劃更新8篇的，沒錯(cuò)，跟工作一樣，我還定了計(jì)劃。

我悟出的主要的想法已經(jīng)基本表達(dá)出來了，現(xiàn)在決定封筆一段時(shí)間，就更新到這里吧。

最后感謝各位讀者的陪伴。

本文由@一直產(chǎn)品狗 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。