如何打造極致用戶體驗

2016-02-17

2498

積少成多的細致用戶體驗才能打造顛覆性的產(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)品人機交互的過程。
感覺：對產(chǎn)品的滿意程度，所使用的服務(wù)是否讓用戶感覺到極致的快感。
邏輯：邏輯上是否用戶習(xí)慣，是不是下個頁面是用戶能預(yù)測到的。
黏度：用戶使用第一次后，用戶是不是會再回來使用你的產(chǎn)品。

以上五個維度作為最主要判別指標(biāo)。

獲得指標(biāo)后，我們先對自己的知識體系進行完善。以下三本書是產(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)進入后，圖標(biāo)的確定就是對主色調(diào)的確定，也是對app內(nèi)容的主色調(diào)確定。app色調(diào)在選擇上也是十分有講究的。電商app顏色選擇上，多為紅色（橘色）。紅色主要能引起人的購買欲望。黑色也是電商的主要選擇，那是因為黑色具有高貴神秘感，多為奢侈品電商app使用的主色調(diào)。比如藍色具有自由感覺，適合旅游的app。又比如綠色更多都是社交IM產(chǎn)品使用。雖然顏色上也有會出入的，但總體的設(shè)計理念不會改變。當(dāng)從點擊app開始到進入app主界面后，整體色調(diào)要給人一種過渡和諧的感覺。所以這是我們所要說的顏色一致性。淘寶、京東在app圖標(biāo)和進入后主界面的主色調(diào)保持一致，就是為了這種過渡和諧的感覺。這種整體顏色感官體驗大大增加用戶的好感度。

二、全部結(jié)構(gòu)整潔性

app整體在結(jié)構(gòu)上保持視覺上整潔性。往往我們在瀏覽app時候，都會覺得電商或者O2O的首頁整潔性比較差。因為業(yè)務(wù)承載量太大，所以無法保持絕對意義上的整潔。而電商首頁設(shè)計遵循一定的規(guī)則，廣州網(wǎng)站建設(shè),廣州網(wǎng)頁設(shè)計,廣州網(wǎng)站設(shè)計參考我以前寫的《移動端電商類頁面設(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)容是你用戶最大的痛點需求，這個痛點需求能牢牢地抓住用戶心理。即可以達到2秒時間便可以留下來使用app。至于內(nèi)容完整性，因為基于移動端屏幕小的關(guān)系，電商和O2O類產(chǎn)品多半會用Icon作為品類選擇。雖然增加的用戶路徑，但保證了用戶在首屏便能快速了解整體所有業(yè)務(wù)。而音樂類產(chǎn)品會把最主要的播放器的放在底部，一個是為了功能的快速播放，另一點也是內(nèi)容完整性展示，如果將播放器移除首頁，廣州網(wǎng)站建設(shè),廣州網(wǎng)頁設(shè)計,廣州網(wǎng)站設(shè)計后果也不堪設(shè)想。包括新聞類app將所有的分類至于頂部，也是一種業(yè)務(wù)層面上的展示完整性的選擇。首頁內(nèi)容展示完整性，保障了所有業(yè)務(wù)能最快速的觸達用戶內(nèi)心。用戶便留下了你app所能起到什么作用的第一印象。

四、邏輯思維正確性

人機交互上包括：點擊、輸入、滑動手勢、重力感應(yīng)、指紋等多種交互。特別是點擊、輸入、滑動手勢上是交互邏輯最為關(guān)鍵的幾個操作。我們要做到是用戶可以知道點擊后會展示什么內(nèi)容頁面。這種交互邏輯在用戶體驗上有著細致的快感。在電商app中，點擊邏輯多半能構(gòu)成一套用戶購物路徑。邏輯上的順序必須有正確性，不然無法保證購物流程。在電商支付流程中，用戶姓名、手機號、地址（地址中的從大到小的過程），都是輸入上的邏輯順序。廣州網(wǎng)站建設(shè),廣州網(wǎng)頁設(shè)計,廣州網(wǎng)站設(shè)計如果先讓你輸入地址，再輸入手機號，再輸入姓名。這是輸入上的邏輯不準(zhǔn)確性，這個準(zhǔn)確性中還包括了用戶習(xí)慣的邏輯。滑動手勢多用于返回和下拉刷新、上拉滑動登操作。其實簡單的滑動手勢也是很影響邏輯的。某喜歡推送下午茶的軟件中，將刷新方式變?yōu)樯侠绞?，其實是很反人類的設(shè)計，邏輯上正確性也大大折扣。保障交互邏輯的正確，是用戶體驗中快感的最主要組成部分。

五、產(chǎn)品交互文案可讀性

