來自創(chuàng)新互聯(lián)建站大師的100條用戶體驗設計技巧

網(wǎng)站建設中的用戶體驗設計是通過提高用戶與網(wǎng)站交互的可用性，可訪問性和效率來提高用戶滿意度的過程。在網(wǎng)絡上我們一直在研究和應用好用戶體驗原則。以下是創(chuàng)新互聯(lián)網(wǎng)站建設大師總結的網(wǎng)頁設計遵循的100個頂級用戶體驗實踐列表：

1.將網(wǎng)站建設視為一條黃磚路：通過了解用戶角色的目標和需求，將用戶從一個部分無縫移動到另一個部分 點擊鳴叫

2.用戶更有可能注意到頁面頂部附近的項目，按其重要性排序 點擊鳴叫

3.一致且易于使用的Web界面可幫助用戶專注于內(nèi)容并通過它進行移動 點擊鳴叫

4.避免在網(wǎng)站建設上創(chuàng)建死胡同。它們會造成混淆，并為用戶創(chuàng)造額外的工作點擊鳴叫

5.使用常見的網(wǎng)站建設模式和界面; 不要讓用戶學到新東西點擊鳴叫

6.用戶將向下滾動網(wǎng)頁，只要明確其他相關信息低于首屏 點擊鳴叫

7.您的網(wǎng)站建設應始終提供滾動方向的強烈視覺指示以及是否有更多內(nèi)容可用 點擊鳴叫

8.網(wǎng)站建設頁面越長，有人向下滾動到底部的可能性就越小 點擊鳴叫

9.運行網(wǎng)頁很好，因為滾動比點擊更快 - 只是不要使頁面太長 點擊鳴叫

10.為色盲用戶設計。將您的設計轉(zhuǎn)換為灰度，以確保所有用戶都能閱讀重要信息點擊鳴叫

11.請勿將藍色用于鏈接以外的網(wǎng)站上的任何文字 點擊鳴叫

12.注意移動網(wǎng)站建設上的對比。屏幕眩光會使您的網(wǎng)站無法使用點擊鳴叫

13.在您的網(wǎng)站上為CTA保留一種顏色，不要將其用于其他任何目的 點擊鳴叫

14.溫暖，明亮的色彩挺身而出，冷色調(diào)，深色留在背景中 點擊鳴叫

15.確保網(wǎng)站建設用戶可以快速輕松地完成其主要目標 點擊鳴叫

16.對用戶最重要的是，您的網(wǎng)站感覺很快（即使只是他們的感知） 點擊鳴叫

17.網(wǎng)站建設速度的感知基于加載時間，負載行為，等待時間和動畫的平滑度 點擊鳴叫

18.顯示網(wǎng)站元素的骨架，以便在加載時傳達布局 點擊鳴叫

19.網(wǎng)站文本應在圖像之前加載，以便用戶可以在網(wǎng)站其余部分加載之前開始閱讀 點擊鳴叫

20.延遲超過幾秒鐘通常會使用戶離開網(wǎng)站 點擊鳴叫

21.如果移動界面元素很小或靠近在一起，則很難準確地輕拍 點擊鳴叫

22.手機觸摸目標的最小尺寸應為1厘米x 1厘米，并采用適當?shù)奶畛湮?點擊鳴叫

23.在您的移動網(wǎng)站或應用程序上使用小手指的人意味著界面目標太小 點擊鳴叫

24.拿著平板電腦時，用拇指最容易觸及屏幕的側面和底部 點擊鳴叫

25.除了正常的網(wǎng)頁滾動之外，不要求垂直滑動 點擊鳴叫

26.不要在移動設備上使用雙擊。確保用戶只需輕輕一按即可進行互動點擊鳴叫

27.在設計移動布局時，確定用戶是否將使用一只手或兩只手的設備 點擊鳴叫

28.總是有一種明顯的方式來訪問您網(wǎng)站上的導航菜單 點擊鳴叫

29.如果您的網(wǎng)站建設層次結構深度超過3-4級，則需要重新設計 點擊鳴叫

30.考慮使用粘性菜單，尤其是在較長的網(wǎng)頁上或需要快速訪問時 點擊鳴叫

31.良好的網(wǎng)站導航不會妨礙，它會消失在后臺 點擊鳴叫

