互聯網知名的信息構架專家、Semantic Studios總裁 Peter Morville曾經提到,他認為用戶體驗包含7個模塊,可以用蜂窩模型來展現。
模型中的內容包括:
? 有用性。面對的用戶需求是真實的。
? 可用性。功能可以很好地滿足用戶需求。
? 滿意度。涉及情感設計的方面,比如圖形、品牌和形象等。
? 可找到。用戶能找到他們需求的東西。
? 可獲得。用戶能夠方便地完成操作,達到目的。
? 可靠性。讓用戶產生信任。
? 價值。產品要為投資人產生價值。
Steve Krug在《點石成金》(Don’t make me think)這本書裏,提到的用戶體驗包括以下幾個方面:
? 有用性:能否幫助人們完成壹些必需的事務?
? 可學習:人們能否明白如何使用它?
? 可記憶:人們每次使用的時候,是否都需要重新學習?
? 有效:它們能完成任務嗎?
? 高效:它們是否只需花費適當的時間和努力就能完成任務?
? 合乎期望:是人們想要的嗎?
著名的用戶研究專家《用戶體驗設計》的作者Whitney Quesenbery提出了5E原則,認為用戶體驗包含五個方面,如圖6-2所示。
? 有效性:實際可以等同於可用性或者有用性,就是這個產品能不能起到作用。
? 效率:產品應該是能提高使用者的效率的。
? 易學習:學習成本低。
? 容錯:防止用戶犯錯,以及修復錯誤的能力。
? 吸引力:從交互和視覺上讓用戶舒適並樂意使用。
當然,最出名的還是我們在前面提到的《用戶體驗要素》裏的五層模型。這種分層方法比較全面,從策略層到視覺層非常清晰。
通過這些描述我們就不難看出,其實用戶體驗關註的就是讓產品友好地滿足用戶的需求,或者反過來說讓用戶通過妳的產品滿足需求時足夠方便、舒適和快捷。
跟用戶研究壹樣,用戶體驗的內容也是包羅萬象。而我見過的比較細致、個人比較喜歡的用戶體驗評價方法是 Web易用性大師 Jakob Nielsen提出的壹些可用性的標準,也被稱為“尼爾森十大可用性原則”。無論怎樣的用戶體驗方法都可以使用這種可用性原則進行檢驗。
所以下面就從這個角度出發,探討在這個框架下,我們要在用戶體驗方面達到的目標。Jakob Nielsen是從Web設計的角度來提出的可用性原則,以下根據目前移動互聯網的特點,經過了壹定的改動,增加了“恢復現場原則”,並在最後補充了關於文案撰寫的壹些建議。
保證界面的內容可見、狀態可見、變化可見。任何需要出現的信息都應當在該出現的地方出現。有時在設計的時候未必能想到,但當妳作為用戶時卻經常會有“哦?這裏不應該有介紹嗎?不應該有提醒嗎?”這樣的疑惑。
有些看起來是特別基本的要求,但很多產品都做不到。用戶找不到信息、不知道當前的情況、不明白發生了什麽,這些都是不符合可見原則的例子。
比如,很多產品的空白頁面就是圖6-3(a)所示的樣子。
“我在哪兒呢?這裏為什麽是白花花的?這裏是做什麽用的?我能做什麽?”都沒有告訴用戶。即使知道功能的用戶也會疑惑:這到底是沒有加載完,還是已經加載完了?頁面為什麽是空的?我究竟該不該等待?等等。
而好的空白頁如圖6-3(b)所示。這個頁面的變化很顯著。它明確地告訴了妳:這裏是做什麽的,現在為什麽是空白的,而且提供了讓頁面不再空白的途徑,也就是告訴用戶現在可以做什麽——點擊按鈕馬上就可以關註別人。
再比如,Facebook的加載頁面就不是白花花的壹片,而是壹張偽縮略圖,如圖6-4所示。這樣用戶的感知就會非常不同,清楚當前正在加載並且大致了解到會加載什麽東西。
讓功能操作符合用戶的使用場景。其實在已經之前提到了場景在需求分析中的意義。場景在功能設計中同樣很有價值。我們可以知道,功能做成什麽樣子更符合用戶的使用環境和方式。
如果第壹次看到滴滴出行司機版的界面妳可能會覺得有點奇怪,如圖6-5所示。
這跟我們日常所見的App交互模式區別很大,文字很大,間距也很奇怪,幾個按鈕的位置安排得讓人不舒服,頁面的利用率也不高。
但壹結合場景思考,原因就很清楚了。用滴滴出行的司機在使用手機時都在行駛途中或者行駛間隙,同時大部分手機不是在手持狀態,而是放在架子上的。在這樣的場景下,就要保證最重要的幾點:字體夠大、信息簡潔可以讓人快速識別;交互的觸發點都沒有貼在壹起,可以降低操作的誤觸率。
所以在做設計時,不要主觀臆斷好壞,而是放到場景下做思考。
用戶要能對當前的情況很好地了解和掌控,足夠自由。在很多特殊的、有很多可能性的功能界面要註意可控原則。用戶需要自己能夠把控產品運行的狀態。比如典型的視頻播放界面,如果只有播放和暫停,而沒有快進和拖動,那麽可以想象體驗會有多糟糕。再比如所有的界面都應該有方便的退出操作。
在 iPhone出現的時候,Home鍵可以算作是史無前例的發明,完美符合了可控原則。無論在什麽地方、遇到什麽問題,當不知道該怎麽辦時,只需要按下 Home鍵,就回到桌面了。這樣對很多像我們父母那個年代的用戶,就不必在用的時候會時不時擔心焦慮,不知道該怎麽退出、怎麽返回了,遇到任何困惑,壹鍵就可以返回到桌面,很有安全感。
用戶需要在同壹個產品中接受同壹套規範或者邏輯。
許多產品經理會忽視產品邏輯的壹致性。在功能、交互和視覺上不考慮邏輯壹致性、不考慮使用同樣的規範會導致用戶的學習成本急劇增加。另外,也會讓已經使用某個功能養成習慣的用戶,在別的功能上突然不知所措。
比如,在社交產品中,關註妳的人會被稱為“粉絲”,在另壹個頁面又變成了“關註者”;在壹些提醒對話框中,確定按鈕有的時候在左側,有的時候又在右側;在工具類操作中,紅色有時候表示正確,有時候又表示警告和提醒,等等。
之前我看到過壹個例子是某打車軟件的支付寶綁定提醒。在App界面上,文案寫的是“回復驗證碼,即可綁定賬號。”然而確認綁定時發來的短信裏卻是“您的驗證碼是 0235,將此輸入應用程序,確認賬號。”估計所有用戶都會疑惑:那麽我到底是要輸到哪裏呢?
要盡量用足夠的提醒和設計,讓用戶不要混淆、犯錯和發呆。
防錯、防呆原則已經是日本工業界成熟的質量檢驗方法了,由豐田體系的創建人新江滋生提出。防錯和防呆本意並不是說,針對經常犯錯的用戶和比較傻的用戶設計功能,而是說防止讓用戶遇到會犯錯、會發呆的情況。
前面提到過,好的產品經理要能夠以小白用戶角度看問題。在判斷妳的設計是不是真的順暢、讓用戶不費勁地使用,就是要以小白用戶的角度看問題。
做提醒和解釋的時候會看起來很傻。這點東西都不懂嗎?但說這句話的前提是在設計者對產品和功能足夠熟悉的情況下。對於新用戶來說,很多事情並不清楚,如果不做好防錯、防呆,那麽用起來會經常卡殼。
特別典型的例子是如圖6-6所示的提醒框。
我估計絕大部分人看到之後都會有點莫名其妙,會覺得“妳在說什麽?”“然後呢?”“妳別不管我了啊,我該怎麽辦?”
某國產工具在這種情況下就寫的足夠清楚,並且提供了解決方案的按鈕,如圖6-7所示。
圖6-8也是壹個非常容易造成困惑的例子。在這個日歷中,不可用的日期和非當前月的日期,居然都是用灰色表示的(1~6號其實是不可用的日期)。這樣用戶也會茫然,要理解很久才能明白過來。
在需要記憶某些信息時,產品功能要幫助用戶記憶。
這個原則是基於壹個更基本的原則:任何時候都應盡量幫助用戶解決可能發生的問題。當妳在淘寶買完東西、在美團訂完餐之後,肯定不希望自己在腦海裏再回憶壹遍所有的訂單內容,再點確認按鈕吧?
比如,我買了好幾件衣服,我是希望在結賬前再確認壹遍的,所以淘寶是這樣做的,如圖6-9所示。
再比如,在蘋果的Mac端“照片”應用裏,刪除照片時不是直接提醒“要刪除嗎?”而是如圖6-10所示,對話框中提示照片的數量,並且說明當前操作的內容,方便用戶再做確認。
界面足夠簡單、內容易讀。
這個原則有兩點要求,第壹,產品的所有文案都應當簡易、可讀性強。第二,要讓界面足夠清晰,以便於用戶快速發現自己想要的信息。
有的產品做得特別花哨,界面裏什麽都有,看起來酷炫,但用戶卻連哪個是按鈕都分辨不出來,這就是得不償失了。
另外,易讀性還要考慮用戶使用產品的視覺軌跡,排版不要混亂。這在Web上應該更明顯壹些,在現在的大屏手機上也很重要。
如圖6-11所示,這是某運營商的官方應用,整個界面很花哨,剛打開的時候,下方的那些圖標和廣告位還都會快速宣傳。同時,上方的登錄提醒也很不清晰,也沒有明顯的登錄按鈕提醒(有些讀者可能看得出,點擊空白頭像就是登錄)。所以即便是平時嘗試過了很多App的產品經理,都壹下子不太清楚該怎麽操作。
向用戶提醒犯錯的可能,並提供給用戶挽回錯誤的方法。
要在用戶可能犯錯的時候進行提醒,越嚴重的錯,提醒級別就越高。比如當妳要還原iPhone的手機設置時,需要先輸入密碼,如圖6-12所示。
然後會有紅色的醒目提醒,如圖6-13所示。
而挽回錯誤最典型的方法就是文本編輯裏的撤銷功能了。有壹些產品也會提供操作上的撤銷功能,比如在 Gmail中刪除某個郵件後,頂部會出現壹條停留幾秒鐘的提示通知,通知中提供了撤銷的按鈕,用戶可以快速點擊來取消剛才的刪除操作,如圖6-14所示。
在任何時候,考慮到用戶需要得到幫助的情況並予以提示。
正常操作時,或者說用戶掌握充分知識和信息時,提示當然是沒有必要的。但實際情況是,任何用戶在任何時候、任何場景下都有可能產生疑問,需要得到幫助。
除了在產品裏放壹個幾乎不會有人點進去看的幫助文檔之外,最好的方法就是在當下進行提醒。
比如,我之前玩過的壹款遊戲,在任務頁面會有醒目的“幫助”按鈕,點開有詳細的提醒,如圖6-15所示,防止出現玩家看到任務時不知道該做什麽的情況。
用戶在使用時,要方便、高效地完成任務。
在使用搜狗輸入法裏的Emoji表情輸入時,可以看到它們都是按照最近使用來排序的。這樣常用的表情往往都排在前面,可以快速找到。
在用微信的“+”功能時,如果不久前曾經拍過照,那麽照片會自動浮現在按鈕上方。這個功能設計得很巧妙,用戶在這種情況下的確很有可能正要選擇這張照片,所以不需要打開相冊選擇就可以直接發送出去,堪稱高效。
適應用戶的碎片化使用習慣,在各種切換和退出返回時要能有恢復現場的能力。
實時保存內容是在有編輯功能的產品中非常重要的,比如知乎網頁版在編輯頁面時會隔壹小段時間就自動保存壹次,因為臨時狀況意外退出後,再到草稿箱中還能找到。如圖6-18所示。
iOS在處理應用間臨時的切換時提供了很方便的返回功能,點擊左上角就可以回到剛剛所在的應用界面,這讓很多碎片化的操作得以順暢進行,如圖6-19所示。
大家平時都遇到過但估計很少有人會留意,微信內置瀏覽器有記錄上次閱讀位置的功能。如果妳在讀某個公眾號文章,讀到壹半回到聊天頁面說幾句話,再返回這篇文章時還是會回到離開時的位置。
而在新浪微博App中看某個人微博時,如果跳出再回去,又回到了微博列表的頂部。在這種情況下用戶可能每次都會有想摔手機的沖動。
未來產品會越來越多,大家對信息接收的方式也不會滿足於整塊兒的形式,而是會變成以信息流、碎片化的方式為主。所以保護現場將是每個產品都要考慮的原則。
雖然產品經理接觸的文案有限,但往往都是較為關鍵的部分。比如給某個功能起名字,可能直接影響到用戶對功能的認知,以及使用功能的方法。作為產品經理,應該對文案有著足夠的關註。在錘子科技工作的時候,我們對短短十幾字的文案,可能會來回討論幾十個版本。如果是壹個重要功能的名字,甚至可能會經歷連綿幾個月的糾結。
對於文案的話,有幾條建議。
在進行文藝創作時,名字當然越有趣、越有個性比較好,但在給產品、功能和某些地方的提示進行描述時卻是大忌。作為產品設計者,我們應該讓用戶理解產品含義,而不只是讓用戶感受到我們的趣味。
像蘋果公司的OSX提供的整盤克隆備份功能,有很多可選的更有科技感的名字,但他們選定的是時光機器(Time Machine),任何人都對這個功能的效果有了特別具體的感知,大家清楚使用這個功能就可以讓電腦恢復到過去某個時刻的狀態。
而有的產品把自己的各種功能和功能項的稱呼都起了特殊的名字。比如積分叫 X幣,商城叫集市,購物車叫竹籃等,都對用戶的認知造成了困擾,增加了很多學習成本。MIUI有壹個“神隱模式”,有很多朋友都不懂這是什麽功能,也就從來沒有嘗試過。
這裏也提壹句,盡量避免使用網絡流行語。網絡熱詞流行過去之後,可能很快就被遺忘了。過段時間,就會沒人覺得新鮮,再久壹些大概都沒人能記起其真實含義了。
在簡約易讀原則裏簡單提到了文案呈現的清晰簡潔,這裏想強調的是字數能減則減,直到再減就不能表達清楚意思為止。
我們看到過這樣的產品提示文案,“確認要刪除選中的25張照片嗎?刪除後照片將永久銷毀、不能恢復,請慎重選擇,點擊下方確認按鈕即可刪除。”這就像產品經理花了10秒鐘就隨手寫下來、懶得去想第二遍的“文案”。其實後面那些廢話完全可以刪掉,更合適的寫法應該是“要刪除這25張照片嗎?它們將不能恢復。”用戶自然知道要去點擊按鈕。
在某些情況下,壹長串文案也不如壹個簡單的符號有效。比如“√”用來指代“已經成功”或者“順利完成”的意思就方便許多,也容易理解。
“網絡異常,請檢查設置。”這就是最糟糕但卻很常見的壹種文案。首先,網絡異常是產品服務器的網絡異常還是用戶這邊的網絡異常?檢查設置是要看產品裏的設置、網絡設置,還是系統設置?這種不清不楚的文案,不會有什麽效果。
QQ的默認驗證消息文案至今都沒怎麽變過,如圖 6-20所示。對話框中的“我是……”就存在著歧義——到底是要寫清楚申請添加好友的申請人是誰,還是寫明被申請人是誰?
大家都知道白居易的壹則軼事,他每寫壹首詩都要先給不識字的老奶奶讀壹遍,老奶奶說聽不懂,他就繼續改。我們寫的產品文案也應該如此,找壹個並不熟悉產品內情的人,讓他看這些文案,看不懂的就不停地改,這樣最終就是最直白又通俗易懂的版本了。
在錘子科技,我們都會找壹個對數碼產品不感興趣的同事來幫忙審閱文案;在小米科技,這事兒據說是拜托樓下的保安來完成的。
本文提到的原則以及關於文案的建議,可以作為檢驗來配合各位完成產品設計,但用戶體驗“路漫漫其修遠兮”,大家要壹起求索。
關於用戶體驗,我有個非常深的感觸,就是任何功能都還有變得更好的余地。所以任何時候,我都不敢自稱設計出了無懈可擊的作品,對任何設計出的方案,只要有時間精力都要不斷去研究和思考,讓產品越來越好,讓用戶越來越滿意。積沙成塔、集腋成裘,好的產品不是依靠某個神奇的idea就能所向披靡的,好的產品往往都是在任何細節都無可挑剔。
? 任何妳覺得可能會“不太舒服”的地方,在市場上很可能會讓成千上萬的用戶“很不舒服”。
? 任何妳覺得已經夠完善的方案,仍然會有優化空間。