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