32.使導航保持一致; 它不應該在整個網(wǎng)站上改變點擊鳴叫

33.使導航標簽具體，不超過2-3個單詞，并以最多的信息字開頭 點擊鳴叫

34.通過使用面包屑讓用戶知道他們在網(wǎng)站上的位置 點擊鳴叫

35.移動導航：顯示最常用的選項并在漢堡菜單下隱藏其他選項 點擊鳴叫

36.臺式機上的漢堡菜單不太明顯，不太熟悉，增加了交互成本并減少了信息氣味 點擊鳴叫

37.對于手機上的輔助導航，請使用類別登錄頁面，子菜單或頁內(nèi)菜單 點擊鳴叫

38.菜單下拉列表應為垂直，而不是水平懸停; 水平滾動要困難得多點擊鳴叫

39. Megamenus應該比頁面更窄，因此很容易“點擊”它們 點擊鳴叫

40.如果使用megamenus，請將鏈接組織到組中，并區(qū)分可點擊和不可點擊的項目 點擊鳴叫

41.不要隱藏網(wǎng)站菜單中的登錄或搜索功能 點擊鳴叫

42.將表單標簽和字段對齊在一條垂直線上，以便快速掃描 點擊鳴叫

43.字段標簽應位于文本字段之外，而不是內(nèi)部，因此用戶不會忘記

44.使用分隔符拆分部分，使長Web表單更加用戶友好 點擊鳴叫

45.在所有Web表單上的錯誤引發(fā)字段旁邊放置表單錯誤 點擊鳴叫

46.錯誤消息應該有用，可用，簡潔且易于理解 點擊鳴叫

47.在每個有問題的字段旁邊顯示所有導致錯誤的字段，以便移動用戶不會錯過警告 點擊鳴叫

48.網(wǎng)站建設上的鏈接必須突出 - 使用藍色文本和/或下劃線表示超鏈接 點擊鳴叫

49.鏈接應該總是看起來像鏈接 點擊鳴叫

50.用戶不必點擊鏈接就可以找出它所處的位置。鏈接文本應告訴他們點擊鳴叫

51.不要在網(wǎng)站建設或應用程序中使用藍色文本或下劃線表示非鏈接元素 點擊鳴叫

52.對網(wǎng)站上任何地方的完整URL的引用應始終鏈接到該頁面 點擊鳴叫

53.產(chǎn)品圖像或評論等某些元素總是可以點擊 點擊鳴叫

54.對網(wǎng)站上的訪問鏈接使用不同的顏色，以減少用戶的內(nèi)存負荷 點擊鳴叫

55.網(wǎng)站上的按鈕必須看起來可以點擊，并且有足夠的空間供用戶點擊或輕松點擊 點擊鳴叫

56.網(wǎng)站或應用程序上的頻繁操作應該是大按鈕，放在易于訪問的區(qū)域中 點擊鳴叫

57.網(wǎng)站建設上的背景顏色，邊框和面向行動的標簽向用戶發(fā)出信號，表明該元素是可點擊的 點擊鳴叫

58.對于平面設計，請確保操作按鈕以對比色完成，并帶有面向動作的標簽 點擊鳴叫

59.網(wǎng)站建設應該有一個視覺提示，即在交互的0.1秒內(nèi)按鈕點擊成功 點擊鳴叫

60.更改或刪除手機上數(shù)據(jù)的按鈕應該需要更多工作才能防止意外攻擊 點擊鳴叫

61.除非你的網(wǎng)站內(nèi)容很小，否則總是有一個搜索字段 點擊鳴叫

62.搜索字段應始終看起來像桌面上的文本框。搜索圖標可以用于移動設備點擊鳴叫

63.使搜索字段易于查找。用戶通常會在右上角查找它點擊鳴叫

64.在網(wǎng)站上尋找搜索時，用戶通常會尋找“輸入的小盒子” 點擊鳴叫

65.網(wǎng)站上的搜索字段應足夠?qū)挘员悴榭凑麄€搜索查詢 點擊鳴叫

66.避免輪播：每張新幻燈片都會刪除上一張幻燈片的內(nèi)存。用戶一次只能關注一件事點擊鳴叫

67.在移動網(wǎng)站上很難看到旋轉(zhuǎn)木馬上的圓點。使用從左右兩側偷看的圖像點擊鳴叫

