如何打造極致用戶體驗(yàn)

積少成多的細(xì)致用戶體驗(yàn)才能打造顛覆性的產(chǎn)品，顛覆性產(chǎn)品不是一日而成，本文主要幫助大家深入思考用戶體驗(yàn)。在移動(dòng)app產(chǎn)品設(shè)計(jì)中我們追求2秒定律。即2秒內(nèi)打開app就讓用戶知道它是誰？它能做什么。而這些設(shè)計(jì)中的疑問匯總到一起，就是產(chǎn)品的極致體驗(yàn)都來源一個(gè)考量指標(biāo)：用戶感知度。

首先、來看用戶體驗(yàn)最主要的指標(biāo)就是用戶感知度。用戶感知度越高，產(chǎn)品體驗(yàn)越高。用戶感知度分為這樣五個(gè)維度：

1. 視覺：即是用戶所看見產(chǎn)品。
2. 觸覺：產(chǎn)品人機(jī)交互的過程。
3. 感覺：對產(chǎn)品的滿意程度，所使用的服務(wù)是否讓用戶感覺到極致的快感。
4. 邏輯：邏輯上是否用戶習(xí)慣，是不是下個(gè)頁面是用戶能預(yù)測到的。
5. 黏度：用戶使用第一次后，用戶是不是會(huì)再回來使用你的產(chǎn)品。

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

獲得指標(biāo)后，我們先對自己的知識(shí)體系進(jìn)行完善。以下三本書是產(chǎn)品設(shè)計(jì)中的良作，如果沒有閱讀過，那么后文對你幫助可能不是很大。

• 《用戶體驗(yàn)的五要素》：表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層、戰(zhàn)略層。
• 《簡約至上》交互式設(shè)計(jì)四策略：刪除、組織、影藏、轉(zhuǎn)移。
• 《不要讓我思考》：廣告設(shè)計(jì)的101法則、省略不必要的字、可用性測試。

然后，在設(shè)計(jì)產(chǎn)品時(shí)候先要學(xué)會(huì)多問自己這些問題？

• 哪些的用戶在使用我們的產(chǎn)品？（Who）
• 用戶最想要看到什么內(nèi)容？（What）
• 用戶為什么要看這些內(nèi)容？（Why）
• 用戶什么時(shí)候使用我們的產(chǎn)品？（When）
• 用戶在會(huì)在哪里使用我們的產(chǎn)品？（where）
• 用戶怎么使用我們的產(chǎn)品？（How）

☆以上5W1H需要在做產(chǎn)品設(shè)計(jì)的時(shí)候牢記，并且產(chǎn)品設(shè)計(jì)中時(shí)刻貫穿。

一、整體顏色一致性

app從下載完成開始從圖標(biāo)進(jìn)入后，圖標(biāo)的確定就是對主色調(diào)的確定，也是對app內(nèi)容的主色調(diào)確定。app色調(diào)在選擇上也是十分有講究的。電商app顏色選擇上，多為紅色（橘色）。紅色主要能引起人的購買欲望。黑色也是電商的主要選擇，那是因?yàn)楹谏哂懈哔F神秘感，多為奢侈品電商app使用的主色調(diào)。比如藍(lán)色具有自由感覺，適合旅游的app。又比如綠色更多都是社交IM產(chǎn)品使用。雖然顏色上也有會(huì)出入的，但總體的設(shè)計(jì)理念不會(huì)改變。當(dāng)從點(diǎn)擊app開始到進(jìn)入app主界面后，整體色調(diào)要給人一種過渡和諧的感覺。所以這是我們所要說的顏色一致性。淘寶、京東在app圖標(biāo)和進(jìn)入后主界面的主色調(diào)保持一致，就是為了這種過渡和諧的感覺。這種整體顏色感官體驗(yàn)大大增加用戶的好感度。

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

app整體在結(jié)構(gòu)上保持視覺上整潔性。往往我們在瀏覽app時(shí)候，都會(huì)覺得電商或者O2O的首頁整潔性比較差。因?yàn)闃I(yè)務(wù)承載量太大，所以無法保持絕對意義上的整潔。而電商首頁設(shè)計(jì)遵循一定的規(guī)則，重慶網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì)參考我以前寫的《移動(dòng)端電商類頁面設(shè)計(jì)說》文章，本人公眾號(hào)第43篇。這一設(shè)計(jì)規(guī)則保障電商類app在設(shè)計(jì)上保持了一定的整潔度。整潔度并不是在一定程度上保持過分的簡單，過分的簡單可以保持app整潔度，但不能承載業(yè)務(wù)。所以在產(chǎn)品設(shè)計(jì)上，整潔度一定是在允許合理范圍之內(nèi)的。比如：微信的發(fā)現(xiàn)功能頁面。它將朋友圈為一列，將掃一掃和搖一搖作為一列，附近的人和漂流瓶作為一列，購物和游戲作為一列。這是在展示上有一定整潔性，幫助用戶快速找到想要的功能。假設(shè)這里只是單純的list頁面排序下來，沒有這樣的區(qū)別，那用戶的感受會(huì)十分糟糕。所以結(jié)構(gòu)整潔性是為了保障了用戶操作的便利性。

