不同的網(wǎng)頁設(shè)計(jì)師有著同一個(gè)煩惱：同類型的網(wǎng)站大同小異，風(fēng)格特點(diǎn)不明顯，吸引不了用戶扎地生根！
多種設(shè)備提供一致體驗(yàn)
用戶可能會通過各種設(shè)備訪問你的網(wǎng)站，包括桌面電腦、筆記本電腦、平板電腦、手機(jī)，甚至智能手表。用戶體驗(yàn)設(shè)計(jì)的重要目標(biāo)之一是確保在所有這些設(shè)備上，用戶都能獲得類似且相對一致的體驗(yàn)。清晰易用的導(dǎo)航設(shè)計(jì)
導(dǎo)航是網(wǎng)頁可用性的關(guān)鍵。如果用戶無法通過導(dǎo)航輕松找到所需內(nèi)容，那么無論網(wǎng)站設(shè)計(jì)多么精美，都難以稱得上成功。因此，網(wǎng)站導(dǎo)航應(yīng)具備以下特點(diǎn)：
簡單：網(wǎng)站結(jié)構(gòu)應(yīng)簡潔明了，易于理解。
清晰：導(dǎo)航選項(xiàng)應(yīng)一目了然，讓用戶無需猜測。
一致：導(dǎo)航在所有頁面上應(yīng)保持一致，方便用戶使用。
這樣的導(dǎo)航能夠讓用戶盡可能少的點(diǎn)擊用來抵達(dá)他們要去的頁面大型的導(dǎo)航菜單對于包含大量不同子頁面的網(wǎng)站而言，似乎是一個(gè)很好的解決方案，然而實(shí)際情況并非如此。超大的導(dǎo)航菜單對于絕大多數(shù)的普通用戶而言，看起來更像是迷宮，尤其是當(dāng)他們要找的內(nèi)容是其中的一個(gè)并不顯眼的小分類。
這種看似足以滿足全部用戶的需求，實(shí)則讓全部用戶都覺得不那么爽的解決方案，其實(shí)算不得體驗(yàn)優(yōu)秀。如果用戶點(diǎn)擊之后再返回，鏈接色彩不作區(qū)分的話，用戶可能會無意中重復(fù)訪問相同的頁面。所以，讓已訪問過的鏈接顯示為其他的色彩，讓用戶更好地決定下一步點(diǎn)擊哪里。
當(dāng)用戶剛剛開始打開網(wǎng)頁的時(shí)候，可能會傾向于快速掃視整個(gè)頁面，而非通讀所有內(nèi)容。作為設(shè)計(jì)師，讓頁面的層次結(jié)構(gòu)足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內(nèi)容按照重要性、有層次地呈現(xiàn)出來，還是挺考驗(yàn)網(wǎng)頁設(shè)計(jì)師的權(quán)衡能力的。將屏幕標(biāo)題、登錄表單、導(dǎo)航類目和其他的關(guān)鍵內(nèi)容設(shè)置為視覺焦點(diǎn)，便于用戶發(fā)現(xiàn)當(dāng)鏈接所指向的頁面不存在的時(shí)候，用戶所打開的頁面就會自然地變?yōu)?strong>404了，而這種情況是一定會讓用戶產(chǎn)生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網(wǎng)站產(chǎn)生失望的情緒，請務(wù)必確保沒個(gè)鏈接都指向正確的頁面。許多元素的外觀特征會呈現(xiàn)出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設(shè)計(jì)。比如鏈接通常會呈現(xiàn)成特定的色彩，帶有下劃線，用戶需要知道哪些內(nèi)容是可點(diǎn)擊的，而哪些只是強(qiáng)調(diào)，設(shè)計(jì)要表里如一。不論是面對APP還是網(wǎng)頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的加載時(shí)間，只會讓絕大多數(shù)的用戶關(guān)閉頁面，再精美的加載動畫都安撫不了用戶的煩躁。
所以，不要讓你的用戶等待加載，尤其是這個(gè)加載時(shí)間很長的時(shí)候。相關(guān)的應(yīng)對策略很多，比如你可以采用占位符先顯示布局，逐步加載內(nèi)容，至少讓用戶知道，這個(gè)過程正在推進(jìn)。現(xiàn)實(shí)生活中廣告已經(jīng)讓人難以忍受了，如果你的網(wǎng)頁中廣告居然擋住了主要內(nèi)容，這幾乎是逼著你的用戶生氣關(guān)閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。在用戶體驗(yàn)設(shè)計(jì)中，打斷用戶的操作流程是一種嚴(yán)重的錯(cuò)誤。這種設(shè)計(jì)會將用戶從沉浸式體驗(yàn)中“推出去”，導(dǎo)致他們感到困惑或沮喪。
相比之下，有許多替代方案可以避免這種情況。例如：
延后提示：在用戶完成內(nèi)容閱讀后，再彈出一個(gè)輕量級的提示框。
嵌入式提醒：在用戶操作流程中自然地嵌入需要提示的信息，而不是強(qiáng)行打斷。
溫和的引導(dǎo)：通過其他方式（如動畫、漸變提示等）引導(dǎo)用戶注意重要信息，而不是直接中斷他們的操作。
避免滾動劫持
滾動劫持是指開發(fā)者或設(shè)計(jì)師為了實(shí)現(xiàn)新的布局、動畫或排版，強(qiáng)行修改滾動的固定點(diǎn)，甚至改變滾動條的外觀和行為，從而導(dǎo)致用戶獲得非傳統(tǒng)的滾動體驗(yàn)。這種設(shè)計(jì)通常會讓用戶感到非常不爽，因?yàn)樗`背了用戶對滾動操作的自然預(yù)期。
因此，除非有非常特殊的原因，否則應(yīng)盡量避免過度調(diào)整或修改用戶滾動瀏覽的體驗(yàn)設(shè)計(jì)。
Mac Pro 的頁面就加入了一些令人抓狂的滾動特效，這是為了適配它的視差布局。視頻和音頻自動播放對于用戶而言是一種失控的體驗(yàn)，對于用戶也是一種刺激。這樣的設(shè)計(jì)應(yīng)該謹(jǐn)慎使用，除非用戶對此已經(jīng)有所預(yù)期。Facebook 的視頻默認(rèn)自動播放，但初始狀態(tài)無聲。只有當(dāng)用戶瀏覽并主動與視頻互動時(shí)，聲音才會開啟。
不要為了美觀而犧牲可用性
網(wǎng)站和 APP 的界面設(shè)計(jì)不應(yīng)因追求外觀而損害其基本功能。避免過度復(fù)雜的設(shè)計(jì)，確保內(nèi)容的可讀性和對比度，不要因美觀而犧牲用戶體驗(yàn)。
