我曾見過(guò)一個(gè)簡(jiǎn)單卻貼心的設(shè)計(jì)，是個(gè)僅170像素的笑臉。那是非常疲憊的一天，下班后我想要清理一下Email收件箱，放松一下心情。以前我都是用蘋果自帶的郵件應(yīng)用，但這次我打開剛下載的Gmail應(yīng)用，篩選了收件箱里的郵件。當(dāng)最后一封郵件被歸檔后，屏幕上出現(xiàn)了一張笑臉和一行文字：”你已經(jīng)完成了所有工作，請(qǐng)享受今天的時(shí)光吧!”這個(gè)頁(yè)面出乎我的意料，讓我也微笑起來(lái)。

這個(gè)細(xì)節(jié)非常簡(jiǎn)單，但它讓我意識(shí)到，即使是最細(xì)微的甚至看似不必要的設(shè)計(jì)，都可能對(duì)用戶產(chǎn)生巨大影響。這個(gè)笑臉的頁(yè)面，來(lái)自于設(shè)計(jì)師對(duì)用戶的理解，他們知道處理滿滿的收件箱不是一件愉快的事情，因此，為了緩解這種情緒，他們?cè)谟脩籼幚硗赅]件后設(shè)計(jì)了這個(gè)有趣的界面，作為對(duì)完成任務(wù)(整理收件箱)的獎(jiǎng)勵(lì)。他們本可以顯示一個(gè)空白界面或者寫上”沒有郵件”(no emails)這樣的文字，但他們沒有，而是加了些額外的小東西，這一點(diǎn)讓我非常開心。

在Slice of Lime，我們的口號(hào)是”創(chuàng)造驚艷的用戶體驗(yàn)”(Create Amazing Experiences)。這個(gè)口號(hào)看似簡(jiǎn)單，但是仔細(xì)想想，到底是什么因素可以讓某個(gè)產(chǎn)品驚艷?如何創(chuàng)造出驚艷的體驗(yàn)?

功能性+易用性=好的體驗(yàn)

要設(shè)計(jì)出“驚艷”的用戶體驗(yàn)，必須首先理解到底什么是“好”的用戶體驗(yàn)。作為一名UX設(shè)計(jì)師，首先要做出好的用戶體驗(yàn)，滿足用戶最基本、最即時(shí)的需求，這一點(diǎn)對(duì)于產(chǎn)品的成功至關(guān)重要。以Gmail app這個(gè)例子來(lái)說(shuō)，好的用戶體驗(yàn)就是確保用戶能夠通過(guò)產(chǎn)品輕松完成一款郵件app最基本的任務(wù)：讀取、編寫、分類、發(fā)送等。

好的用戶體驗(yàn)+體貼入微=驚艷的用戶體驗(yàn)

好的用戶體驗(yàn)和驚艷的用戶體驗(yàn)之間有一道鴻溝，很多人認(rèn)為差別在于能否使人心情舒暢，能否讓人們開心，但我認(rèn)為這只是表面現(xiàn)象。驚艷的用戶體驗(yàn)需要設(shè)計(jì)師做到”體貼入微”(thoughtfulness)，在整個(gè)設(shè)計(jì)過(guò)程中保持同理心，理解用戶的情感狀態(tài)。Gmail的小笑臉就是在“好”設(shè)計(jì)基礎(chǔ)上增加了貼心的細(xì)節(jié)。

其實(shí)并不復(fù)雜

“體貼”并要求一定要幽默，還可以采用其它各種形式。對(duì)用戶的關(guān)心通常都是非常細(xì)微的，你可以在Little Big Detail這個(gè)網(wǎng)站上看到很多案例。人們常說(shuō)，好的設(shè)計(jì)隱匿在看不到的地方，不妨礙人們的使用。我認(rèn)為，驚艷的設(shè)計(jì)也是深藏不露的，但時(shí)不時(shí)地出現(xiàn)，令你會(huì)心一笑。

為什么做出驚艷的設(shè)計(jì)如此重要

一個(gè)小笑臉能帶來(lái)持久的影響嗎?能。我現(xiàn)在依然在使用Gmail的app，而且我很期待每次清理完收件箱后的那個(gè)笑臉。這些細(xì)微但貼心的細(xì)節(jié)對(duì)于激勵(lì)用戶，改變他們的行為有重要的作用，能夠把一段原本痛苦的體驗(yàn)變得愉悅。

