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


這(zhè)個(gè)細節非常簡單，但它讓我意識到(dào)，即使是(shì)最細微的(de)甚至看似不(bù)必要(yào / yāo)的(de)設計，都可能對用戶産生巨大(dà)影響。這(zhè)個(gè)笑臉的(de)頁面，來(lái)自于(yú)設計師對用戶的(de)理解，他(tā)們知道(dào)處理滿滿的(de)收件箱不(bù)是(shì)一件愉快的(de)事情，因此，爲(wéi / wèi)了(le／liǎo)緩解這(zhè)種情緒，他(tā)們在(zài)用戶處理完郵件後設計了(le／liǎo)這(zhè)個(gè)有趣的(de)界面，作爲(wéi / wèi)對完成任務(整理收件箱)的(de)獎勵。他(tā)們本可以(yǐ)顯示一個(gè)空白界面或者寫上(shàng) " 沒有郵件 "(no emails)這(zhè)樣的(de)文字，但他(tā)們沒有，而(ér)是(shì)加了(le／liǎo)些額外的(de)小東西，這(zhè)一點讓我非常開心。


在(zài) Slice of Lime，我們的(de)口号是(shì) " 創造驚豔的(de)用戶體驗 "(Create Amazing Experiences)。這(zhè)個(gè)口号看似簡單，但是(shì)仔細想想，到(dào)底是(shì)什麽因素可以(yǐ)讓某個(gè)産品驚豔?如何創造出(chū)驚豔的(de)體驗?


功能性+易用性=好的(de)體驗


要(yào / yāo)設計出(chū)“驚豔”的(de)用戶體驗，必須首先理解到(dào)底什麽是(shì)“好”的(de)用戶體驗。作爲(wéi / wèi)一名 UX 設計師，首先要(yào / yāo)做出(chū)好的(de)用戶體驗，滿足用戶最基本、最即時(shí)的(de)需求，這(zhè)一點對于(yú)産品的(de)成功至關重要(yào / yāo)。以(yǐ) Gmail app 這(zhè)個(gè)例子(zǐ)來(lái)說(shuō)，好的(de)用戶體驗就(jiù)是(shì)确保用戶能夠通過産品輕松完成一款郵件 app 最基本的(de)任務：讀取、編寫、分類、發送等。


好的(de)用戶體驗+體貼入微=驚豔的(de)用戶體驗


好的(de)用戶體驗和(hé / huò)驚豔的(de)用戶體驗之(zhī)間有一道(dào)鴻溝，很多人(rén)認爲(wéi / wèi)差别在(zài)于(yú)能否使人(rén)心情舒暢，能否讓人(rén)們開心，但我認爲(wéi / wèi)這(zhè)隻是(shì)表面現象。驚豔的(de)用戶體驗需要(yào / yāo)設計師做到(dào) " 體貼入微 "(thoughtfulness)，在(zài)整個(gè)設計過程中保持同理心，理解用戶的(de)情感狀态。Gmail 的(de)小笑臉就(jiù)是(shì)在(zài)“好”設計基礎上(shàng)增加了(le／liǎo)貼心的(de)細節。


其實并不(bù)複雜


“體貼”并要(yào / yāo)求一定要(yào / yāo)幽默，還可以(yǐ)采用其它各種形式。對用戶的(de)關心通常都是(shì)非常細微的(de)，你可以(yǐ)在(zài) Little Big Detail 這(zhè)個(gè)網站上(shàng)看到(dào)很多案例。人(rén)們常說(shuō)，好的(de)設計隐匿在(zài)看不(bù)到(dào)的(de)地(dì / de)方，不(bù)妨礙人(rén)們的(de)使用。我認爲(wéi / wèi)，驚豔的(de)設計也(yě)是(shì)深藏不(bù)露的(de)，但時(shí)不(bù)時(shí)地(dì / de)出(chū)現，令你會心一笑。


爲(wéi / wèi)什麽做出(chū)驚豔的(de)設計如此重要(yào / yāo)


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


當用戶感受到(dào)驚豔的(de)用戶體驗時(shí)，他(tā)們就(jiù)會選擇這(zhè)款産品，會和(hé / huò)别人(rén)聊起這(zhè)個(gè)貼心的(de)功能，并推薦給朋友，最終實現産品開發者、設計師和(hé / huò)用戶的(de)多方共赢。


從商業角度來(lái)說(shuō)，努力創造出(chū)一流的(de)用戶體驗，能夠更深層次地(dì / de)滿足産品開發者和(hé / huò)設計師。聽起來(lái)似乎很簡單，但是(shì)驚豔的(de)設計能讓人(rén)開心，而(ér)開心的(de)人(rén)們會把這(zhè)個(gè)世界變得更好。


