網(wǎng)頁設計必須注意的12個常見問題

　　網(wǎng)頁設計說簡單也簡單，說麻煩也麻煩。同類型的網(wǎng)站大同小異，但是在具體問題和細節(jié)上，需要具體考慮和對待的問題一點也不少。面對這些不知道何時就會跳出來的問題，我列了一個常見的注意事項清單，便于在每個網(wǎng)頁設計項目中參考、排查問題。

　　1、無論在什么設備上，盡量提供類似的體驗

　　用戶可能會從不同的設備上訪問你的網(wǎng)站，可能在桌面端上，筆記本電腦、平板電腦和手機上，甚至有可能在智能手表上打開你的網(wǎng)站。而作為用戶體驗設計的工作目標之一，就是盡量確保無論在哪個設備上打開，都能給用戶以類似、相對一致的體驗。

　　如果用戶需要在手機上查看你的網(wǎng)站，那么他應該能夠像在家里的電腦上查看的時候那樣，找打所有他希望能找到的內容。

　　2、清晰而易用的導航設計

　　導航是網(wǎng)頁可用性的基石。如果用戶無法通過導航找到自己想要的內容，那么無論網(wǎng)站設計多好，都是不達標的。所以，你的網(wǎng)站導航應該符合下面的特征：

　　?簡單(每個網(wǎng)站都應該具備簡單明了的結構)

　　?清晰(導航的選項對于用戶而言應該是不言自明的)

　　?一致(導航在各個頁面上應該都是一致的)

　　這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面。

　　3、讓已訪問的鏈接顯示為別的色彩

　　每個網(wǎng)站當中各種鏈接都不少。為了和文本區(qū)分開來，鏈接通常色彩不一樣，如果用戶點擊之后再返回，鏈接色彩不作區(qū)分的話，用戶可能會無意中重復訪問相同的頁面。所以，讓已訪問過的鏈接顯示為其他的色彩，讓用戶更好地決定下一步點擊哪里。

　　4、讓用戶更容易掃視頁面

　　當用戶剛剛開始打開網(wǎng)頁的時候，可能會傾向于快速掃視整個頁面，而非通讀所有內容。當用戶想要快速判斷出他們想要的內容在哪里的時候，就需要快速掃視、定位。

　　作為設計師，讓頁面的層次結構足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內容按照重要性、有層次地呈現(xiàn)出來，還是挺考驗網(wǎng)頁設計師的權衡能力的。

　　將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點，便于用戶發(fā)現(xiàn)。

　　5、仔細檢查所有鏈接

　　當鏈接所指向的頁面不存在的時候，用戶所打開的頁面就會自然地變?yōu)?04了，而這種情況是一定會讓用戶產(chǎn)生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網(wǎng)站產(chǎn)生失望的情緒，請務必確保沒個鏈接都指向正確的頁面。

　　6、確保元素的視覺和功能表里如一

　　許多元素的外觀特征會呈現(xiàn)出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設計。鏈接通常會呈現(xiàn)成特定的色彩，帶有下劃線，如果你的內容文本中有這么一段文字擁有這樣的特征，用戶通常會認為它是一個鏈接。

　　如果點擊的時候發(fā)現(xiàn)它無法跳轉，會讓人有“被欺騙”的感覺。用戶需要知道哪些內容是可點擊的，而哪些只是強調，設計要表里如一。

　　7、不要讓你的用戶長時間等待加載

　　不論是面對APP還是網(wǎng)頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的加載時間，只會讓絕大多數(shù)的用戶關閉頁面，再精美的加載動畫都安撫不了用戶的煩躁。

　　所以，不要讓你的用戶等待加載，尤其是這個加載時間很長的時候。相關的應對策略很多，比如你可以采用占位符先顯示布局，逐步加載內容，至少讓用戶知道，這個過程正在推進。

　　8、不要讓促銷廣告蓋住內容

　　現(xiàn)實生活中廣告已經(jīng)讓人難以忍受了，如果你的網(wǎng)頁中廣告居然擋住了主要內容，這幾乎是逼著你的用戶生氣關閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。

　　另外一方面，長時間的互聯(lián)網(wǎng)瀏覽經(jīng)驗會培養(yǎng)出用戶的另外一種廣告應對策略：當他們看到廣告的時候會主動忽略它。這對于廣告的轉化率同樣是毀滅性的打擊，不是么?

　　9、避免滾動劫持

　　滾動劫持通常指的是開發(fā)者或者設計師為了實現(xiàn)新的布局、動畫或者排版，而修改了滾動的固定點甚至滾動條和體驗本身，帶來的非常規(guī)的滾動體驗。滾動劫持是最惱人的狀況之一，所以，通常而言，除非極個別的原因，盡量不要過度調整和修改用戶滾動瀏覽的體驗設計。

　　10、不要讓視頻和音頻自動播放并出聲

　　視頻和音頻自動播放對于用戶而言是一種失控的體驗，對于用戶也是一種刺激。這樣的設計應該謹慎使用，除非用戶對此已經(jīng)有所預期。

　　11、不要為了漂亮而犧牲可用性

　　網(wǎng)站和APP的界面設計的外觀不應該影響它本身的可用性。避免繁瑣的設計，為了美觀而犧牲內容的可讀性和對比性都是不能讓人接受的體驗。

　　12、不要使用晃眼的文本和廣告

　　令人晃眼的文本和廣告本身體驗不佳，它們會讓人分心，而且還會觸發(fā)體質敏感的癲癇患者發(fā)病。