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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

49.鏈接應(yīng)該總是看起來像鏈接 點擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

62.搜索字段應(yīng)始終看起來像桌面上的文本框。搜索圖標(biāo)可以用于移動設(shè)備點擊鳴叫

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

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

65.網(wǎng)站上的搜索字段應(yīng)足夠?qū)?，以便查看整個搜索查詢 點擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

81.只應(yīng)在必要時使用圖標(biāo)。避免過度使用它們，不要僅僅用于裝飾點擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

當(dāng)前題目：來自創(chuàng)新互聯(lián)建站大師的100條用戶體驗設(shè)計技巧
標(biāo)題URL：http://redsoil1982.com.cn/news/113578.html

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

廣告

聲明：本網(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)