如何設計出(chū)驚豔的(de)用戶體驗?


OK，先來(lái)快速回顧一下，驚豔的(de)用戶體驗是(shì)由功能性、易用性和(hé / huò)對用戶的(de)關心組成的(de)。作爲(wéi / wèi)一名用戶體驗設計師，我們很容易做到(dào)兼具功能性和(hé / huò)可用性，但是(shì)如何才能讓産品更貼心呢?


作爲(wéi / wèi)一名設計師，我們的(de)工作就(jiù)是(shì)關注人(rén)們與使用産品時(shí)的(de)感受。但這(zhè)一點并不(bù)容易做到(dào)，在(zài)我們打開 Photoshop 前，常常沒有足夠的(de)機會去充分理解用戶。有時(shí)，手頭的(de)任務太複雜，我們的(de)注意力完全放在(zài)了(le／liǎo)應對每一種可能出(chū)現的(de)場景。當然，了(le／liǎo)解極端情況是(shì)有價值的(de)，但當我們以(yǐ)用戶爲(wéi / wèi)中心進行設計時(shí)，絕對不(bù)能缺少了(le／liǎo)對于(yú)人(rén)的(de)關注。


過去幾年，我在(zài)處理一些複雜的(de)問題時(shí)，也(yě)見過不(bù)少簡單的(de)技巧，在(zài)設計産品時(shí)保持對用戶的(de)關心。以(yǐ)下是(shì)其中一些建議，并不(bù)完整，也(yě)不(bù)适用于(yú)所有情況，但我希望你能從中有所感悟，找出(chū)一兩個(gè)适合自己的(de)方法。


種下一顆種子(zǐ)


早做準備!在(zài)項目進行過程中改變方向是(shì)非常困難的(de)。在(zài)你開始設計、畫草稿前，和(hé / huò)你的(de)老闆聊聊，告訴他(tā)，做一個(gè)貼心的(de)産品将會是(shì)你的(de)一個(gè)核心設計原則。


把你自己融入到(dào)用戶的(de)世界中


簡而(ér)言之(zhī)就(jiù)是(shì)要(yào / yāo)做調查。離開電腦屏幕，和(hé / huò)用戶在(zài)一起多交流交流，不(bù)要(yào / yāo)隻關注用戶所說(shuō)的(de)表面含義，要(yào / yāo)關注他(tā)們的(de)語調和(hé / huò)面部表情。需要(yào / yāo)注意的(de)是(shì)，你需要(yào / yāo)多找幾個(gè)人(rén)聊聊，不(bù)要(yào / yāo)讓某個(gè)人(rén)的(de)一面之(zhī)詞影響了(le／liǎo)你的(de)判斷。


創建一個(gè)人(rén)物角色(Personas)


在(zài) Aarron Walter 寫的(de)《爲(wéi / wèi)情感而(ér)設計》(Designing for Emotion)這(zhè)本書中，寫到(dào)了(le／liǎo)如何通過創建一個(gè)人(rén)物角色，模拟一個(gè)用戶出(chū)來(lái)幫你理解用戶你還可以(yǐ)創建一個(gè) " 設計中的(de)人(rén)物角色 "(Design Personas)。此外，公司的(de)品牌推廣在(zài)創建人(rén)物角色時(shí)起着重要(yào / yāo)的(de)作用，因此，在(zài)做這(zhè)方面工作時(shí)，記得和(hé / huò)公司老闆聊一聊。


了(le／liǎo)解完整的(de)故事


人(rén)們在(zài)設計時(shí)常常隻關注自己手頭的(de)工作，而(ér)忘記用戶體驗設計是(shì)一項系統性的(de)工程，你需要(yào / yāo)考慮用戶使用産品的(de)整個(gè)流程，站在(zài)用戶的(de)角度上(shàng)看看你所做的(de)這(zhè)部分工作。一定要(yào / yāo)了(le／liǎo)解清楚用戶在(zài)使用你設計内容的(de)前後環節在(zài)幹什麽。


意識到(dào)你肩上(shàng)的(de)擔子(zǐ)


在(zài)項目開發過程的(de)始終，都要(yào / yāo)想仔細思考你的(de)産品将如何幫助别人(rén)。想象一下你參與設計的(de)一個(gè)環節将引起人(rén)們怎樣的(de)連鎖反應。設計師擔當着重塑這(zhè)個(gè)世界的(de)責任，你要(yào / yāo)清楚這(zhè)一點，做好你的(de)本職工作。