68.使用描述性標簽代替輪播導航箭頭，以便用戶知道下一張幻燈片的內(nèi)容 點擊鳴叫

69.只有大約1％的用戶點擊網(wǎng)站上的輪播幻燈片，因此不要依賴這些點擊 點擊鳴叫

70.一旦用戶與他們互動，自動滑動的網(wǎng)站輪播應切換到手動 點擊鳴叫

71.使用手風琴壓縮移動網(wǎng)站上冗長的內(nèi)容 點擊鳴叫

72.使用手風琴時，提供一種方法，在用戶展開后放棄任何暴露的內(nèi)容 點擊鳴叫

73.在移動網(wǎng)站建設上使用手風琴的優(yōu)點：較短的頁面比頁面內(nèi)的跳轉(zhuǎn)鏈接更容易使用 點擊鳴叫

74.在移動網(wǎng)站上使用手風琴的缺點：增加互動成本; 看不見了點擊鳴叫

75.每個網(wǎng)頁的主要目的應該是對用戶來說是顯而易見的 點擊鳴叫

76.用戶不愿意在您的網(wǎng)站上使用幫助。將其放在上下文中，并在適當?shù)臅r候提供向?qū)Ш统Ｒ妴栴}解答點擊鳴叫

77.僅在需要時在上下文中顯示網(wǎng)站和應用程序的提示 點擊鳴叫

78.幫助和說明應簡短，與其他界面元素在視覺上不同 點擊鳴叫

79.在網(wǎng)站和移動應用程序上一次只提示一個提示。這減少了內(nèi)存負擔點擊鳴叫

80.圖標必須在視覺上描述其功能和目的。讓它們變得簡單，熟悉和有意義點擊鳴叫

81.只應在必要時使用圖標。避免過度使用它們，不要僅僅用于裝飾點擊鳴叫

82.您網(wǎng)頁上最重要的信息應該始終是最具視覺沖突性的 點擊鳴叫

83.首先提供關鍵信息。用戶從左上角開始，前2-3個單詞掃描最多點擊鳴叫

84.將高優(yōu)先級內(nèi)容放在網(wǎng)站頁面的頂部。使用分析來確定不同設備上的優(yōu)先級點擊鳴叫

85.在您的網(wǎng)站建設上使用顏色和大小對比來區(qū)分主要信息和支持細節(jié) 點擊鳴叫

86.優(yōu)先事項，例如背景，位置和緊急信息，對移動用戶來說更為重要 點擊鳴叫

87.移動優(yōu)先事項：移動時需要的位置，事件，電話號碼，緊急信息，時間敏感信息和信息 點擊鳴叫

88.簡單明了的術語比行業(yè)術語或網(wǎng)站導航的時髦術語更好 點擊鳴叫

89.大多數(shù)用戶先掃描然后再讀。使用視覺多樣性和有意義的文本使掃描更容易點擊鳴叫

90.可讀性不只是關于你是否能閱讀一些東西 - 它還與你是否想要閱讀它有關 點擊鳴叫

91.使用項目符號列表，編號列表，行和段落之間增加的行間距來提高可讀性 點擊鳴叫

92.在選擇網(wǎng)站字體時，請考慮其易讀性，可讀性，重量和樣式 點擊鳴叫

93.在移動網(wǎng)站建設和應用程序上，考慮增大字體的x高度以提高其可讀性 點擊鳴叫

94.避免在所有設備上使用小字體，特別是對于長格式復制。不要在正文中使用壓縮字體點擊鳴叫

96.增加移動網(wǎng)站的字體大小 - 始終將字體大小縮放到屏幕大小 點擊鳴叫

97.橫幅失明：用戶努力不去看任何看起來像廣告橫幅的東西 點擊鳴叫

98.通過在每個段落中只包含一個想法，使長文本塊更容易閱讀 點擊鳴叫

99. 斜體文字難以閱讀，特別是對于閱讀障礙的讀者點擊鳴叫

100. 不要在你的標題和標記中使用所有大寫字母。閱讀起來要困難得多

本文標題：來自創(chuàng)新互聯(lián)建站大師的100條用戶體驗設計技巧
標題來源：http://www.bm7419.com/news28/113578.html

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

廣告

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