學(xué)習(xí)UI設(shè)計這個方法,搞定了我大部分產(chǎn)品體驗(yàn)分析
導(dǎo)語:
作為設(shè)計師,我們經(jīng)常會面臨要去分析一個產(chǎn)品的體驗(yàn),便于能找到競爭對手的產(chǎn)品體驗(yàn)方向。那么到底如何更專業(yè)地評估分析?今天這篇文章希望可以幫助揭開迷惑。
什么是用戶體驗(yàn)設(shè)計

要去評估一個產(chǎn)品的用戶體驗(yàn),我們需要了解什么是體驗(yàn)設(shè)計,以及影響它的因素。
用戶體驗(yàn)設(shè)計(英語:User Experience Design),是以用戶為中心的一種設(shè)計手段,以用戶需求為目標(biāo)而進(jìn)行的設(shè)計,設(shè)計過程注重以用戶為中心,并貫穿始終。
影響體驗(yàn)的因素大致可以分為四大部分,分別是用戶需求滿意度、功能操作體驗(yàn)層面、視覺感知層面、跨地域文化因素。我們常用就是功能操作體驗(yàn)層面和視覺感知層面。因?yàn)檫@兩個層面我們能快速評估及了解。
為什么要學(xué)習(xí)它

日常工作中,我們避免不了經(jīng)常去分析競爭產(chǎn)品的用戶體驗(yàn)。如果我們不具備一些系統(tǒng)性專業(yè)分析方法,很難去找準(zhǔn)競品產(chǎn)品的核心體驗(yàn)。
掌握好評估產(chǎn)品體驗(yàn)的方法,便于我們能在工作中應(yīng)對自如。與同事溝通討論中建立專業(yè)影響力,養(yǎng)成結(jié)構(gòu)性思維模式。
如何分析產(chǎn)品的用戶體驗(yàn)

這里可以用Nielsen Norman(尼爾森,諾曼 )用戶界面可用性啟發(fā)原則,這些原則被廣泛流傳以及使用,因此我們可以借用這些經(jīng)典權(quán)威性原則去評估產(chǎn)品體驗(yàn)。
通過這些原則,我們可以分析產(chǎn)品在解決用戶問題上,有沒有滿足用戶的痛點(diǎn),以此來評估這個產(chǎn)品體驗(yàn)是否良好,然后找到參考價值點(diǎn)。
1.系統(tǒng)狀態(tài)可見性
UX設(shè)計中,UI界面元素在關(guān)鍵場景下,要讓用戶能夠隨時感知當(dāng)前狀態(tài),以及相信一切都在控制之中。

▲ 文件上傳場景,當(dāng)用戶將文件拖拽進(jìn)去后,窗口會進(jìn)行接收反饋,同時系統(tǒng)會顯示上傳進(jìn)度和完成狀態(tài)。

▲ 使用Uber打車時的場景,你可以在屏幕中看到你和車的位置,以及當(dāng)前的行程路線。
2.使用現(xiàn)實(shí)世界的隱喻
系統(tǒng)還需遵循現(xiàn)實(shí)世界慣例,確保信息按自然邏輯方式呈現(xiàn)。比如UI元素我們可以延續(xù)生活中案例。

▲ 左側(cè)ios指南針應(yīng)用程序和右側(cè)現(xiàn)實(shí)世界中的指南針有著相似的基因。

▲ 在微信讀書和Medium進(jìn)行重點(diǎn)信息標(biāo)記時,高亮顯示關(guān)鍵信息和現(xiàn)實(shí)世界中我們運(yùn)用熒光筆去標(biāo)記類似。

▲ 支付寶卡包里面數(shù)字化Card設(shè)計,采用和現(xiàn)實(shí)世界中一樣的外觀樣式。
3.錯誤預(yù)防
在操作過程中,錯誤可能常發(fā)生,因此需要提供解決方法。支持撤消和重做是實(shí)現(xiàn)此目的的一種方法。

