如何打造極致用戶體驗
積少成多的細(xì)致用戶體驗才能打造顛覆性的產(chǎn)品,顛覆性產(chǎn)品不是一日而成,本文主要幫助大家深入思考用戶體驗。在移動app產(chǎn)品設(shè)計中我們追求2秒定律。即2秒內(nèi)打開app就讓用戶知道它是誰?它能做什么。而這些設(shè)計中的疑問匯總到一起,就是產(chǎn)品的極致體驗都來源一個考量指標(biāo):用戶感知度。
首先、來看用戶體驗最主要的指標(biāo)就是用戶感知度。用戶感知度越高,產(chǎn)品體驗越高。用戶感知度分為這樣五個維度:
- 視覺:即是用戶所看見產(chǎn)品。
- 觸覺:產(chǎn)品人機(jī)交互的過程。
- 感覺:對產(chǎn)品的滿意程度,所使用的服務(wù)是否讓用戶感覺到極致的快感。
- 邏輯:邏輯上是否用戶習(xí)慣,是不是下個頁面是用戶能預(yù)測到的。
- 黏度:用戶使用第一次后,用戶是不是會再回來使用你的產(chǎn)品。
以上五個維度作為最主要判別指標(biāo)。
獲得指標(biāo)后,我們先對自己的知識體系進(jìn)行完善。以下三本書是產(chǎn)品設(shè)計中的良作,如果沒有閱讀過,那么后文對你幫助可能不是很大。
- 《用戶體驗的五要素》:表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層、戰(zhàn)略層。
- 《簡約至上》交互式設(shè)計四策略:刪除、組織、影藏、轉(zhuǎn)移。
- 《不要讓我思考》:廣告設(shè)計的101法則、省略不必要的字、可用性測試。
然后,在設(shè)計產(chǎn)品時候先要學(xué)會多問自己這些問題?
- 哪些的用戶在使用我們的產(chǎn)品?(Who)
- 用戶最想要看到什么內(nèi)容?(What)
- 用戶為什么要看這些內(nèi)容?(Why)
- 用戶什么時候使用我們的產(chǎn)品?(When)
- 用戶在會在哪里使用我們的產(chǎn)品?(where)
- 用戶怎么使用我們的產(chǎn)品?(How)
☆以上5W1H需要在做產(chǎn)品設(shè)計的時候牢記,并且產(chǎn)品設(shè)計中時刻貫穿。
一、整體顏色一致性
app從下載完成開始從圖標(biāo)進(jìn)入后,圖標(biāo)的確定就是對主色調(diào)的確定,也是對app內(nèi)容的主色調(diào)確定。app色調(diào)在選擇上也是十分有講究的。電商app顏色選擇上,多為紅色(橘色)。紅色主要能引起人的購買欲望。黑色也是電商的主要選擇,那是因為黑色具有高貴神秘感,多為奢侈品電商app使用的主色調(diào)。比如藍(lán)色具有自由感覺,適合旅游的app。又比如綠色更多都是社交IM產(chǎn)品使用。雖然顏色上也有會出入的,但總體的設(shè)計理念不會改變。當(dāng)從點擊app開始到進(jìn)入app主界面后,整體色調(diào)要給人一種過渡和諧的感覺。所以這是我們所要說的顏色一致性。淘寶、京東在app圖標(biāo)和進(jìn)入后主界面的主色調(diào)保持一致,就是為了這種過渡和諧的感覺。這種整體顏色感官體驗大大增加用戶的好感度。
二、全部結(jié)構(gòu)整潔性
app整體在結(jié)構(gòu)上保持視覺上整潔性。往往我們在瀏覽app時候,都會覺得電商或者O2O的首頁整潔性比較差。因為業(yè)務(wù)承載量太大,所以無法保持絕對意義上的整潔。而電商首頁設(shè)計遵循一定的規(guī)則,參考我以前寫的《移動端電商類頁面設(shè)計說》文章,本人公眾號第43篇。這一設(shè)計規(guī)則保障電商類app在設(shè)計上保持了一定的整潔度。整潔度并不是在一定程度上保持過分的簡單,過分的簡單可以保持app整潔度,但不能承載業(yè)務(wù)。所以在產(chǎn)品設(shè)計上,整潔度一定是在允許合理范圍之內(nèi)的。比如:微信的發(fā)現(xiàn)功能頁面。它將朋友圈為一列,將掃一掃和搖一搖作為一列,附近的人和漂流瓶作為一列,購物和游戲作為一列。這是在展示上有一定整潔性,幫助用戶快速找到想要的功能。假設(shè)這里只是單純的list頁面排序下來,沒有這樣的區(qū)別,那用戶的感受會十分糟糕。所以結(jié)構(gòu)整潔性是為了保障了用戶操作的便利性。
三、首頁展示內(nèi)容完整性
保證了整潔性的基礎(chǔ)上,才能保障展示首頁內(nèi)容完整性的前提。作為app首頁,你最需要展示給的用戶是你最優(yōu)質(zhì)的內(nèi)容(服務(wù)或商品、每個類別app不同)業(yè)務(wù)。而這個內(nèi)容是你用戶最大的痛點需求,這個痛點需求能牢牢地抓住用戶心理。即可以達(dá)到2秒時間便可以留下來使用app。至于內(nèi)容完整性,因為基于移動端屏幕小的關(guān)系,電商和O2O類產(chǎn)品多半會用Icon作為品類選擇。雖然增加的用戶路徑,但保證了用戶在首屏便能快速了解整體所有業(yè)務(wù)。而音樂類產(chǎn)品會把最主要的播放器的放在底部,一個是為了功能的快速播放,另一點也是內(nèi)容完整性展示,如果將播放器移除首頁,后果也不堪設(shè)想。包括新聞類app將所有的分類至于頂部,也是一種業(yè)務(wù)層面上的展示完整性的選擇。首頁內(nèi)容展示完整性,保障了所有業(yè)務(wù)能最快速的觸達(dá)用戶內(nèi)心。用戶便留下了你app所能起到什么作用的第一印象。
四、邏輯思維正確性
人機(jī)交互上包括:點擊、輸入、滑動手勢、重力感應(yīng)、指紋等多種交互。特別是點擊、輸入、滑動手勢上是交互邏輯最為關(guān)鍵的幾個操作。我們要做到是用戶可以知道點擊后會展示什么內(nèi)容頁面。這種交互邏輯在用戶體驗上有著細(xì)致的快感。在電商app中,點擊邏輯多半能構(gòu)成一套用戶購物路徑。邏輯上的順序必須有正確性,不然無法保證購物流程。在電商支付流程中,用戶姓名、手機(jī)號、地址(地址中的從大到小的過程),都是輸入上的邏輯順序。如果先讓你輸入地址,再輸入手機(jī)號,再輸入姓名。這是輸入上的邏輯不準(zhǔn)確性,這個準(zhǔn)確性中還包括了用戶習(xí)慣的邏輯?;瑒邮謩荻嘤糜诜祷睾拖吕⑿?、上拉滑動登操作。其實簡單的滑動手勢也是很影響邏輯的。某喜歡推送下午茶的軟件中,將刷新方式變?yōu)樯侠绞?,其實是很反人類的設(shè)計,邏輯上正確性也大大折扣。保障交互邏輯的正確,是用戶體驗中快感的最主要組成部分。
五、產(chǎn)品交互文案可讀性
app內(nèi)容中,文字占據(jù)了絕大部分內(nèi)容。我們在產(chǎn)品設(shè)計中,會參雜很多產(chǎn)品交互文案。文案可讀性保證了我們的app產(chǎn)品在使用過程中用戶簡單操作的認(rèn)知度。比如最典型就是IOS或者Android系統(tǒng)級別彈出窗口就很有講究。假設(shè)你需要讓用戶更新,你的文案一定是XXX1.01版本更新。然后下方是確定、取消按鈕。但實際上,你多加一句:更新此本會有XX新功能。會幫助你提升用戶升級版本幾率,也保證了可讀性。當(dāng)然也可以將下方按鈕改為單按鈕:(知道了。)也是讓用戶不用思考進(jìn)行選擇。交互文案中多半使用通俗易懂的語句,在設(shè)計選擇上盡量使用單線程的用戶思考模式。文案可讀性可以把握了更多得小白用戶心里。
六、輸入框便利性
從這里開始,是更加細(xì)小的關(guān)注點。首先是輸入框,登錄的時候,我們有輸入框。聊天的時候有輸入框。購買商品或服務(wù)的時候,支付填寫信息的時候。輸入框是除了按鈕之外最多的組件。輸入框的便利性是讓用戶使用下去的保證,在輸入時絕對不能讓用戶出現(xiàn)有挫敗感的心理。比如很多的輸入框,登錄名加上一條橫線。當(dāng)手指觸碰點擊登錄名時候,并未點擊到橫線上時,居然沒有彈出鍵盤。用戶第一反應(yīng)肯定是卡機(jī)了?第二反應(yīng)是產(chǎn)生強(qiáng)烈的挫敗感。在這種細(xì)節(jié)把握上,一定不能讓用戶出現(xiàn)挫敗感心里。在登錄的時候,輸入用戶名字的時候,彈出的是英文鍵盤。輸入手機(jī)號的時候,彈出的是數(shù)字鍵盤。這些細(xì)小的差別,都是用戶在輸入時的便利性的體現(xiàn)。輸入框不僅是技術(shù)上的數(shù)據(jù)交互和抓取,產(chǎn)品設(shè)計上的漂亮。更要關(guān)注讓用戶使用下去的動力。
七、按鈕交互嚴(yán)謹(jǐn)性
按鈕是app交互中最為常見的組件。包括底部導(dǎo)航上,確認(rèn)或取消按鈕,返回按鈕等等。作為app核心的功能組件,沒有了按鈕幾乎無法生存。手機(jī)觸屏的誕生,更加注重了按鈕交互的嚴(yán)謹(jǐn)性。嚴(yán)謹(jǐn)性不僅包括邏輯上的正確,也包括了用戶文案簡單理解的程度。按鈕幾乎是第四和第五的結(jié)合點。在電商購買頁面中,我們會把按鈕購買按鈕作為吸底式按鈕放在底部。一般性是左邊是加入購物車右邊是立即購買。因為這里有邏輯上嚴(yán)謹(jǐn)性,右邊更為重要。還有也是用戶操作習(xí)慣上的嚴(yán)謹(jǐn)性,右邊多為更關(guān)鍵的操作。而客服,店鋪,收藏等輔助按鈕需要弱化,因為它對主購買流程不構(gòu)成影響。這里這樣做的原因還有需要去除用戶過多的思考。按鈕嚴(yán)謹(jǐn)性不言而喻,因為每一步流轉(zhuǎn),都是一次用戶流失的過程。為了避免用戶在按鈕點擊過程中流失,我們更需要關(guān)注按鈕的嚴(yán)謹(jǐn)性。
八、表單列表簡潔性
表單列表的組件在app中的使用會很少,即使在web端設(shè)計中也是需要更少的展示。因為現(xiàn)在用戶在移動端養(yǎng)成的快速和碎片化瀏覽習(xí)慣非常不利于表單和列表展示和輸入。app端中展示表單和列表組件更是對小屏幕一種展示的不簡潔性。所以在app產(chǎn)品設(shè)計中,能避免就避免,能用別的方式展示就用別的方式。但是沒有辦法的時候,一定要展示的時候,就要十分注重簡潔性。列表展示時,內(nèi)容、文字展示要保持整齊。一般多使用除了列表外其他空間展示留白設(shè)計的方式。當(dāng)表單需要填寫時,一定要將填寫內(nèi)容進(jìn)行邏輯上劃分層次,讓用戶在輸入完成時有種一個階段完成的成就感在當(dāng)中。還有就是能少填就少填,能點擊選擇則不選輸入方式。表單列表的簡潔性極大的幫助了用戶在使用時不會產(chǎn)生厭煩感。
九、圖片專注性
instagram的在國外的火爆印證了圖片的重要性。微信朋友圈中直接發(fā)圖片的設(shè)計也是圖片重要性的體現(xiàn)。圖片需要追求極致的專注性。圖片在社交和電商等很多app上有著極大的重要性。在電商app中,你的商品圖片、banner圖片都是直接轉(zhuǎn)化購買率最重要的先決條件。在社交app中,你的圖片美觀程度決定了你的點贊數(shù)目和瀏覽評論數(shù)目。圖片也是更能抓住視覺最重要的體現(xiàn)。特別當(dāng)你使用移動產(chǎn)品的時候,幾乎一個屏幕就會展示一張圖片或者半張圖片。這里的圖片的專注性不言而喻。特別是Airbnb那樣通過專業(yè)的攝像圖片提升了用戶量的按鈕后,也證明了圖片的專業(yè)性也是十分重要的。一張好的圖片展示,是很能影響用戶的體驗的。
十、錯誤分支回溯性
錯誤分支的多半體現(xiàn)在否定邏輯上。錯誤分支回溯不僅僅是讓用戶點擊再瀏覽別的網(wǎng)頁,更主要體現(xiàn)在返回和否定邏輯上。回溯性主要是讓用戶集中在主功能中進(jìn)行很好的體驗。這里回溯性設(shè)計上最優(yōu)秀的是微信在通訊錄和朋友圈上的聊天回溯性。(你可以去點擊通訊錄和朋友圈好友聊天,看返回到了哪里。)電商中的回溯,是對用戶沉浸瀏覽的一種保障。包括從你不想購買的東西頁面回到在選擇想買東西的頁面。還有就是你取消支付或者購買之后的頁面返回的地方。每一步錯誤回溯都是對用戶心里把控和認(rèn)知的過程。
以上總結(jié)的十點主要針對移動端app,我們需要針對這些注意點進(jìn)行打造細(xì)致的體驗。PCweb端產(chǎn)品設(shè)計部分也適用。更多專業(yè)細(xì)節(jié)方面的設(shè)計,除了有利于我們在產(chǎn)品設(shè)計上用戶體驗的極致,也是從更多的細(xì)小點引發(fā)產(chǎn)品創(chuàng)新的原動力。更極致的專注打磨細(xì)節(jié)的產(chǎn)品設(shè)計,更是打磨我們心里的過程。
(閱讀后提示:本文主要適用于產(chǎn)品經(jīng)理,小部分內(nèi)容適用UE\UI設(shè)計師。)
#專欄作家#
曉翼,微信公眾號:上海人在北京。人人都是產(chǎn)品經(jīng)理專欄作家。專注于電商、O2O的產(chǎn)品經(jīng)理。會IOS開發(fā)、會P圖、會運(yùn)營的逗比一個。常關(guān)注社交、旅行類產(chǎn)品。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
?? 這么好的文,為什么白字那么多 ??
:mrgreen:文章挺好的