當(dāng)用戶感受到驚艷的用戶體驗(yàn)時(shí)，他們就會(huì)選擇這款產(chǎn)品，會(huì)和別人聊起這個(gè)貼心的功能，并推薦給朋友，最終實(shí)現(xiàn)產(chǎn)品開發(fā)者、設(shè)計(jì)師和用戶的多方共贏。

從商業(yè)角度來(lái)說(shuō)，努力創(chuàng)造出一流的用戶體驗(yàn)，能夠更深層次地滿足產(chǎn)品開發(fā)者和設(shè)計(jì)師。聽起來(lái)似乎很簡(jiǎn)單，但是驚艷的設(shè)計(jì)能讓人開心，而開心的人們會(huì)把這個(gè)世界變得更好。

如何設(shè)計(jì)出驚艷的用戶體驗(yàn)?

OK，先來(lái)快速回顧一下，驚艷的用戶體驗(yàn)是由功能性、易用性和對(duì)用戶的關(guān)心組成的。作為一名用戶體驗(yàn)設(shè)計(jì)師，我們很容易做到兼具功能性和可用性，但是如何才能讓產(chǎn)品更貼心呢?

作為一名設(shè)計(jì)師，我們的工作就是關(guān)注人們與使用產(chǎn)品時(shí)的感受。但這一點(diǎn)并不容易做到，在我們打開Photoshop前，常常沒有足夠的機(jī)會(huì)去充分理解用戶。有時(shí)，手頭的任務(wù)太復(fù)雜，我們的注意力完全放在了應(yīng)對(duì)每一種可能出現(xiàn)的場(chǎng)景。當(dāng)然，了解極端情況是有價(jià)值的，但當(dāng)我們以用戶為中心進(jìn)行設(shè)計(jì)時(shí)，絕對(duì)不能缺少了對(duì)于人的關(guān)注。

過(guò)去幾年，我在處理一些復(fù)雜的問(wèn)題時(shí)，也見過(guò)不少簡(jiǎn)單的技巧，在設(shè)計(jì)產(chǎn)品時(shí)保持對(duì)用戶的關(guān)心。以下是其中一些建議，并不完整，也不適用于所有情況，但我希望你能從中有所感悟，找出一兩個(gè)適合自己的方法。

種下一顆種子

早做準(zhǔn)備!在項(xiàng)目進(jìn)行過(guò)程中改變方向是非常困難的。在你開始設(shè)計(jì)、畫草稿前，和你的老板聊聊，告訴他，做一個(gè)貼心的產(chǎn)品將會(huì)是你的一個(gè)核心設(shè)計(jì)原則。

把你自己融入到用戶的世界中

簡(jiǎn)而言之就是要做調(diào)查。離開電腦屏幕，和用戶在一起多交流交流，不要只關(guān)注用戶所說(shuō)的表面含義，要關(guān)注他們的語(yǔ)調(diào)和面部表情。需要注意的是，你需要多找?guī)讉€(gè)人聊聊，不要讓某個(gè)人的一面之詞影響了你的判斷。

創(chuàng)建一個(gè)人物角色(Personas)

在Aarron Walter寫的《為情感而設(shè)計(jì)》(Designing for Emotion)這本書中，寫到了如何通過(guò)創(chuàng)建一個(gè)人物角色，模擬一個(gè)用戶出來(lái)幫你理解用戶你還可以創(chuàng)建一個(gè)”設(shè)計(jì)中的人物角色”(Design Personas)。此外，公司的品牌推廣在創(chuàng)建人物角色時(shí)起著重要的作用，因此，在做這方面工作時(shí)，記得和公司老板聊一聊。你可以點(diǎn)擊這里，了解更多關(guān)于”設(shè)計(jì)中人物角色”的內(nèi)容。

了解完整的故事

人們?cè)谠O(shè)計(jì)時(shí)常常只關(guān)注自己手頭的工作，而忘記用戶體驗(yàn)設(shè)計(jì)是一項(xiàng)系統(tǒng)性的工程，你需要考慮用戶使用產(chǎn)品的整個(gè)流程，站在用戶的角度上看看你所做的這部分工作。一定要了解清楚用戶在使用你設(shè)計(jì)內(nèi)容的前后環(huán)節(jié)在干什么。

意識(shí)到你肩上的擔(dān)子

