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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22.手機觸摸目標的最小尺寸應為1厘米x 1厘米，并采用適當的填充物 點擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

54.對網站上的訪問鏈接使用不同的顏色，以減少用戶的內存負荷 點擊鳴叫

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

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

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

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

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

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

61.除非你的網站內容很小，否則總是有一個搜索字段 點擊鳴叫

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

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

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

65.網站上的搜索字段應足夠寬，以便查看整個搜索查詢 點擊鳴叫

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

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

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

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

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

71.使用手風琴壓縮移動網站上冗長的內容 點擊鳴叫

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

73.在移動網站建設上使用手風琴的優點：較短的頁面比頁面內的跳轉鏈接更容易使用 點擊鳴叫

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

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

76.用戶不愿意在您的網站上使用幫助。將其放在上下文中，并在適當的時候提供向導和常見問題解答點擊鳴叫

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

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

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

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

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

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

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

84.將高優先級內容放在網站頁面的頂部。使用分析來確定不同設備上的優先級點擊鳴叫

85.在您的網站建設上使用顏色和大小對比來區分主要信息和支持細節 點擊鳴叫

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

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

88.簡單明了的術語比行業術語或網站導航的時髦術語更好 點擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

本文標題：來自創新互聯建站大師的100條用戶體驗設計技巧
標題來源：http://m.newbst.com/news28/113578.html

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

廣告

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