淺談網頁設計常見的12個問題 網頁設計常見的問題有哪些?

網頁設計說簡單也簡單 , 說麻煩也麻煩 。 同類型的網站大同小異 , 但是在具體問題和細節上 , 需要具體考慮和對待的問題一點也不少 。 面對這些不知道何時就會跳出來的問題 , 我列了一個常見的注意事項清單 , 便于在每個網頁設計項目中參考、排查問題 。
1、無論在什么設備上 , 盡量提供類似的體驗用戶可能會從不同的設備上訪問你的網站 , 可能在桌面端上 , 筆記本電腦、平板電腦和手機上 , 甚至有可能在智能手表上打開你的網站 。 而作為用戶體驗設計的工作目標之一 , 就是盡量確保無論在哪個設備上打開 , 都能給用戶以類似、相對一致的體驗 。
如果用戶需要在手機上查看你的網站 , 那么他應該能夠像在家里的電腦上查看的時候那樣 , 找打所有他希望能找到的內容 。
2、清晰而易用的導航設計導航是網頁可用性的基石 。 如果用戶無法通過導航找到自己想要的內容 , 那么無論網站設計多好 , 都是不達標的 。 所以 , 你的網站導航應該符合下面的特征:
  • 簡單(每個網站都應該具備簡單明了的結構)
  • 清晰(導航的選項對于用戶而言應該是不言自明的)
  • 一致(導航在各個頁面上應該都是一致的)
這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面 。
3、讓已訪問的鏈接顯示為別的色彩每個網站當中各種鏈接都不少 。 為了和文本區分開來 , 鏈接通常色彩不一樣 , 如果用戶點擊之后再返回 , 鏈接色彩不作區分的話 , 用戶可能會無意中重復訪問相同的頁面 。 所以 , 讓已訪問過的鏈接顯示為其他的色彩 , 讓用戶更好地決定下一步點擊哪里 。
4、讓用戶更容易掃視頁面當用戶剛剛開始打開網頁的時候 , 可能會傾向于快速掃視整個頁面 , 而非通讀所有內容 。 當用戶想要快速判斷出他們想要的內容在哪里的時候 , 就需要快速掃視、定位 。 作為設計師 , 讓頁面的層次結構足夠清晰 , 才能讓用戶更清晰地快速獲取信息 。 如何將內容按照重要性、有層次地呈現出來 , 還是挺考驗網頁設計師的權衡能力的 。
將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點 , 便于用戶發現 。
5、仔細檢查所有鏈接【淺談網頁設計常見的12個問題 網頁設計常見的問題有哪些?】當鏈接所指向的頁面不存在的時候 , 用戶所打開的頁面就會自然地變為404了 , 而這種情況是一定會讓用戶產生沮喪的情緒的 。 為了避免用戶在瀏覽過程中因此對你的網站產生失望的情緒 , 請務必確保沒個鏈接都指向正確的頁面 。
6、確保元素的視覺和功能表里如一許多元素的外觀特征會呈現出它功能性的一面 , 這也就是我們常說的顯而易見、不言自明的設計 。 鏈接通常會呈現成特定的色彩 , 帶有下劃線 , 如果你的內容文本中有這么一段文字擁有這樣的特征 , 用戶通常會認為它是一個鏈接 。 如果點擊的時候發現它無法跳轉 , 會讓人有“被欺騙”的感覺 。 用戶需要知道哪些內容是可點擊的 , 而哪些只是強調 , 設計要表里如一 。
7、不要讓你的用戶長時間等待加載不論是面對APP還是網頁 , 用戶的耐心都非常之有限 。 有研究表明 , 7秒的等待幾乎是用戶的等待極限 , 而10秒的加載時間 , 只會讓絕大多數的用戶關閉頁面 , 再精美的加載動畫都安撫不了用戶的煩躁 。 所以 , 不要讓你的用戶等待加載 , 尤其是這個加載時間很長的時候 。 相關的應對策略很多 , 比如你可以采用占位符先顯示布局 , 逐步加載內容 , 至少讓用戶知道 , 這個過程正在推進 。
8、不要讓促銷廣告蓋住內容現實生活中廣告已經讓人難以忍受了 , 如果你的網頁中廣告居然擋住了主要內容 , 這幾乎是逼著你的用戶生氣關閉頁面 , 這樣換來的廣告營收從某種意義上也是飲鴆止渴 。
另外一方面 , 長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略:當他們看到廣告的時候會主動忽略它 。 這對于廣告的轉化率同樣是毀滅性的打擊 , 不是么?
9、避免滾動劫持滾動劫持通常指的是開發者或者設計師為了實現新的布局、動畫或者排版 , 而修改了滾動的固定點甚至滾動條和體驗本身 , 帶來的非常規的滾動體驗 。 滾動劫持是最惱人的狀況之一 , 所以 , 通常而言 , 除非極個別的原因 , 盡量不要過度調整和修改用戶滾動瀏覽的體驗設計 。
Mac Pro 的頁面就加入了一些令人抓狂的滾動特效 , 這是為了適配它的視差布局 。

推薦閱讀