在項(xiàng)目開發(fā)過(guò)程的始終，都要想仔細(xì)思考你的產(chǎn)品將如何幫助別人。想象一下你參與設(shè)計(jì)的一個(gè)環(huán)節(jié)將引起人們?cè)鯓拥倪B鎖反應(yīng)。設(shè)計(jì)師擔(dān)當(dāng)著重塑這個(gè)世界的責(zé)任，你要清楚這一點(diǎn)，做好你的本職工作。

想象你的爺爺正在使用這款產(chǎn)品

想象一個(gè)你所愛的人正在使用你設(shè)計(jì)的產(chǎn)品。在你的桌上放一張他的照片，時(shí)刻提醒自己。如果這個(gè)人和你們產(chǎn)品的目標(biāo)人群不吻合，也不要擔(dān)心，放照片的目的就是提醒你，你所創(chuàng)建的“人物角色”應(yīng)該代表著真正的人。

別怕展露出個(gè)性

個(gè)性化代表的是設(shè)計(jì)過(guò)程中一個(gè)鮮活的人。不要擔(dān)心在項(xiàng)目中展露個(gè)性，當(dāng)你做得太過(guò)時(shí)，周圍人會(huì)提醒你的。

保持一顆關(guān)懷的心

當(dāng)我們解決復(fù)雜的問(wèn)題時(shí)，常常會(huì)忽略用戶的感受。每天抽出15到30分鐘時(shí)間，帶著一顆關(guān)懷的心，回顧一下工作的最新進(jìn)展。

利用好給用戶反饋的機(jī)會(huì)

在你給用戶反饋時(shí)，最容易體現(xiàn)出你的體貼。在某個(gè)特定的場(chǎng)景，給用戶一些反饋，讓他們感受到你是一個(gè)親密的朋友，而不是臺(tái)電腦。

利用好空白區(qū)域

大多數(shù)app和網(wǎng)站都或多或少有一些空白區(qū)域，你可以利用它們表達(dá)你的關(guān)心。常見的空白區(qū)域包括：錯(cuò)誤或成功的提示，標(biāo)題欄，占位符文本，空白頁(yè)面，頁(yè)腳等。利用空白區(qū)域并不是說(shuō)一定要把它們填滿，而是當(dāng)你遇到一個(gè)空白的角落時(shí)，你可以問(wèn)問(wèn)自己：”加上些什么內(nèi)容可以幫到用戶呢?”或者”我在這里加些什么內(nèi)容可能讓用戶會(huì)心一笑呢?”

給用戶以鼓勵(lì)

當(dāng)用戶完成某件事，或知道了某條消息時(shí)，肯定他們，給他們獎(jiǎng)勵(lì)!你可以在他們心情愉悅的基礎(chǔ)上，再推進(jìn)一步，讓他們更加開心，感受到更多鼓勵(lì)。

簡(jiǎn)化，突出你的用心之處

盡力簡(jiǎn)化頁(yè)面，你的用心之處就更容易凸顯出來(lái)。市面上有很多現(xiàn)成的資源可以幫你學(xué)習(xí)如何簡(jiǎn)化并省略一些功能。Giles Colborne寫的Simple and Usable Web, Mobile, and Interaction Design 是這方面的杰作，我非常喜歡這本書。如果你想快速了解其中的內(nèi)容，可以讀一讀Tyler Tate寫的這篇文章：Minimizing Complexity in User Interfaces。

堅(jiān)持練習(xí)

OK，你已經(jīng)試了各種方法，但還是找不到合適的。你要知道，并不是每個(gè)項(xiàng)目都能做得很棒，不要擔(dān)心。與其艱難蹣跚，還不如盡全力做好準(zhǔn)備，當(dāng)機(jī)會(huì)再次來(lái)臨時(shí)不要錯(cuò)失。最終，你會(huì)為你所做的事情感到驕傲的。

小結(jié)

我認(rèn)為在正確的時(shí)間使用正確的工具是非常重要的。為了設(shè)計(jì)出更好的用戶體驗(yàn)，我們需要在整個(gè)設(shè)計(jì)過(guò)程中保持對(duì)用戶的關(guān)心。當(dāng)我們看到自己設(shè)計(jì)的產(chǎn)品為人們，乃至整個(gè)世界帶來(lái)積極的影響時(shí)，那是多么有成就感的一件事啊。

文章來(lái)源：36kr

文章作者：YvesYAN