三、首頁展示內(nèi)容完整性

保證了整潔性的基礎(chǔ)上，才能保障展示首頁內(nèi)容完整性的前提。作為app首頁，你最需要展示給的用戶是你最優(yōu)質(zhì)的內(nèi)容（服務(wù)或商品、每個(gè)類別app不同）業(yè)務(wù)。而這個(gè)內(nèi)容是你用戶大的痛點(diǎn)需求，這個(gè)痛點(diǎn)需求能牢牢地抓住用戶心理。即可以達(dá)到2秒時(shí)間便可以留下來使用app。至于內(nèi)容完整性，因?yàn)榛谝苿?dòng)端屏幕小的關(guān)系，電商和O2O類產(chǎn)品多半會(huì)用Icon作為品類選擇。雖然增加的用戶路徑，但保證了用戶在首屏便能快速了解整體所有業(yè)務(wù)。而音樂類產(chǎn)品會(huì)把最主要的播放器的放在底部，一個(gè)是為了功能的快速播放，另一點(diǎn)也是內(nèi)容完整性展示，如果將播放器移除首頁，成都網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計(jì),成都網(wǎng)站設(shè)計(jì)后果也不堪設(shè)想。包括新聞?lì)恆pp將所有的分類至于頂部，也是一種業(yè)務(wù)層面上的展示完整性的選擇。首頁內(nèi)容展示完整性，保障了所有業(yè)務(wù)能最快速的觸達(dá)用戶內(nèi)心。用戶便留下了你app所能起到什么作用的第一印象。

四、邏輯思維正確性

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

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

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

六、輸入框便利性

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

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

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

八、表單列表簡潔性

表單列表的組件在app中的使用會(huì)很少，即使在web端設(shè)計(jì)中也是需要更少的展示。因?yàn)楝F(xiàn)在用戶在移動(dòng)端養(yǎng)成的快速和碎片化瀏覽習(xí)慣非常不利于表單和列表展示和輸入。app端中展示表單和列表組件更是對小屏幕一種展示的不簡潔性。所以在app產(chǎn)品設(shè)計(jì)中，能避免就避免，能用別的方式展示就用別的方式。但是沒有辦法的時(shí)候，一定要展示的時(shí)候，就要十分注重簡潔性。列表展示時(shí)，內(nèi)容、文字展示要保持整齊。一般多使用除了列表外其他空間展示留白設(shè)計(jì)的方式。當(dāng)表單需要填寫時(shí)，一定要將填寫內(nèi)容進(jìn)行邏輯上劃分層次，讓用戶在輸入完成時(shí)有種一個(gè)階段完成的成就感在當(dāng)中。還有就是能少填就少填，能點(diǎn)擊選擇則不選輸入方式。表單列表的簡潔性極大的幫助了用戶在使用時(shí)不會(huì)產(chǎn)生厭煩感。

九、圖片專注性

instagram的在國外的火爆印證了圖片的重要性。微信朋友圈中直接發(fā)圖片的設(shè)計(jì)也是圖片重要性的體現(xiàn)。圖片需要追求極致的專注性。圖片在社交和電商等很多app上有著極大的重要性。在電商app中，你的商品圖片、banner圖片都是直接轉(zhuǎn)化購買率最重要的先決條件。在社交app中，你的圖片美觀程度決定了你的點(diǎn)贊數(shù)目和瀏覽評論數(shù)目。圖片也是更能抓住視覺最重要的體現(xiàn)。特別當(dāng)你使用移動(dòng)產(chǎn)品的時(shí)候，幾乎一個(gè)屏幕就會(huì)展示一張圖片或者半張圖片。這里的圖片的專注性不言而喻。特別是Airbnb那樣通過專業(yè)的攝像圖片提升了用戶量的按鈕后，也證明了圖片的專業(yè)性也是十分重要的。一張好的圖片展示，是很能影響用戶的體驗(yàn)的。

十、錯(cuò)誤分支回溯性

錯(cuò)誤分支的多半體現(xiàn)在否定邏輯上。錯(cuò)誤分支回溯不僅僅是讓用戶點(diǎn)擊再瀏覽別的網(wǎng)頁，更主要體現(xiàn)在返回和否定邏輯上。回溯性主要是讓用戶集中在主功能中進(jìn)行很好的體驗(yàn)。這里回溯性設(shè)計(jì)上最優(yōu)秀的是微信在通訊錄和朋友圈上的聊天回溯性。（你可以去點(diǎn)擊通訊錄和朋友圈好友聊天，看返回到了哪里。）電商中的回溯，是對用戶沉浸瀏覽的一種保障。包括從你不想購買的東西頁面回到在選擇想買東西的頁面。還有就是你取消支付或者購買之后的頁面返回的地方。每一步錯(cuò)誤回溯都是對用戶心里把控和認(rèn)知的過程。

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

名稱欄目：如何打造極致用戶體驗(yàn)
瀏覽路徑：http://www.bm7419.com/news0/163350.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)