UI設(shè)計(jì)怎么做才能提高用戶體驗(yàn)

每個(gè)人對網(wǎng)站的使用習(xí)慣不一樣，功能要求也不一樣，要做到最好的用戶體驗(yàn)只能是照顧最主要目標(biāo)受眾的需要，因此要實(shí)現(xiàn)用戶體驗(yàn)的優(yōu)化，前提之一是必須對自己的目標(biāo)受眾了如指掌。因此，要有一個(gè)詳細(xì)的背景調(diào)查，分析目標(biāo)受眾的人屬性，分析他們的需要和行業(yè)特征，這樣才能有的放矢，實(shí)現(xiàn)網(wǎng)站用戶體驗(yàn)優(yōu)化的目的。

網(wǎng)站用戶體驗(yàn)可分為以下五大類:
1、感官體驗(yàn):呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性。
2、交互體驗(yàn):呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性。
3、情感體驗(yàn):呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性。
4、瀏覽體驗(yàn):呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。
5、信任體驗(yàn):呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性。
一、感官體驗(yàn):呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性
1、設(shè)計(jì)風(fēng)格:符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶群體，并針對目標(biāo)客戶的審美喜好，進(jìn)行分析，從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。
2、網(wǎng)站LOGO:確保LOGO的保護(hù)空間，確保品牌的清晰展示而又不占據(jù)過分空間。
3、頁面速度:正常情況下，盡量確保頁面在5秒內(nèi)打開。如果是大型門戶網(wǎng)站，必須考慮南北互通問題，進(jìn)行必要的壓力測試。
4、頁面布局:重點(diǎn)突出、主次分明，圖文并茂。與企業(yè)的營銷目標(biāo)相結(jié)合，將目標(biāo)客戶最感興趣的，最具有銷售力的信息旋轉(zhuǎn)在最重要的位置。
5、頁面色彩:與品牌整體形象相統(tǒng)一，主色調(diào)+輔助色不超過三種顏色。確保瀏覽者的瀏覽舒適度。
6、動畫效果:與主畫面相協(xié)調(diào)，打開速度快，動畫效果節(jié)奏適中，不干擾主畫面瀏覽。
7、頁面導(dǎo)航:賣盤條清晰明了、突出，層級分明。
8、頁面大小:適合多瀏覽器瀏覽。
9、圖片展示:比例協(xié)調(diào)、不變形、圖片清晰。圖片排列既不過于密集，也不會過于疏遠(yuǎn)。
10、圖標(biāo)使用:簡潔、明了、易懂、準(zhǔn)確，與頁面整體風(fēng)格統(tǒng)一。
11、廣告位:避免干擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。
12、背景音樂:與整體網(wǎng)站主題統(tǒng)一，文件要小，不能干擾閱讀。要設(shè)置開關(guān)按鈕及音量控制按鈕。
二、交互體驗(yàn):呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性
13、會員申請:介紹清晰的會員權(quán)責(zé)，并提示用戶確認(rèn)已閱讀條款。
14、會員注冊:流程清晰、簡潔。待會員注冊成功后，再詳細(xì)完善資料。
15、表彰填寫:盡量采用下拉選擇，需要填寫部分需注意要填寫內(nèi)容，并對必填字段作出限制。
16、表單提交:表單填寫后需要輸入驗(yàn)證碼，防止注水。提交成功后，應(yīng)顯示感謝提示。
17、按鈕設(shè)置:對于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點(diǎn)擊。
18、點(diǎn)擊提示:點(diǎn)擊瀏覽過的信息顏色需要顯示為不同的顏色，以區(qū)分于未閱讀內(nèi)容，避免重復(fù)閱讀。
19、錯(cuò)誤提示:若表單填寫錯(cuò)誤，應(yīng)指明填寫錯(cuò)誤之處，并保存原有填寫內(nèi)容，減少重復(fù)工作。
20、在線問答:用戶提問后后臺要及時(shí)反饋，后臺顯示有新提問以確保回復(fù)及時(shí)。
21、意見反饋:當(dāng)用戶在使用中發(fā)生任何問題，都可隨時(shí)提供反饋意見。
22、在線調(diào)查:為用戶關(guān)注的問題設(shè)置調(diào)查，并顯示調(diào)查結(jié)果，提高用戶的參與度。
23、在線搜索:搜索提交后，顯示清晰列表，并對搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。
24、頁面刷新:盡量采用無刷新(AJAX)技術(shù)，以減少頁面的刷新率。Ajax是新興的網(wǎng)絡(luò)開發(fā)技術(shù)的象征。它將JavaScript和XML技術(shù)結(jié)合在一起，用戶每次調(diào)用新數(shù)據(jù)時(shí)，無需要反復(fù)向服務(wù)器發(fā)出請求，而是在瀏覽器的緩存區(qū)預(yù)先獲取下次可能用到的數(shù)據(jù)，界面的響應(yīng)速度因此得到了顯著提升。
25、新開窗口:盡量減少新開的窗口，以避免開過多的無效窗口，設(shè)置彈出窗口的關(guān)閉功能。
26、資料安全:確保資料的安全，對于客戶密碼和資料進(jìn)行加密保存。
27、顯示路徑:無論用戶瀏覽到哪一個(gè)層級，哪一個(gè)頁面，都可以清楚知道看到該頁面的路徑。
三、瀏覽體驗(yàn):呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性
28、欄目的命名:與欄目內(nèi)容準(zhǔn)確相關(guān)，簡潔清晰，不宜過于深奧。
29、欄目的層級:最多不超過三層，導(dǎo)航清晰，運(yùn)用JavaScript等技術(shù)使得層級之間伸縮便利。
30、內(nèi)容的分類:同一欄目下，不同分類區(qū)隔清晰，不要互相包含或混淆。
31、內(nèi)容的豐富性:每一個(gè)欄目應(yīng)確保足夠的信息量，避免欄目無內(nèi)容情況出現(xiàn)。
32、內(nèi)容的原創(chuàng)性:盡量多采用原創(chuàng)性內(nèi)容，以確保內(nèi)容的可讀性。
33、信息的更新頻率:確保穩(wěn)定的更新頻率，以吸引瀏覽者經(jīng)常瀏覽。
34、信息的編寫方式:段落標(biāo)題加粗，以區(qū)別于內(nèi)文。采用倒金字塔結(jié)構(gòu)。
35、新文章的標(biāo)記:為新文章提供不同標(biāo)識，吸引瀏覽者查看。
36、文章導(dǎo)讀:為重要內(nèi)容在首頁設(shè)為導(dǎo)讀，使得瀏覽者可以了解到所需信息。文字截取字?jǐn)?shù)準(zhǔn)確，避免斷章取義。
37、精彩內(nèi)容的推薦:在頻道首頁或文章左右側(cè)，提供精彩內(nèi)容推薦，吸引瀏覽者瀏覽。
38、相關(guān)內(nèi)容的推薦:在用戶瀏覽文章的左右側(cè)或下部，提供相關(guān)內(nèi)容推薦，吸引瀏覽者瀏覽。
39、收藏夾的設(shè)置:為會員設(shè)置收藏夾，對于喜愛的產(chǎn)品或信息，可進(jìn)行收藏。
40、欄目的麻訂閱:提供Rss或郵件訂閱功能
41、信息的搜索:在頁面的醒目位置，提供信息搜索框，便于查找到所需內(nèi)容。
42、頁面打外:允許用戶打外該頁資料，以便于保存。
43、文字排列:標(biāo)題與正文顯示區(qū)隔，段落清晰。
44、文字字體:采用易于閱讀的字體，避免文字過小或過必造成的立刻障礙。可對字體進(jìn)行大中小設(shè)置，以滿足不同的瀏覽習(xí)慣。
45、頁面底色:不能干擾主體頁面的閱讀。
46、頁面的長度:設(shè)置一定的頁面長度，避免頁面過長而影響閱讀。
47、分布瀏覽:對于長篇文章進(jìn)行分布瀏覽。
48、語言版本:為面向不同國家的客戶提供不同的瀏覽版本。
49、快速通道:為有明確目的的用戶提供快速入口。
四、情感體驗(yàn):呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性
50、客戶分類:將不同的瀏覽者進(jìn)行劃分，為客戶提供不同的服務(wù)。
51、友好提示:對于每一個(gè)操作進(jìn)行友好提示，以增加瀏覽者的親和度。

網(wǎng)頁標(biāo)題：UI設(shè)計(jì)怎么做才能提高用戶體驗(yàn)
文章出自：http://www.muchs.cn/news9/261359.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄、自適應(yīng)網(wǎng)站、小程序開發(fā)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(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)