高端網頁設計很復雜,設計師和開發人員在設計網站時必須考慮很多因素,從視覺外觀(網站的外觀)到功能設計(網站如何運作).為了簡化任務,我們準備了這個小指南,它們將幫助你為你的網站創造一個良好的用戶體驗。
在這篇文章中,我將集中討論主要的原則、啟發和方法,它們將幫助你為你的網站創造一個好的用戶體驗。我將從用戶之旅(如何定義網站的“框架”)這樣的全局問題開始,然后深入到單個頁面(在網頁設計過程中應該考慮的問題)。我們還將涵蓋設計的其他重要方面,如移動考慮和測試。
人們經常使用“信息架構”(IA)這個術語來表示網站上的菜單。但這是不正確的。雖然菜單是IA的一部分,但它們只是IA的一個方面。信息架構是以清晰和邏輯的方式組織信息。這種組織遵循明確的目的:幫助用戶瀏覽一組復雜的信息。好的IA創建一個符合用戶期望的層次結構。但是好的層次和直觀的導航不是偶然發生的。它們是適當的用戶研究和測試的結果。
有很多方法可以研究用戶需求。通常信息架構師會積極參與用戶訪談或卡片分類,他們會直接聽到用戶的期望,或者看到潛在用戶如何對各種信息組進行分類。信息架構師還需要訪問可用性測試的結果,以了解用戶是否能夠有效地導航。將根據用戶訪談的結果創建一個菜單結構,并測試卡片分類是否滿足用戶的心理模型。UX的研究人員使用一種叫做“樹測試”的技術來證明這是可行的。這發生在設計實際接口之前。
導航是可用性的基石。如果用戶找不到方法,你的網站再好也沒用。這就是為什么你的網站導航應該遵循幾個原則:簡單導航應該以一種盡可能少點擊的方式讓訪問者到達他們想去的地方;清楚不應該猜測每個導航選項的意思。每個導航選項對訪問者來說都是不言而喻的;一致性網站上所有頁面的導航系統應該是一樣的。
鏈接和導航選項是導航過程中的關鍵因素,對用戶的旅程有直接影響。對于這些交互元素,請遵循一些規則:認識到內部鏈接和外部鏈接的區別。用戶期望內部和外部鏈接有不同的行為。所有的內部鏈接應該在同一個標簽頁中打開(這樣,你將允許用戶使用“后退”按鈕)。如果您決定在新窗口中打開外部鏈接,您應該在自動打開新窗口或標簽之前提供一個高級警告;改變已訪問鏈接的顏色。當訪問過的鏈接沒有改變顏色時,用戶可能會無意中再次訪問相同的頁面;仔細檢查所有鏈接。用戶很容易因為點擊鏈接并得到404錯誤頁面的響應而感到沮喪。當訪問者搜索內容時,他們希望每個鏈接都把他們帶到它所說的地方,而不是404錯誤頁面或其他他們意想不到的地方。