▲ 當(dāng)用戶錯誤地選擇系統(tǒng)功能時,Google和Gmail兩者都提供可撤回選項,避免造成無法挽回的損失。
4.保持一致性
產(chǎn)品設(shè)計需要確保全局功能采用一致的規(guī)則,盡量多使用設(shè)計模式??缭O(shè)備之間也需要保持相同規(guī)則,一致性是可用性和可學(xué)習(xí)性的最重要因素之一。

▲ Spotify在跨設(shè)備之間保持統(tǒng)一的設(shè)計調(diào)性,重復(fù)運(yùn)用功能設(shè)計模式和視覺設(shè)計模式,切換設(shè)備時體驗(yàn)感受保持一致。


▲ 微軟和蘋果公司的logo都位于其左上角,搜索位置位于其網(wǎng)站的右上角。這種常用的模式用戶記住后,再使用其他網(wǎng)站時依然可以輕松掌握。


▲ Airbnb通過統(tǒng)一的設(shè)計語言來建立視覺和功能體驗(yàn)一致。
5.美學(xué)與簡約
良好的信息組織與排版布局可以增強(qiáng)產(chǎn)品易用性和美觀性,設(shè)計時刪除不必要的元素,并最大化顯示必要信息。

▲ Google和夸克瀏覽器在首頁,對無關(guān)緊要的信息進(jìn)行隱藏設(shè)計。
6.靈活性和效率
新手用戶看不見的交互方式通??梢?strong>加快專家用戶的交互速度,從而使系統(tǒng)可以同時滿足新手用戶和專家用戶。

▲ IOS系統(tǒng)調(diào)節(jié)音量有多種方式,滿足不同場景,不同用戶使用。

▲ 夸克瀏覽器的搜索方式可通過向下滑動觸發(fā),如右側(cè)界面。還可以點(diǎn)擊搜索框觸發(fā),兩種方式都能觸發(fā)搜索框。
7.幫助用戶識別,診斷錯誤并提供解決方案
使錯誤信息清晰可見,并告知用戶錯誤的地方,同時提出解決方案。

▲ Behance創(chuàng)建賬戶頁面,當(dāng)填寫錯誤時,下面標(biāo)紅會提示錯誤的具體細(xì)節(jié),并且也說明了解決思路。
右側(cè)Medium界面在編輯照片,照片還在上傳過程中,當(dāng)點(diǎn)擊發(fā)布,會出現(xiàn)彈窗提示,同時提供返回編輯的按鈕繼續(xù)編輯。
8.創(chuàng)建易于瀏覽的界面
界面導(dǎo)航清晰可見,讓用戶清楚知道每一步都在哪里,以及接下來要做的事情。

▲ 將多個步驟拆分成獨(dú)立一個頁面,確保用戶能理解當(dāng)前信息。同時也能減少頁面信息的復(fù)雜度。

▲ Airbnb兩個頁面,通過按鈕提示用戶進(jìn)行下一步操作。
9.記憶
在設(shè)計中,我們可以記住用戶一些常用的選項,這樣能減輕用戶記憶負(fù)荷,增加體驗(yàn)友好感。
▲ 美團(tuán)和京東通過記錄用戶之前購買信息,提示用戶之前買過的商品。
寫在最后
尼爾森·諾曼的界面設(shè)計啟發(fā)式原則在界面中應(yīng)用指導(dǎo),涵蓋功能層面與視覺層面的體驗(yàn)評估方法。通過這些原則我們可以更專業(yè)地評估一個產(chǎn)品體驗(yàn)。
作為設(shè)計師,我們的目標(biāo)是設(shè)計好的人機(jī)交互界面,在遵循原則的時候我們可以大膽去探索界面設(shè)計方向,未來的數(shù)字化界面會更加簡單易用,包容性強(qiáng)。
來源網(wǎng)絡(luò)