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

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

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

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

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

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

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

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

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

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

9.運(yùn)行網(wǎng)頁很好，因?yàn)闈L動(dòng)比點(diǎn)擊更快 - 只是不要使頁面太長 點(diǎn)擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27.在設(shè)計(jì)移動(dòng)布局時(shí)，確定用戶是否將使用一只手或兩只手的設(shè)備 點(diǎn)擊鳴叫

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

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

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

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

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

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

34.通過使用面包屑讓用戶知道他們?cè)诰W(wǎng)站上的位置 點(diǎn)擊鳴叫

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

36.臺(tái)式機(jī)上的漢堡菜單不太明顯，不太熟悉，增加了交互成本并減少了信息氣味 點(diǎn)擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

58.對(duì)于平面設(shè)計(jì)，請(qǐng)確保操作按鈕以對(duì)比色完成，并帶有面向動(dòng)作的標(biāo)簽 點(diǎn)擊鳴叫

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

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

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

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

63.使搜索字段易于查找。用戶通常會(huì)在右上角查找它點(diǎn)擊鳴叫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

86.優(yōu)先事項(xiàng)，例如背景，位置和緊急信息，對(duì)移動(dòng)用戶來說更為重要 點(diǎn)擊鳴叫

87.移動(dòng)優(yōu)先事項(xiàng)：移動(dòng)時(shí)需要的位置，事件，電話號(hào)碼，緊急信息，時(shí)間敏感信息和信息 點(diǎn)擊鳴叫

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

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

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

91.使用項(xiàng)目符號(hào)列表，編號(hào)列表，行和段落之間增加的行間距來提高可讀性 點(diǎn)擊鳴叫

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

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

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

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

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

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

99. 斜體文字難以閱讀，特別是對(duì)于閱讀障礙的讀者點(diǎn)擊鳴叫

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

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

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

廣告

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