2022-06-04 分類: 用戶體驗(yàn)
積少成多的細(xì)致用戶體驗(yàn)才能打造顛覆性的產(chǎn)品,顛覆性產(chǎn)品不是一日而成,本文主要幫助大家深入思考用戶體驗(yàn)。在移動app產(chǎn)品設(shè)計中我們追求2秒定律。即2秒內(nèi)打開app就讓用戶知道它是誰?它能做什么。而這些設(shè)計中的疑問匯總到一起,就是產(chǎn)品的極致體驗(yàn)都來源一個考量指標(biāo):用戶感知度。
首先、來看用戶體驗(yàn)最主要的指標(biāo)就是用戶感知度。用戶感知度越高,產(chǎn)品體驗(yàn)越高。用戶感知度分為這樣五個維度:
以上五個維度作為最主要判別指標(biāo)。
獲得指標(biāo)后,我們先對自己的知識體系進(jìn)行完善。以下三本書是產(chǎn)品設(shè)計中的良作,如果沒有閱讀過,那么后文對你幫助可能不是很大。
然后,在設(shè)計產(chǎn)品時候先要學(xué)會多問自己這些問題?
☆以上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顏色選擇上,多為紅色(橘色)。紅色主要能引起人的購買欲望。黑色也是電商的主要選擇,那是因?yàn)楹谏哂懈哔F神秘感,多為奢侈品電商app使用的主色調(diào)。比如藍(lán)色具有自由感覺,適合旅游的app。又比如綠色更多都是社交IM產(chǎn)品使用。雖然顏色上也有會出入的,但總體的設(shè)計理念不會改變。當(dāng)從點(diǎn)擊app開始到進(jìn)入app主界面后,整體色調(diào)要給人一種過渡和諧的感覺。所以這是我們所要說的顏色一致性。淘寶、京東在app圖標(biāo)和進(jìn)入后主界面的主色調(diào)保持一致,就是為了這種過渡和諧的感覺。這種整體顏色感官體驗(yàn)大大增加用戶的好感度。
app整體在結(jié)構(gòu)上保持視覺上整潔性。往往我們在瀏覽app時候,都會覺得電商或者O2O的首頁整潔性比較差。因?yàn)闃I(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)整潔性是為了保障了用戶操作的便利性。
保證了整潔性的基礎(chǔ)上,才能保障展示首頁內(nèi)容完整性的前提。作為app首頁,你最需要展示給的用戶是你最優(yōu)質(zhì)的內(nèi)容(服務(wù)或商品、每個類別app不同)業(yè)務(wù)。而這個內(nèi)容是你用戶大的痛點(diǎn)需求,這個痛點(diǎn)需求能牢牢地抓住用戶心理。即可以達(dá)到2秒時間便可以留下來使用app。至于內(nèi)容完整性,因?yàn)榛谝苿佣似聊恍〉年P(guān)系,電商和O2O類產(chǎn)品多半會用Icon作為品類選擇。雖然增加的用戶路徑,但保證了用戶在首屏便能快速了解整體所有業(yè)務(wù)。而音樂類產(chǎn)品會把最主要的播放器的放在底部,一個是為了功能的快速播放,另一點(diǎn)也是內(nèi)容完整性展示,如果將播放器移除首頁,成都網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計后果也不堪設(shè)想。包括新聞類app將所有的分類至于頂部,也是一種業(yè)務(wù)層面上的展示完整性的選擇。首頁內(nèi)容展示完整性,保障了所有業(yè)務(wù)能最快速的觸達(dá)用戶內(nèi)心。用戶便留下了你app所能起到什么作用的第一印象。
人機(jī)交互上包括:點(diǎn)擊、輸入、滑動手勢、重力感應(yīng)、指紋等多種交互。特別是點(diǎn)擊、輸入、滑動手勢上是交互邏輯最為關(guān)鍵的幾個操作。我們要做到是用戶可以知道點(diǎn)擊后會展示什么內(nèi)容頁面。這種交互邏輯在用戶體驗(yàn)上有著細(xì)致的快感。在電商app中,點(diǎn)擊邏輯多半能構(gòu)成一套用戶購物路徑。邏輯上的順序必須有正確性,不然無法保證購物流程。在電商支付流程中,用戶姓名、手機(jī)號、地址(地址中的從大到小的過程),都是輸入上的邏輯順序。成都網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計如果先讓你輸入地址,再輸入手機(jī)號,再輸入姓名。這是輸入上的邏輯不準(zhǔn)確性,這個準(zhǔn)確性中還包括了用戶習(xí)慣的邏輯。滑動手勢多用于返回和下拉刷新、上拉滑動登操作。其實(shí)簡單的滑動手勢也是很影響邏輯的。某喜歡推送下午茶的軟件中,將刷新方式變?yōu)樯侠绞剑鋵?shí)是很反人類的設(shè)計,邏輯上正確性也大大折扣。保障交互邏輯的正確,是用戶體驗(yàn)中快感的最主要組成部分。
app內(nèi)容中,文字占據(jù)了絕大部分內(nèi)容。我們在產(chǎn)品設(shè)計中,會參雜很多產(chǎn)品交互文案。文案可讀性保證了我們的app產(chǎn)品在使用過程中用戶簡單操作的認(rèn)知度。比如最典型就是IOS或者Android系統(tǒng)級別彈出窗口就很有講究。假設(shè)你需要讓用戶更新,你的文案一定是XXX1.01版本更新。然后下方是確定、取消按鈕。但實(shí)際上,你多加一句:更新此本會有XX新功能。會幫助你提升用戶升級版本幾率,也保證了可讀性。當(dāng)然也可以將下方按鈕改為單按鈕:(知道了。)也是讓用戶不用思考進(jìn)行選擇。交互文案中多半使用通俗易懂的語句,在設(shè)計選擇上盡量使用單線程的用戶思考模式。文案可讀性可以把握了更多得小白用戶心里。
從這里開始,是更加細(xì)小的關(guān)注點(diǎn)。首先是輸入框,登錄的時候,我們有輸入框。聊天的時候有輸入框。購買商品或服務(wù)的時候,支付填寫信息的時候。輸入框是除了按鈕之外最多的組件。輸入框的便利性是讓用戶使用下去的保證,在輸入時絕對不能讓用戶出現(xiàn)有挫敗感的心理。比如很多的輸入框,登錄名加上一條橫線。當(dāng)手指觸碰點(diǎn)擊登錄名時候,并未點(diǎn)擊到橫線上時,居然沒有彈出鍵盤。用戶第一反應(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)注讓用戶使用下去的動力。
按鈕是app交互中最為常見的組件。包括底部導(dǎo)航上,確認(rèn)或取消按鈕,返回按鈕等等。作為app核心的功能組件,沒有了按鈕幾乎無法生存。手機(jī)觸屏的誕生,更加注重了按鈕交互的嚴(yán)謹(jǐn)性。嚴(yán)謹(jǐn)性不僅包括邏輯上的正確,也包括了用戶文案簡單理解的程度。按鈕幾乎是第四和第五的結(jié)合點(diǎn)。在電商購買頁面中,我們會把按鈕購買按鈕作為吸底式按鈕放在底部。一般性是左邊是加入購物車右邊是立即購買。因?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中的使用會很少,即使在web端設(shè)計中也是需要更少的展示。因?yàn)楝F(xiàn)在用戶在移動端養(yǎng)成的快速和碎片化瀏覽習(xí)慣非常不利于表單和列表展示和輸入。app端中展示表單和列表組件更是對小屏幕一種展示的不簡潔性。所以在app產(chǎn)品設(shè)計中,能避免就避免,能用別的方式展示就用別的方式。但是沒有辦法的時候,一定要展示的時候,就要十分注重簡潔性。列表展示時,內(nèi)容、文字展示要保持整齊。一般多使用除了列表外其他空間展示留白設(shè)計的方式。當(dāng)表單需要填寫時,一定要將填寫內(nèi)容進(jìn)行邏輯上劃分層次,讓用戶在輸入完成時有種一個階段完成的成就感在當(dāng)中。還有就是能少填就少填,能點(diǎn)擊選擇則不選輸入方式。表單列表的簡潔性極大的幫助了用戶在使用時不會產(chǎn)生厭煩感。
instagram的在國外的火爆印證了圖片的重要性。微信朋友圈中直接發(fā)圖片的設(shè)計也是圖片重要性的體現(xiàn)。圖片需要追求極致的專注性。圖片在社交和電商等很多app上有著極大的重要性。在電商app中,你的商品圖片、banner圖片都是直接轉(zhuǎn)化購買率最重要的先決條件。在社交app中,你的圖片美觀程度決定了你的點(diǎn)贊數(shù)目和瀏覽評論數(shù)目。圖片也是更能抓住視覺最重要的體現(xiàn)。特別當(dāng)你使用移動產(chǎn)品的時候,幾乎一個屏幕就會展示一張圖片或者半張圖片。這里的圖片的專注性不言而喻。特別是Airbnb那樣通過專業(yè)的攝像圖片提升了用戶量的按鈕后,也證明了圖片的專業(yè)性也是十分重要的。一張好的圖片展示,是很能影響用戶的體驗(yàn)的。
錯誤分支的多半體現(xiàn)在否定邏輯上。錯誤分支回溯不僅僅是讓用戶點(diǎn)擊再瀏覽別的網(wǎng)頁,更主要體現(xiàn)在返回和否定邏輯上。回溯性主要是讓用戶集中在主功能中進(jìn)行很好的體驗(yàn)。這里回溯性設(shè)計上最優(yōu)秀的是微信在通訊錄和朋友圈上的聊天回溯性。(你可以去點(diǎn)擊通訊錄和朋友圈好友聊天,看返回到了哪里。)電商中的回溯,是對用戶沉浸瀏覽的一種保障。包括從你不想購買的東西頁面回到在選擇想買東西的頁面。還有就是你取消支付或者購買之后的頁面返回的地方。每一步錯誤回溯都是對用戶心里把控和認(rèn)知的過程。
以上總結(jié)的十點(diǎn)主要針對移動端app,我們需要針對這些注意點(diǎn)進(jìn)行打造細(xì)致的體驗(yàn)。PCweb端產(chǎn)品設(shè)計部分也適用。更多專業(yè)細(xì)節(jié)方面的設(shè)計,除了有利于我們在產(chǎn)品設(shè)計上用戶體驗(yàn)的極致,也是從更多的細(xì)小點(diǎn)引發(fā)產(chǎn)品創(chuàng)新的原動力。更極致的專注打磨細(xì)節(jié)的產(chǎn)品設(shè)計,更是打磨我們心里的過程。
名稱欄目:如何打造極致用戶體驗(yàn)
瀏覽路徑:http://redsoil1982.com.cn/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)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容