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

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

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

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

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

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

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

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

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

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

一、整體顏色一致性

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

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

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

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

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

四、邏輯思維正確性

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

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

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

六、輸入框便利性

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

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

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

八、表單列表簡(jiǎn)潔性

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

九、圖片專(zhuān)注性

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

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

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

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

文章題目：如何打造極致用戶(hù)體驗(yàn)
文章來(lái)源：http://www.bm7419.com/news/163350.html

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

廣告

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