想象你的(de)爺爺正在(zài)使用這(zhè)款産品


想象一個(gè)你所愛的(de)人(rén)正在(zài)使用你設計的(de)産品。在(zài)你的(de)桌上(shàng)放一張他(tā)的(de)照片，時(shí)刻提醒自己。如果這(zhè)個(gè)人(rén)和(hé / huò)你們産品的(de)目标人(rén)群不(bù)吻合，也(yě)不(bù)要(yào / yāo)擔心，放照片的(de)目的(de)就(jiù)是(shì)提醒你，你所創建的(de)“人(rén)物角色”應該代表着真正的(de)人(rén)。


别怕展露出(chū)個(gè)性


個(gè)性化代表的(de)是(shì)設計過程中一個(gè)鮮活的(de)人(rén)。不(bù)要(yào / yāo)擔心在(zài)項目中展露個(gè)性，當你做得太過時(shí)，周圍人(rén)會提醒你的(de)。


保持一顆關懷的(de)心


當我們解決複雜的(de)問題時(shí)，常常會忽略用戶的(de)感受。每天抽出(chū) 15 到(dào) 30 分鍾時(shí)間，帶着一顆關懷的(de)心，回顧一下工作的(de)最新進展。


利用好給用戶反饋的(de)機會


在(zài)你給用戶反饋時(shí)，最容易體現出(chū)你的(de)體貼。在(zài)某個(gè)特定的(de)場景，給用戶一些反饋，讓他(tā)們感受到(dào)你是(shì)一個(gè)親密的(de)朋友，而(ér)不(bù)是(shì)台電腦。


利用好空白區域


大(dà)多數 app 和(hé / huò)網站都或多或少有一些空白區域，你可以(yǐ)利用它們表達你的(de)關心。常見的(de)空白區域包括：錯誤或成功的(de)提示，标題欄，占位符文本，空白頁面，頁腳等。利用空白區域并不(bù)是(shì)說(shuō)一定要(yào / yāo)把它們填滿，而(ér)是(shì)當你遇到(dào)一個(gè)空白的(de)角落時(shí)，你可以(yǐ)問問自己：" 加上(shàng)些什麽内容可以(yǐ)幫到(dào)用戶呢?" 或者 " 我在(zài)這(zhè)裏加些什麽内容可能讓用戶會心一笑呢?"


給用戶以(yǐ)鼓勵


當用戶完成某件事，或知道(dào)了(le／liǎo)某條消息時(shí)，肯定他(tā)們，給他(tā)們獎勵!你可以(yǐ)在(zài)他(tā)們心情愉悅的(de)基礎上(shàng)，再推進一步，讓他(tā)們更加開心，感受到(dào)更多鼓勵。


簡化，突出(chū)你的(de)用心之(zhī)處


盡力簡化頁面，你的(de)用心之(zhī)處就(jiù)更容易凸顯出(chū)來(lái)。市面上(shàng)有很多現成的(de)資源可以(yǐ)幫你學習如何簡化并省略一些功能。Giles Colborne 寫的(de) Simple and Usable Web, Mobile, and Interaction Design 是(shì)這(zhè)方面的(de)傑作，我非常喜歡這(zhè)本書。


堅持練習


OK，你已經試了(le／liǎo)各種方法，但還是(shì)找不(bù)到(dào)合适的(de)。你要(yào / yāo)知道(dào)，并不(bù)是(shì)每個(gè)項目都能做得很棒，不(bù)要(yào / yāo)擔心。與其艱難蹒跚，還不(bù)如盡全力做好準備，當機會再次來(lái)臨時(shí)不(bù)要(yào / yāo)錯失。最終，你會爲(wéi / wèi)你所做的(de)事情感到(dào)驕傲的(de)。


小結


我認爲(wéi / wèi)在(zài)正确的(de)時(shí)間使用正确的(de)工具是(shì)非常重要(yào / yāo)的(de)。爲(wéi / wèi)了(le／liǎo)設計出(chū)更好的(de)用戶體驗，我們需要(yào / yāo)在(zài)整個(gè)設計過程中保持對用戶的(de)關心。當我們看到(dào)自己設計的(de)産品爲(wéi / wèi)人(rén)們，乃至整個(gè)世界帶來(lái)積極的(de)影響時(shí)，那是(shì)多麽有成就(jiù)感的(de)一件事啊。


原文地(dì / de)址：http://www.chanpin100.com/thread-7465-1-1.html