網頁設計七個秘訣讓你的UX設計提升

作為用戶,在很多時候會很容易判斷出一個網站的用戶體驗是否優秀,因為主觀感受是很難被欺騙的。

但是作為網站的設計者和開發者,角色轉換之後,所需要面對問題就複雜得多。

身為構建者,要讓體驗盡善盡美需要花費大量的時間精力來完善整個體驗的閉環。

今天為你所整理的這網頁設計七個秘訣讓你的UX設計提升,能夠幫你更好地進行網站的 UX設計,並且盡可能地將整體的用戶體驗提升到一定高度。

1. 圍繞用戶體驗來進行整體設計

想要創造難忘的用戶體驗,自然要圍繞著用戶體驗本身來進行設計。

甚至在某種意義上來說,數據和內容也應該是服務於體驗的, 它們應該以什麼樣的體驗來呈現出來,這是設計者需要反覆思考和琢磨的問題。

圖形、布局、文本和交互元素之間的協同工作才能創造體驗,任何一個維度缺一不可,單純的訊息展示是不夠的。

想讓你的網頁能在網際網路上大量的訊息中脫穎而出,體驗是至關重要的。

現代網頁中大量的視覺和交互內容存在,是為了能通過體驗直擊人心,這樣才能在激烈的競爭中存活。

2. 網站內容應當一目瞭然

如果你認為網站內容是用來讀的,那就錯了。

現代用戶的注意力集中的時間非常短,絕大多數用戶在瀏覽訊息的時候,都是快速掃視,而非逐字逐句地仔細閱讀,訊息的展現一定要直觀、清晰,確保能夠一瞥就能看明白。

借助訊息圖表和視覺特效,更快地傳達訊息和數據。

你需要讓你的內容更加吸引用戶,絕大多數用戶會為觸動它們的訊息和內容而駐足,當他們想要了解更多的時候,才會點擊,了解更多。

3. 用戶想要簡單而清晰的內容

用戶只需要半秒就能判斷出網站設計和內容,你需要盡量讓網站的交互和指引足夠清晰,顯而易見。

不要讓按鈕難以被用戶發現,在首頁上放上一大堆的按鈕和連結,不如通過視覺上的引導,讓用戶注意到最關鍵的那個 CTA按鈕。

通過疊代和測試,不斷地優化和提升網站的易用性。

有的設計對於絕大多數的用戶都非常有用,凸顯最重要的選項,允許隱藏額外的功能,並且為用戶提供顯示全部的選項。

除了清晰的設計,整體的一致性也很重要。

統一的配色、交互和圖形能夠讓用戶對於後續的操作有更清晰的預期,減少用戶在後續操作過程中探索的力度,這是通過統一性設計提升產品易用性的一種方式。

4. 通用設計元素 vs 創造性

當某個設計元素在其他地方很常見的時候,它就已經形成了特定的 UI 模式,盡量不要去修改它,哪怕是很富有創意的方式。

當你將這種約定俗成的元素修改成其他樣子的時候,用戶需要花費比平時更長的時間來判斷它究竟是什麼。這種認知負荷將會影響整個網站的使用效率和轉化率。

比如漢堡圖標,比如網站登錄入口的位置(右上角)。

沒有必要在這種地方重新「標準化」。

對於連結、導航、布局這樣基本的元素,應該始終優先考慮其可用性,在此基礎上再發揮創意。

雖然非傳統的設計很酷,但是它的可用性問題同樣很大。

創造性的設計同樣是需要控制其程度和平衡,如果非要打破常規,盡量控制好程度,並且一次最多打破一條規則,不能更多。

5. 了解你的用戶

網頁設計在開始創建之前,你應該對於你的目標客戶群體有足夠清晰的了解,這樣才能更好地為他們來設計介面。

一旦你清楚地了解了你的用戶,就能了解他們的需求和願望,並且設計出符合他們預期的介面和體驗。

這個時候,你的競爭對手能夠為你提供靈感和想法。

注意對方的色彩,網頁佈局,風格和功能。

盡可能使用你的受眾已經熟悉的 UI 模式和 UI 元素,能夠更快讓他們上手。

在此基礎上,適當地進行差異化的設計,這樣效率更高。

當你確定了受眾之後,記得盡量把他們的反饋納入到你的設計當中。

6. 視覺層次很重要

當介面中優先放置最重要的元素,通過視覺層次來凸顯它們,確保用戶能夠更快注意到它們。

在設計中,有很多方法能夠凸顯內容,但是最有效的方法始終是讓它們更大更醒目。

網頁視覺層次的構建能夠讓網站內容更加清晰,也更加富有功能性。

7. 控制用戶體驗的質量

Peter Moville 在 usability.gov 這個網站上列舉出了用戶體驗設計的關鍵因素,它的核心價值在於通過不同的維度更好地掌控用戶體驗的質量:

  • 有用:內容應該是原創的且滿足需求。
  • 可用:網站的內容應該很容易被找到。
  • 可取:設計元素應該貼合情感且具備可欣賞性。
  • 可發現:內容容易被定位,被找到,並且可導航。
  • 無障礙:設計要為有障礙的用戶進行定製。
  • 可信:網站內容應該有權威性,且值得被相信。

除了上面的維度之外,還有一些值得參考的 UX設計的質量衡量標準:

  • 符合上下文:有明確的路徑,符合上下文邏輯。
  • 人性化:值得信賴,平易近人,透明,並不機械。
  • 可發現性:用戶在第一次訪問的時候就能夠順暢的完成任務。
  • 可學習性:確保交互足夠簡單,並且能夠無縫地相應行動端介面,確保用戶在隨後的訪問過程中達成目標。
  • 高效:確保用戶能夠快速輕鬆地完成各種任務。
  • 令人愉悅:確保產品能夠滿足用戶需求,還能夠和用戶產生情感聯繫。
  • 表現良好:當用戶與之交互的時候表現良好。

結語

用戶體驗設計的目標不僅僅是讓產品本身更優秀,更重要的是從情感層面上和用戶產生關聯。

有介面而沒有體驗,這樣的產品在今天的競爭中是活不下去的。


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛
5.2018必看設計懶人包手冊
6.高手進擊懶人包影片-設計師與開發者推薦的精選影片


 

以下幾點請你深思一下

給你最好的網頁設計Gogoshark|鯊魚邦不私藏分享

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化