萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

提升網站可用性 6 大核心原則:別讓用戶思考、拒絕選擇恐懼、即時給答案

通常網站三類:一、無創意無設計靠內容出彩(如 1024/正方系統);二、設計出彩體驗慘;三、視覺功夫好、可用性也棒——才能留住訪客。今天分享 6 個提高可用性基本原則,都是用戶體驗基礎知識,新手必備!

三類網站,唯第三類最佳

  • 第一類:傑出創意設計,讓你發出「Wow」,但除好設計無其他。
  • 第二類:缺乏創意設計,但能立刻找到想要東西。會因視覺缺乏吸引力關掉嗎?
  • 最佳類型:可用性與視覺吸引完美結合,吸引持續訪問。營銷角度看,這是最好類型。

好看網站若不能讓用戶持續訪問、增加轉化、達成銷售目標,無任何價值。想讓他們回來而非讚美後轉身離開,別只滿足視覺愉悅。目標是用戶回頭成忠實用戶,應考慮提高可用性與以用戶為中心設計原則:專注用戶需求,提供高效便捷網站。做到即獲得信任,就這麼簡單。

注意:提高可用性 ≠ 提高用戶體驗。UX 重點在提高心理積極感受。當然,提高可用性會讓用戶快樂,最終促成積極 UX。

六大原則

一、不要讓用戶思考

最重要原則,源自 Steve Krug《Don't Make Me Think》。網頁應讓人一上來就懂。用戶下意識知哪裡能點、點哪裡得想要東西,完全不用多想。做到這點毫無疑問讓用戶愉悅。經典案例:MailChimp。

MailChimp 頁面極簡單。提高可用性無需開創性設計,只需讓對的東西出現在對的位置(用戶期望位置)。另一亮點:沒讓用戶感到「選擇恐懼症」——必須知道的另一原則。

二、避免「選擇恐懼症」

面對太多選項時,人往往不做選擇,或選最熟悉選項。這不只在網頁,生活中常見:咖啡館面對黑板上各種咖啡名時。「選擇恐懼症」讓人放棄選擇或退回熟悉地帶。新用戶應完全不用糾結下一步點哪裡。MailChimp 此頁面做得很好。

技巧:最必要選項重點強調(如「免費註冊」重要按鈕),其他選項收進「更多」,有效避免單頁面出現過多選項。

不重要的選項可收進「更多」

三、立刻給用戶他們想要的

用戶瀏覽網站像逛實體店,不檢視所有細節,只尋找真正需要的東西。不會逐字閱讀,只隨意瀏覽。一旦有東西滿足需求就點擊打開。經驗:別讓用戶覺得「這看起來要讀很久」。可通過視覺化手段滿足快速瀏覽者需求。視覺化信息方便快速瀏覽,讓用戶直觀對比不同付費方案區別,選擇適合的,清晰簡單。

四、要有「搜索」

網站內容符合用戶需求,搜索才有意義。尤其像維基百科這樣擁有大量不同領域內容的網站,「搜索」功能必須。

搜索框最佳實踐:

  • 所有頁面都有搜索框,不僅首頁
  • 搜索框夠長(如 Google),方便查看修改
  • 搜索框要智能:用戶搜索時提供相似「常見搜索詞」參考;輸入詞時下方直接提供「推薦結果」。蘋果官網搜索是最佳實踐好例。

蘋果官網搜索

五、了解你的用戶

年輕極客熱愛探索新事物。稍複雜網站若有好內容,對年輕人產生強烈興趣,好奇探索所有選項、點擊所有按鈕。如 Gamestop,曾花數小時未覺難用。成年人不同:更保守、愛簡潔、抗拒新事物。故設計網站要把目標用戶群體考慮進去。以 Google 為例,用戶群極廣,但無人遇使用障礙,因在簡單與功能性上做到極好平衡。

六、測試——成功關鍵

測試是成功提高可用性的關鍵。無數方法設計/製作/維護成功網站,盡管去試,但試過後**一定要通過測試檢查效果,不斷改善,持續獲得更好成果!**

再來幾個快速技巧!

  • 注意「橫幅盲區」:用戶常忽略像廣告的東西,注意到了但無視。別出現像廣告的元素(如右側堆疊塊狀信息)。
  • 要求註冊時衡量用戶時間,盡可能減少填寫項,只留最重要的。
  • 允許「一鍵退訂」。
  • 永遠別忘記手機用戶:做響應式設計!
  • 別讓用戶只依賴瀏覽器前進後退。需「返回」時讓他們用網站上的「返回」。
  • 讓設計服務於內容。
  • 強調鏈接:滑鼠移到文本出現指針變化才能鑒別鏈接是災難體驗。

至此你已準備好,動手提升網站可用性,讓用戶更爽體驗吧。原則並非適用所有情況,需具體分析。但留了一手:第六點測試,才是真正適用所有情況的。最後、也是最重要的一點:測試!

copyright © 萬盛學電腦網 all rights reserved