作者：楊小鍋
鏈接：http://www.itdecent.cn/p/e8ecde13a4d7
談到我們生活中的那些產品和服務，它們常伴于我們左右，影響著我們的生活，與我們處處相關聯(lián)，同樣的這些產品也會影響我們的感受，我們常常在使用時會感到喜悅，也偶爾會在使用另一些產品時會感到不舒服，這些感受都是由產品和服務的體驗直接決定的。一個好的產品體驗使我們的生活變得簡單而又美好，而那些糟糕的產品體驗又讓我們的生活變得復雜而又煩惱。
如果一個產品和服務是絕對的技術壟斷，只有你有，其他人沒有，并且人們需要它，即使產品交互設計和用戶體驗做的再差，只要功能達到了，也會有人使用，原因是非你不可，沒有選擇。而技術實現(xiàn)相同、產品滿足需求相同的前提下，產品的用戶體驗決定了它是否能脫穎而出，被人們選擇并長期使用它。
而當我們談論一個APP產品時，暫且不談極端的偏好情況，比如（就好看，不管它好不好用，我非它不用）這樣的情況.....
我們作為用戶關心往往是這個產品好用嗎？功能復雜嗎？而不是這個產品用戶界面顏色好看嗎？交互的動效酷炫嗎？
決定一個產品好不好用，能不能長期使用都是用戶體驗是直接決定的。
用戶體驗關注的是在滿足用戶需求的同時帶給用戶美好的感受
在接下來的探討中，我們會談到「尼爾森十大原則」這十大原則是具體而又全面的用戶體驗可行性檢驗方法。
“等會，誰是尼爾森？你小子拿陌生的外國人名來蒙我們嗎？”
Jakob·Nielsen（ 雅各布·尼爾森 ）有“ Web 易用性大師 ” 和 “易用之王 ”的稱號，尼老師提出的可用性標準，也被稱為“尼爾森十大原則”
接下來要談到的用戶體驗目標，不會原封不動的照搬“尼爾森十大原則”，因為尼老師是從 web 設計提出的十大可用性原則，我們要結合的是目前移動互聯(lián)網(wǎng)的特點然后在「尼爾森十大原則」的結構下探討在用戶體驗上達到的目標。
下面的會用到大量圖片進行舉例...
一、可見原則
保持界面的狀態(tài)可見，變化可見，內容可見。
當我們使用功能是，產品會對我們的功能做出即時反饋，狀態(tài)，變化，內容這些都會隨著我們操作而改變。
不要讓用戶出現(xiàn)這樣的疑惑：“我切換了功能頁面，誒，現(xiàn)在我在“我的”還是在“主頁”？? “怎么搞的？點了沒有反應，我不知道我到底點了還是沒點….”?
下面是的舉例，很好的符合了可見原則
舉例一：
我在使用微信時，切換了下方的頁面功能，當前所在的頁面圖標亮起，其它小圖標也隨即熄滅，狀態(tài)給出了反饋，內容也變化了。
如下圖：?
舉例二：
在微博里，我給「索尼中國」點了贊，左下角的小拇指立刻亮起，給出了反饋，然后給出了一個大拇指動效，我看見了我點的贊。這樣的設計用反饋告訴我，我做了什么動作，然后出現(xiàn)了什么結果。
如下圖：
舉例三：
在筆記應用里，我們在使用同步下拉的功能時界面也給出了即時的反饋，這樣的設計告訴我們，界面現(xiàn)在是什么狀態(tài)，現(xiàn)在在干嘛，在整個功能的變化過程中我們都能看到的對應的文字描述。
如下圖：?
二、貼近場景原則
功能和服務貼近用戶使用的場景，符合當前場景用戶的體驗。
產品的功能和服務應該貼近真實世界，讓信息更自然，邏輯上也更容易被用戶理解。
我們在之前的文字中提到過看待需求的關聯(lián)性思維，指的就是功能要考慮用戶的使用場景。
舉例一：
這樣的界面和我們日常所用的app不同，很多的文字信息，都是關于地點和距離信息的，整個頁面只有兩個功能“搶單”和“刷新”
如下圖：
但是功能一旦考慮到場景，這樣的頁面設計對用戶“騎手小哥”可以說是非常友好了，騎手小哥大部分時間都是騎著摩托到處送外賣，看手機的同時就需要看到最重要的信息，例如時間、地點、距離、商家和目的地的名稱，只有這樣的頁面設計才能讓騎手小哥對重要的信息一目了然。
舉例二：
我們在生活中，都會聽到這樣的聲音：“收到對方5元轉賬”? 這也是考慮到場景的設計。商家經(jīng)常忙于手頭的事情，通常需要通過你手機上的交易記錄來確認你是否付了錢，而這樣功能的設計，商家即使在忙著手頭的事情依然能通過產品功能發(fā)出“收到5元轉賬”的聲音來確認已經(jīng)收到你的錢了，這樣的設計對于商家和消費者都非常友好，方便的不止一點點，體現(xiàn)了「貼近場景原則」
如下圖：（左）微信和（右）支付寶的「收款聲音提醒功能」設置頁面
三、可控性原則
在使用產品時了解和掌控當前頁面。如果用戶誤操作，可以隨時撤銷，用戶在使用產品時足夠自由。
舉例一：
我們用微信和對方聊天時，當我們寫了很多字，發(fā)出去時卻發(fā)現(xiàn)其中有錯誤，這時我們可以使用微信的撤回功能，體驗更好的是，撤回消息旁邊有「重新編輯」功能，可以讓之前編輯的文本回到對話框重新編輯再發(fā)送。
如下圖：?
“重新編輯”的功能設計同樣也符合「靈活高效原則」后面我們會講到。
舉例二：
用戶經(jīng)常會在手機上使用某個app的時候卡了，我們經(jīng)常說：“卡死了”，這時我們需要有方便的退出操作，而蘋果手機的home鍵，安卓手機經(jīng)典小三樣「返回，主頁，多任務」很好的符合可控性原則，無論用戶當前在哪個頁面，遇到什么問題，不知該怎么辦時，只需點按這些功能，即可退出或回到桌面，心里
會感到很舒服，體驗很好。
下圖為：（右）蘋果的home鍵特寫，（左）安卓「返回、主頁、多任務」特寫
而隨著「全面屏」移動端的到來，它們也將從手機里消失，取而代之的人機交互方式是手勢操作，比如上滑、下拉、長按等等。這些手勢操作將繼續(xù)實現(xiàn)用戶對于產品「可控原則」的目標
如下圖：安卓的堅果pro2 和iOS 的 iPhone x意味著未來手機朝著全面屏的趨勢發(fā)展。
四、統(tǒng)一性原則
產品要在視覺保持統(tǒng)一，交互保持統(tǒng)一。
不讓用戶在使用產品過程中因為切換了一個頁面而感到陌生，要始終在熟悉的環(huán)境下使用功能，減少用戶的識別成本，用戶才能感到舒適。
在這里先舉一個反例：
不敢相信這三張用戶界面居然來自同一個app。用戶界面里的結構和元素不一樣，沒有統(tǒng)一的視覺風格和交互邏輯，每個頁面的整體包括圖標都不一樣…每切換一個頁面，就感覺來到了一個新的app，這樣的做法用戶識別成本增加，從而感到不舒服，體驗自然很糟糕……
如下圖：為某運營商的app。
如果在設計產品的時候，只考慮著一味的花里胡哨，讓那些元素和圖標以及文本信息風格迥異，這樣的做法只會影響到用戶的視覺和感覺的體驗。
談到「統(tǒng)一性原則」，還是得拿微信作為標桿，微信的每個模塊信息的布局都是統(tǒng)一的「圖標」加「文本」的設計樣式，產品整體色彩也以灰黑色為主調相對統(tǒng)一，用戶識別成本低，一目了然，使用起來體驗很好。
如下圖：?
在產品設計中符合統(tǒng)一性原則，讓用戶在始終熟悉的感覺下體驗著不斷變強的產品。
五、防錯原則
用貼心的提醒和設計，防止用戶遇到會犯錯的情況
好的產品經(jīng)理要隨時切換傻瓜用戶看待問題，產品能不能讓用戶輕松的使用，就像喬布斯老師說的：“瞬間成為傻瓜用戶。”，假設新用戶對你的產品不了解，很多功能和事情不清楚，如果不做好「防錯原則」，那么用戶會經(jīng)常在使用中卡住，最后不耐煩的離產品而去。
舉例一：
一個好的符合「防錯原則」對設計應該是這么樣的呢？比如在使用一個產品的注冊頁面里，只有當我們填寫的手機號碼格式正確時，功能才可以點擊，相比填寫了信息格式錯誤，然后彈出對話框告訴你“格式錯誤請重新填寫”，這樣的設計讓用戶提前防止出錯，相對更友好。
如下圖：
舉例二：
在微信和微博里編輯內容時，如果不小心誤操作按了返回，這時軟件內會彈出對話框，微信會提示你“是否退出此次編輯？”、微博會提示你“是否將內容保存為草稿”，這些設計都是為了防止在用戶使用產品編輯內容時出錯，丟失編輯的內容造成不愉快的體驗。?
如下圖：
有些產品在用戶使用關鍵功能時，用戶誤操作退出并沒有防錯提示，用戶往往在退出后才意識到功能沒有完成或內容沒有保存成功…用戶都會莫名其妙 “什么意思，又要重新來？” 而微信和微博在退出功能時，都會提示的足夠清楚，并且提供了「取消」這個解決方案。
六、協(xié)助記憶原則
在需要記憶信息時，產品功能要幫助用戶記憶，信息應該是可見可查看的。
舉例一：
我們在購買東西結賬時，肯定不希望把之前買的每樣東西又在腦海里回憶一遍，這時我們就需要產品幫助我們記憶這些信息，并且隨時可見
比如我們在淘寶買東西，再結賬的時方便我們再次確認物品的信息，像尺碼、顏色、款式、價格等等。
如下圖：
比如我們訂外賣也是一樣的，不可能一下子記住之前選好的菜品…所以產品也可以隨時查看你選好的東西，方便用戶再次確認。
如下圖：
七、簡約容易原則
這個原則的要點是：
第一，產品的界面和功能足夠清晰，簡單明了，用戶一眼就能發(fā)現(xiàn)自己需要的功能和信息。
第二，功能不復雜，簡單易用，而不是那些復雜而又非常酷炫的功能…這樣的結果是用戶不僅不會用，還會果斷拋棄產品。
第三，產品的內容和文字信息都應該簡易，可讀性強，讓用戶一目了然。比如排版不混亂，順著用戶的視覺軌跡。
用戶的視覺習慣，如圖：
八、幫助和提示原則
在任何時候，考慮到用戶需要幫助并給予提示
用戶不是產品設計者，在用戶第一次使用產品的時候，用戶都會在任何時候，任何場景下產生疑問，這時用戶需要得到幫助，對用戶最好最方便的方法就是在當下給用戶提醒。
舉例一：?
我之前使用的任務清單app，在第一次登錄以后，在頁面中看到各個功能的提示。
如下圖：
舉例二：
而像電商產品這樣信息文字和功能服務繁多，用戶一時半會很難全部弄懂，難免會產生疑問，而“很好的幫助用戶”對于這類產品就是一個至關重要的事情
下圖為（左）淘寶和（右）京東的幫助入口，由機器人和人工客服向用戶提供幫助：
九、容錯原則
向用戶提醒犯錯的可能，并提供用戶挽回錯誤的方法
當你試圖造成錯誤的時候，「容錯原則」就會跳出來提醒你。
舉例一：
比如當我們要試圖還原手機的內容和設置，恢復到出廠設置時，就先要輸入密碼，然后再次有紅色提醒，iphone 和 android 在這個設計做法是一樣的。
如下圖：
舉例二：
挽回錯誤最具代表性的方法就是“撤銷錯誤”在很多產品都會用到這個方法
下圖是 wps 產品符合「容錯原則」的“撤銷錯誤”功能：
而我們之前在「可控性原則」舉例的微信撤回功能不屬于「容錯原則」的方法，如果設計微信撤回功能的初衷是「容錯」的話，那么不會給對方知道 “我撤回了一條消息” 而是直接無聲無息的撤回，這樣的做法微信的產品經(jīng)理不會做的，他們很在功能設計上很克制也很優(yōu)秀。
十、靈活高效原則
讓用戶更高效，更方便的完成任務。
舉例一：
在使用微信時，如果不久前拍過一張照片，那么當我們在聊天時點擊 “ + ” 功能時，照片會自動浮現(xiàn)在“ + ” 按鈕上方，方便我們使用，這個功能設計的很好，有時候我 們就需要這張剛剛拍的照片，不需要點擊相冊功能就可以直接發(fā)送過去，真的很「靈活高效」
如下圖：
舉例二：
在使用QQ聊天發(fā)送表情的時候，可以看到表情都是按照最近使用的順序來排序的，我們可以很方便的找到經(jīng)常使用的表情，它就排在最前面。
如下圖：?
舉例三：
比如網(wǎng)易的web端的郵箱，在郵箱后綴設計為可選擇的后綴，這樣用戶在登錄郵箱的時候只用輸入前綴，后綴就不用管了，對用戶來說很方便，這也是「靈活高效原則」的一種體現(xiàn)。
如下圖：
舉例四：
現(xiàn)在很多輸入法也會將你經(jīng)常使用的詞語放到前面，比如你經(jīng)常關心你身邊的人，經(jīng)常問“cfm？“是“吃飯沒？”那么每次打 “cfm”? 輸入法都會把 “吃飯沒” 顯示到最前面，方便你使用…….這樣的設計很好的符合了「靈活高效」
如下圖：
以上原則不是照搬「尼爾森十大原則」而是我結合來移動互聯(lián)網(wǎng)的特點在十大原則的結構下細致探討的觀點和見解。
我還想談談的是：
用戶體驗讓我們更關注那些人性化的細節(jié)，那些經(jīng)常被設計者忽略的情感設計，好的產品不是靠著某個神奇的功能，而是力所能及的關注用戶體驗。
對于用戶體驗，我的感觸良多，那些關注人性化細節(jié)和功能的產品一直常伴在我們的左右，令人欣慰的是.....這些好的產品讓我們的生活越來越美好。而我們對于這些產品和服務總是寄托著純粹而有美好的情愫。
一想到人們使用美好的產品而充滿喜悅時，我們在探討和設計用戶體驗的路上永無止境，這些人性對于美好感受的向往驅動著我們，堅信帶著人性化不斷探究和思考，我們能創(chuàng)造出更好的產品和服務。