app內(nèi)容中，文字占據(jù)了絕大部分內(nèi)容。我們在產(chǎn)品設(shè)計中，會參雜很多產(chǎn)品交互文案。文案可讀性保證了我們的app產(chǎn)品在使用過程中用戶簡單操作的認知度。比如最典型就是IOS或者Android系統(tǒng)級別彈出窗口就很有講究。假設(shè)你需要讓用戶更新，你的文案一定是XXX1.01版本更新。然后下方是確定、取消按鈕。但實際上，你多加一句：更新此本會有XX新功能。會幫助你提升用戶升級版本幾率，也保證了可讀性。當(dāng)然也可以將下方按鈕改為單按鈕：（知道了。）也是讓用戶不用思考進行選擇。交互文案中多半使用通俗易懂的語句，在設(shè)計選擇上盡量使用單線程的用戶思考模式。文案可讀性可以把握了更多得小白用戶心里。

六、輸入框便利性

從這里開始，是更加細小的關(guān)注點。首先是輸入框，登錄的時候，我們有輸入框。聊天的時候有輸入框。購買商品或服務(wù)的時候，支付填寫信息的時候。輸入框是除了按鈕之外最多的組件。輸入框的便利性是讓用戶使用下去的保證，在輸入時絕對不能讓用戶出現(xiàn)有挫敗感的心理。比如很多的輸入框，登錄名加上一條橫線。當(dāng)手指觸碰點擊登錄名時候，并未點擊到橫線上時，居然沒有彈出鍵盤。用戶第一反應(yīng)肯定是卡機了？第二反應(yīng)是產(chǎn)生強烈的挫敗感。在這種細節(jié)把握上，一定不能讓用戶出現(xiàn)挫敗感心里。在登錄的時候，輸入用戶名字的時候，彈出的是英文鍵盤。輸入手機號的時候，彈出的是數(shù)字鍵盤。這些細小的差別，都是用戶在輸入時的便利性的體現(xiàn)。輸入框不僅是技術(shù)上的數(shù)據(jù)交互和抓取，產(chǎn)品設(shè)計上的漂亮。更要關(guān)注讓用戶使用下去的動力。

七、按鈕交互嚴(yán)謹性

按鈕是app交互中最為常見的組件。包括底部導(dǎo)航上，確認或取消按鈕，返回按鈕等等。作為app核心的功能組件，沒有了按鈕幾乎無法生存。手機觸屏的誕生，更加注重了按鈕交互的嚴(yán)謹性。嚴(yán)謹性不僅包括邏輯上的正確，也包括了用戶文案簡單理解的程度。按鈕幾乎是第四和第五的結(jié)合點。在電商購買頁面中，我們會把按鈕購買按鈕作為吸底式按鈕放在底部。一般性是左邊是加入購物車右邊是立即購買。因為這里有邏輯上嚴(yán)謹性，右邊更為重要。還有也是用戶操作習(xí)慣上的嚴(yán)謹性，右邊多為更關(guān)鍵的操作。而客服，店鋪，收藏等輔助按鈕需要弱化，因為它對主購買流程不構(gòu)成影響。這里這樣做的原因還有需要去除用戶過多的思考。按鈕嚴(yán)謹性不言而喻，因為每一步流轉(zhuǎn)，都是一次用戶流失的過程。為了避免用戶在按鈕點擊過程中流失，我們更需要關(guān)注按鈕的嚴(yán)謹性。

八、表單列表簡潔性

表單列表的組件在app中的使用會很少，即使在web端設(shè)計中也是需要更少的展示。因為現(xiàn)在用戶在移動端養(yǎng)成的快速和碎片化瀏覽習(xí)慣非常不利于表單和列表展示和輸入。app端中展示表單和列表組件更是對小屏幕一種展示的不簡潔性。所以在app產(chǎn)品設(shè)計中，能避免就避免，能用別的方式展示就用別的方式。但是沒有辦法的時候，一定要展示的時候，就要十分注重簡潔性。列表展示時，內(nèi)容、文字展示要保持整齊。一般多使用除了列表外其他空間展示留白設(shè)計的方式。當(dāng)表單需要填寫時，一定要將填寫內(nèi)容進行邏輯上劃分層次，讓用戶在輸入完成時有種一個階段完成的成就感在當(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)在返回和否定邏輯上。回溯性主要是讓用戶集中在主功能中進行很好的體驗。這里回溯性設(shè)計上最優(yōu)秀的是微信在通訊錄和朋友圈上的聊天回溯性。（你可以去點擊通訊錄和朋友圈好友聊天，看返回到了哪里。）電商中的回溯，是對用戶沉浸瀏覽的一種保障。包括從你不想購買的東西頁面回到在選擇想買東西的頁面。還有就是你取消支付或者購買之后的頁面返回的地方。每一步錯誤回溯都是對用戶心里把控和認知的過程。

以上總結(jié)的十點主要針對移動端app，我們需要針對這些注意點進行打造細致的體驗。PCweb端產(chǎn)品設(shè)計部分也適用。更多專業(yè)細節(jié)方面的設(shè)計，除了有利于我們在產(chǎn)品設(shè)計上用戶體驗的極致，也是從更多的細小點引發(fā)產(chǎn)品創(chuàng)新的原動力。更極致的專注打磨細節(jié)的產(chǎn)品設(shè)計，更是打磨我們心里的過程。

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號