南順網絡
查遺補漏！網頁設計過程中需要注意的(de)12個常見問題
1、無論在什麽設備上，盡量提供類似的(de)體驗
用戶可(kě)能會從不同的(de)設備上訪問你的(de)網站，可(kě)能在桌面端上，筆(bǐ)記本電腦、平闆電腦和(hé)手機上，甚至有可(kě)能在智能手表上打開你的(de)網站。而作為(wèi)用戶體驗設計的(de)工作目标之一(yī)，就是盡量确保無論在哪個設備上打開，都能給用戶以類似、相對一(yī)緻的(de)體驗。
如(rú)果用戶需要在手機上查看你的(de)網站，那麽他應該能夠像在家裏的(de)電腦上查看的(de)時候那樣，找打所有他希望能找到的(de)內(nèi)容。
2、清晰而易用的(de)導航設計
導航是網頁可(kě)用性的(de)基石。如(rú)果用戶無法通過導航找到自(zì)己想要的(de)內(nèi)容，那麽無論網站設計多好，都是不達标的(de)。所以，你的(de)網站導航應該符合下面的(de)特征：
簡單（每個網站都應該具備簡單明了的(de)結構）
清晰（導航的(de)選項對于用戶而言應該是不言自(zì)明的(de)）
一(yī)緻（導航在各個頁面上應該都是一(yī)緻的(de)）
這樣的(de)導航能夠讓用戶盡可(kě)能少的(de)點擊用來抵達他們要去(qù)的(de)頁面。
3、讓已訪問的(de)鏈接顯示為(wèi)别的(de)色彩
每個網站當中各種鏈接都不少。為(wèi)了和(hé)文本區分開來，鏈接通常色彩不一(yī)樣，如(rú)果用戶點擊之後再返回，鏈接色彩不作區分的(de)話，用戶可(kě)能會無意中重複訪問相同的(de)頁面。所以，讓已訪問過的(de)鏈接顯示為(wèi)其他的(de)色彩，讓用戶更好地(dì)決定下一(yī)步點擊哪裏。
4、讓用戶更容易掃視(shì)頁面
當用戶剛剛開始打開網頁的(de)時候，可(kě)能會傾向于快速掃視(shì)整個頁面，而非通讀所有內(nèi)容。當用戶想要快速判斷出他們想要的(de)內(nèi)容在哪裏的(de)時候，就需要快速掃視(shì)、定位。作為(wèi)設計師，讓頁面的(de)層次結構足夠清晰，才能讓用戶更清晰地(dì)快速獲取信息。如(rú)何将內(nèi)容按照重要性、有層次地(dì)呈現出來，還是挺考驗網頁設計師的(de)權衡能力的(de)。
将屏幕标題、登錄表單、導航類目和(hé)其他的(de)關鍵內(nèi)容設置為(wèi)視(shì)覺焦點，便于用戶發現。
5、仔細檢查所有鏈接
當鏈接所指向的(de)頁面不存在的(de)時候，用戶所打開的(de)頁面就會自(zì)然地(dì)變為(wèi) 404 了，而這種情況是一(yī)定會讓用戶産生沮喪的(de)情緒的(de)。為(wèi)了避免用戶在浏覽過程中因此對你的(de)網站産生失望的(de)情緒，請務必确保沒個鏈接都指向正确的(de)頁面。
6、确保元素的(de)視(shì)覺和(hé)功能表裏如(rú)一(yī)
許多元素的(de)外觀特征會呈現出它功能性的(de)一(yī)面，這也就是我們常說的(de)顯而易見、不言自(zì)明的(de)設計。鏈接通常會呈現成特定的(de)色彩，帶有下劃線，如(rú)果你的(de)內(nèi)容文本中有這麽一(yī)段文字擁有這樣的(de)特征，用戶通常會認為(wèi)它是一(yī)個鏈接。如(rú)果點擊的(de)時候發現它無法跳轉，會讓人有“被欺騙”的(de)感覺。用戶需要知道(dào)哪些內(nèi)容是可(kě)點擊的(de)，而哪些隻是強調，設計要表裏如(rú)一(yī)。
7、不要讓你的(de)用戶長(cháng)時間等待加載
不論是面對APP還是網頁，用戶的(de)耐心都非常之有限。有研究表明， 7 秒的(de)等待幾乎是用戶的(de)等待極限，而 10 秒的(de)加載時間，隻會讓絕大多數的(de)用戶關閉頁面，再精美的(de)加載動畫都安撫不了用戶的(de)煩躁。所以，不要讓你的(de)用戶等待加載，尤其是這個加載時間很長(cháng)的(de)時候。相關的(de)應對策略很多，比如(rú)你可(kě)以采用占位符先顯示布局，逐步加載內(nèi)容，至少讓用戶知道(dào)，這個過程正在推進。
8、不要讓促銷廣告蓋住內(nèi)容
現實生活中廣告已經讓人難以忍受了，如(rú)果你的(de)網頁中廣告居然擋住了主要內(nèi)容，這幾乎是逼着你的(de)用戶生氣關閉頁面，這樣換來的(de)廣告營收從某種意義上也是飲鸩止渴。
另外一(yī)方面，長(cháng)時間的(de)互聯網浏覽經驗會培養出用戶的(de)另外一(yī)種廣告應對策略：當他們看到廣告的(de)時候會主動忽略它。這對于廣告的(de)轉化率同樣是毀滅性的(de)打擊，不是麽？
9、避免滾動劫持
滾動劫持通常指的(de)是開發者或者設計師為(wèi)了實現新的(de)布局、動畫或者排版，而修改了滾動的(de)固定點甚至滾動條和(hé)體驗本身，帶來的(de)非常規的(de)滾動體驗。滾動劫持是最惱人的(de)狀況之一(yī)，所以，通常而言，除非極個别的(de)原因，盡量不要過度調整和(hé)修改用戶滾動浏覽的(de)體驗設計。
10、不要讓視(shì)頻和(hé)音頻自(zì)動播放并出聲
視(shì)頻和(hé)音頻自(zì)動播放對于用戶而言是一(yī)種失控的(de)體驗，對于用戶也是一(yī)種刺激。這樣的(de)設計應該謹慎使用，除非用戶對此已經有所預期
Facebook 的(de)視(shì)頻被設置為(wèi)自(zì)動播放，但是不會出聲。隻有當用戶在浏覽視(shì)頻并且與之互動的(de)時候，才會觸發聲音控制，外放出聲。
11、不要為(wèi)了漂亮(liàng)而犧牲可(kě)用性
網站和(hé)APP的(de)界面設計的(de)外觀不應該影響它本身的(de)可(kě)用性。避免繁瑣的(de)設計，為(wèi)了美觀而犧牲內(nèi)容的(de)可(kě)讀性和(hé)對比性都是不能讓人接受的(de)體驗。
12、不要使用晃眼的(de)文本和(hé)廣告
令人晃眼的(de)文本和(hé)廣告本身體驗不佳，它們會讓人分心，而且還會觸發體質敏感。
編輯:--ns868
