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