網(wǎng)站用戶體驗設(shè)計（UXD或UX）是通過提高用戶與網(wǎng)站交互的可用性、可訪問性和效率來提升用戶滿意度的過程。在Intechnique機構(gòu)，我們一直都在研究并應(yīng)用最好的用戶體驗原則。今年早些時候，我成為了世界上第9個獲得尼爾森諾曼集團(Nielsen Norman Group)頒發(fā)的UX碩士學(xué)位的人。在此，我想分享一下這些年來我獲得的一些最佳實踐原則。以下是余下的50個頂級用戶體驗實踐，供設(shè)計師們參考。

上篇：【推薦】來自用戶體驗大師的100個UX設(shè)計建議——上篇

一、關(guān)于鏈接

51. 網(wǎng)站或應(yīng)用程序中的非鏈接元素不要使用藍色文本或下劃線。

52. 網(wǎng)站上所有的URL地址都應(yīng)該鏈接到對應(yīng)的頁面。

53. 用戶總是希望某些元素（如產(chǎn)品圖片或評論）是可以點擊的。

54. 將瀏覽過的網(wǎng)站鏈接設(shè)置為不同顏色，減少用戶的記憶負荷。

二、關(guān)于按鈕

55. 網(wǎng)站上的按鈕必須看起來可以點擊，并且有足夠的空間讓用戶舒適地點擊。

56. 網(wǎng)站或應(yīng)用程序上需要經(jīng)常操作的大按鈕，建議放置在用戶容易觸及的區(qū)域。

57. 網(wǎng)站上的背景顏色、邊框和行為導(dǎo)向標簽都可以用來向用戶表明某些元素是可以點擊的。

58. 從平面設(shè)計角度來看，CTA按鈕和行為導(dǎo)向標簽務(wù)必使用對比色。

59. 在用戶點擊按鈕后，網(wǎng)站應(yīng)該彈出一個操作成功之類的視覺提示。

60. 更改或刪除手機數(shù)據(jù)的按鈕應(yīng)該多設(shè)置步驟，以防止用戶意外點擊。

三、關(guān)于搜索

61. 除非你有一個非常小的網(wǎng)站，且內(nèi)容很少，否則網(wǎng)站應(yīng)該提供一個搜索區(qū)域。

62. 搜索區(qū)域看起來應(yīng)該像桌面布局中的文本框，且可以用于移動設(shè)備。

63. 將搜索框放在用戶容易找到的地方，通常他們習(xí)慣在右上角尋找搜索框。

64. 當(dāng)用戶想要在網(wǎng)站上進行搜索時，他們通常會尋找一個“可以輸入的小框”。

65. 在網(wǎng)站上提供充足的檢索展示區(qū)域，以便用戶看到整個搜索結(jié)果。

四、關(guān)于圖片輪播

66. 盡量避免使用圖片輪播?；脽羝降膱D片展示會增加用戶的記憶負荷，他們一次只能關(guān)注一樣?xùn)|西。

67. 圖片輪播上的圓點很難在移動網(wǎng)站上看到，可以使用從左邊和右邊活動瀏覽圖像。

68. 圖片輪播上建議使用描述性標簽，不要使用導(dǎo)航箭頭。這樣用戶才會知道下一張幻燈片會出現(xiàn)什么。

69. 極少數(shù)的用戶會點擊網(wǎng)站上的圖片輪播區(qū)域，盡量不要在這里設(shè)置交互。

70. 網(wǎng)站的圖片輪播自動播放模式，應(yīng)該在用戶與其交互時切換到手動模式。

五、關(guān)于手風(fēng)琴

71. 使用手風(fēng)琴菜單可以有效壓縮移動端網(wǎng)站上冗長的內(nèi)容。

72. 在用戶點開手風(fēng)琴菜單后，同樣要設(shè)置可以收起這些展開的內(nèi)容的交互。

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

74. 在移動網(wǎng)站上使用手風(fēng)琴的缺點：增加了交互成本。

六、關(guān)于提示和幫助

75. 網(wǎng)頁的主要目的是對用戶顯而易見，顯而易用。

76. 用戶一般不愿意在網(wǎng)站上使用幫助指南。不妨將其融入網(wǎng)頁內(nèi)容中，并在適當(dāng)?shù)臅r候提供指南和解答。

77. 在網(wǎng)站和應(yīng)用程序中，僅在用戶需要時才顯示提示。

78. 幫助和說明應(yīng)該盡可能簡潔，并且在視覺上與其他界面元素不同。

79. 在網(wǎng)站和手機應(yīng)用程序上一次只顯示一個提示，這樣才能減輕用戶的記憶負荷。

七、關(guān)于圖標

80. 圖標必須直觀地描述它們的功能和用途，讓它們保持簡單、熟悉、有意義。

81. 圖標應(yīng)該只在必要時使用，要避免過度使用和為了裝飾而使用。

八、關(guān)于內(nèi)容

82. 網(wǎng)頁上重要的信息應(yīng)該放在最顯眼的位置。

83. 把關(guān)鍵信息放在首位。因為用戶從左上角開始瀏覽，一般前2-3個單詞被掃描得最多。

84. 把高優(yōu)先級的內(nèi)容放在網(wǎng)站頁面的頂部，可以使用分析工具來確定不同設(shè)備上的內(nèi)容優(yōu)先級。

85. 在網(wǎng)站上使用顏色和大小對比來區(qū)分主要信息和基本信息。

86. 優(yōu)先級（例如上下文、位置和緊急信息）內(nèi)容對移動用戶來說非常重要。

87. 移動設(shè)備優(yōu)先級排列一般為：位置，事件，電話號碼，緊急信息，時間敏感信息和即時信息。

88. 簡而易懂的術(shù)語比行業(yè)術(shù)語或流行的術(shù)語更適合網(wǎng)站導(dǎo)航。

九、關(guān)于可讀性

89. 使用視覺多樣性和有意義的文本，用戶瀏覽頁面容易。因為大部分用戶通常會先瀏覽，再開始閱讀。

90. 可讀性不只是用戶是否能讀到一些東西，還包括是否想讀。

91. 在項目列表、編號列表、行和段落之間增加行間距，可以增加可讀性。

92. 在選擇網(wǎng)站字體時，要考慮它的易讀性、可讀性、權(quán)重和樣式。

93. 在移動網(wǎng)站和應(yīng)用程序中，可以考慮將字體的高度增大，以提高其可讀性。

94. 避免在所有設(shè)備上使用偏小字體，尤其是長篇內(nèi)容中；也不要在正文中使用壓縮字體。

95. 確保移動網(wǎng)站上標題的文本大小與其他內(nèi)容的響應(yīng)速度相同。

96. 在移動網(wǎng)站上增加字體大小時，始終保持字體大小可根據(jù)屏幕大小縮放。

97. 請注意Banner不要放置重要信息，用戶會自動忽略任何看起來像廣告橫幅的東西。

98. 每個段落只包含一個想法，這樣可以使長文本更容易閱讀。

99. 對于有閱讀障礙的讀者來說，斜體字比長文本更難讀。

100.在英文標題和標語中單詞字母不要全部大寫，它比斜體字更難讀！

以上就是《用戶體驗大師的100個UX設(shè)計技巧——下篇》，感謝大家的關(guān)注，希望能為大家的用戶體驗設(shè)計帶來幫助！

原文作者：Andrew Kucheriavy

原文地址：https://www.intechnic.com/blog/100-ux-design-pro-t...