高端網(wǎng)頁設(shè)計很復(fù)雜，設(shè)計師和開發(fā)人員在設(shè)計網(wǎng)站時必須考慮很多因素，從視覺外觀(網(wǎng)站的外觀)到功能設(shè)計(網(wǎng)站如何運作).為了簡化任務(wù)，我們準(zhǔn)備了這個小指南，它們將幫助你為你的網(wǎng)站創(chuàng)造一個良好的用戶體驗。

在這篇文章中，我將集中討論主要的原則、啟發(fā)和方法，它們將幫助你為你的網(wǎng)站創(chuàng)造一個好的用戶體驗。我將從用戶之旅(如何定義網(wǎng)站的“框架”)這樣的全局問題開始，然后深入到單個頁面(在網(wǎng)頁設(shè)計過程中應(yīng)該考慮的問題)。我們還將涵蓋設(shè)計的其他重要方面，如移動考慮和測試。

人們經(jīng)常使用“信息架構(gòu)”(IA)這個術(shù)語來表示網(wǎng)站上的菜單。但這是不正確的。雖然菜單是IA的一部分，但它們只是IA的一個方面。信息架構(gòu)是以清晰和邏輯的方式組織信息。這種組織遵循明確的目的:幫助用戶瀏覽一組復(fù)雜的信息。好的IA創(chuàng)建一個符合用戶期望的層次結(jié)構(gòu)。但是好的層次和直觀的導(dǎo)航不是偶然發(fā)生的。它們是適當(dāng)?shù)挠脩粞芯亢蜏y試的結(jié)果。

有很多方法可以研究用戶需求。通常信息架構(gòu)師會積極參與用戶訪談或卡片分類，他們會直接聽到用戶的期望，或者看到潛在用戶如何對各種信息組進行分類。信息架構(gòu)師還需要訪問可用性測試的結(jié)果，以了解用戶是否能夠有效地導(dǎo)航。將根據(jù)用戶訪談的結(jié)果創(chuàng)建一個菜單結(jié)構(gòu)，并測試卡片分類是否滿足用戶的心理模型。UX的研究人員使用一種叫做“樹測試”的技術(shù)來證明這是可行的。這發(fā)生在設(shè)計實際接口之前。

導(dǎo)航是可用性的基石。如果用戶找不到方法，你的網(wǎng)站再好也沒用。這就是為什么你的網(wǎng)站導(dǎo)航應(yīng)該遵循幾個原則:簡單導(dǎo)航應(yīng)該以一種盡可能少點擊的方式讓訪問者到達他們想去的地方；清楚不應(yīng)該猜測每個導(dǎo)航選項的意思。每個導(dǎo)航選項對訪問者來說都是不言而喻的；一致性網(wǎng)站上所有頁面的導(dǎo)航系統(tǒng)應(yīng)該是一樣的。


鏈接和導(dǎo)航選項是導(dǎo)航過程中的關(guān)鍵因素，對用戶的旅程有直接影響。對于這些交互元素，請遵循一些規(guī)則:認(rèn)識到內(nèi)部鏈接和外部鏈接的區(qū)別。用戶期望內(nèi)部和外部鏈接有不同的行為。所有的內(nèi)部鏈接應(yīng)該在同一個標(biāo)簽頁中打開(這樣，你將允許用戶使用“后退”按鈕)。如果您決定在新窗口中打開外部鏈接，您應(yīng)該在自動打開新窗口或標(biāo)簽之前提供一個高級警告；改變已訪問鏈接的顏色。當(dāng)訪問過的鏈接沒有改變顏色時，用戶可能會無意中再次訪問相同的頁面；仔細檢查所有鏈接。用戶很容易因為點擊鏈接并得到404錯誤頁面的響應(yīng)而感到沮喪。當(dāng)訪問者搜索內(nèi)容時，他們希望每個鏈接都把他們帶到它所說的地方，而不是404錯誤頁面或其他他們意想不到的地方。