UI設(shè)計怎么做才能提高用戶體驗

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

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

網(wǎng)頁標題：UI設(shè)計怎么做才能提高用戶體驗
文章出自：http://www.bm7419.com/news9/261359.html

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

廣告

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