后兩篇:
《網頁設計綜合指南》(二):內容布局、頁面結構等
《網頁設計綜合指南》(三):移動適配、無障礙設計等
本文將重點介紹創建出色用戶體驗的主要原則、方法和具有啟發性的案例;從用戶體驗地圖等整體結構開始,到單個頁面的設計;還將介紹網頁設計中其他重要的方面,例如移動端適配和測試。
目錄(加粗部分為本文內容)
一、設計用戶體驗地圖
1.1 信息架構
1.2 全局導航
1.3 鏈接和導航選項
1.4 瀏覽器的返回鍵
1.5 面包屑式導航
1.6 搜索
二、頁面設計
三、移動端適配
四、無障礙設計
五、測試
六、開發交接
七、總結
一、設計用戶體驗地圖
1.1 信息架構
人們經常將網站上的內容列表作為“信息架構”。不對, 雖然它是信息架構的一部分,但它們只是其中的一個方面。
信息架構是以一種清晰和合乎邏輯的方式組織信息。信息架構有一個明確的目的:幫助用戶瀏覽一組復雜的信息。好的信息架構會創建一個符合用戶期望的層次結構。但良好的內容層級和直觀的導航并不容易,需要通過用戶研究和測試才能實現。
有很多方法可以研究用戶需求。通常情況下,信息架構師會采用用戶訪談或卡片分類的方式來獲知用戶的期望,或者找出潛在用戶是如何進行信息分類。信息架構師還需要了解可用性測試的結果,以便查看是否能夠高效導航。
卡片分類是一種簡單的方法,可以根據用戶信息找出內容分類的最佳方式。信息架構師喜歡卡片分類的原因之一就是能清晰地得到架構模式。(Image credit: FosterMilo)
對用戶訪談的結果進行分類,然后檢驗卡片分類是否滿足用戶的心理模型。UX還會使用“Tree Testing”的方法來檢驗它的作用。信息架構要在設計具體頁面之前完成。
Tree Testing是一種確定用戶是否能夠通過所提議的信息結構解決需求的可靠方法。(Image credit: Nielsen Norman Group)