<返回列表

新聞分類

新聞中心

網站設計的重點該意做什麼(me)VS不該做什麼(me)

網頁設計是一件很繁瑣的事(shì)情,因爲在設計時要考慮很多事(shì)情。爲了簡化網頁設計這(zhè)件事(shì),本文列舉了每個網站設計者都(dōu)應該考慮的行爲準則,包括能(néng)做什麼(me),不能(néng)做什麼(me)。放心,這(zhè)些準則都(dōu)是一些很簡單的原則。


計網站時,應該做什麼(me)



1. 在不同設備上采用相似的設計


用戶可以通過(guò)不同類型的設備訪問你的網站,這(zhè)些設備包括:電腦、平闆、手機、音樂播放器、甚至是智能(néng)手表等。


無論用戶使用什麼(me)設備訪問你的網頁,确保他們具有類似的體驗,這(zhè)是用戶體驗設計中的一條重要标準。


2. 導航的設計要簡單易用、清晰明了


導航設計是網頁可用性的基石。


記住:如果用戶在你的網站裡(lǐ)找不到導航,那麼(me)無論你的網站有多流弊都(dōu)沒(méi)用。這(zhè)也是導航設計要遵循以下原則的原因:

簡單。每個網站都(dōu)應該有盡可能(néng)簡單的結構。


清晰。導航的每項對(duì)用戶而言,都(dōu)應該是清楚的。


一緻。系統的導航頁在每一頁中都(dōu)應該是相同的。


用戶以最少的點擊次數,最快地到達他們想要浏覽的網頁。這(zhè)才是導航設計的目的。


3. 改變訪問過(guò)的鏈接的顔色


鏈接是導航的一個關鍵因素。假如用戶點擊過(guò)的鏈接沒(méi)有改變顔色,很可能(néng)導緻用戶多次點擊同一個鏈接。


如果用戶知道(dào)自己過(guò)去訪問的鏈接和現在還(hái)未訪問過(guò)的鏈接,那麼(me)用戶會更容易決定自己下一次要點擊什麼(me)。


4. 讓頁面(miàn)浏覽變得更容易


用戶浏覽我們的網頁時,并不是通讀所有的内容,而是快速地掃描整個網頁。


因此,如果用戶來到這(zhè)個網站,是爲了尋找特定的内容或者是完成(chéng)某個任務,那麼(me)他們會先浏覽整個網頁,直到用戶找到了自己想要去的地方。


因此,作爲網頁設計者的我們,應該通過(guò)設計網站可視化的層級架構幫助這(zhè)些用戶盡快達成(chéng)自己的目的。


可視化的層級架構意味著(zhe)網頁上每個元素的擺放或呈現都(dōu)具有權重(比如說,我們的設計決定了用戶先看到哪個,再看到哪個,最後(hòu)看到哪個)。


我們在設計網站時,要确保網頁标題、登錄注冊按鈕、導航欄或其它同等重要的元素放在用戶很容易看到的地方,以減少用戶尋找的時間。


用戶的視線是Z字形的。


5. 仔細檢查所有的鏈接



當用戶點擊網站上的一個鏈接,界面(miàn)上卻出現404的錯誤頁面(miàn)時,用戶很容易變得沮喪。


當用戶在網站上尋找内容時,他們希望自己點擊過(guò)的每個鏈接都(dōu)是自己正在尋找的那個,而不是出現404的錯誤頁面(miàn)、或者點進(jìn)去後(hòu),卻發(fā)現不是自己尋找的那個頁面(miàn)。



6. 确保能(néng)點擊的元素讓用戶看起(qǐ)來就能(néng)點擊



一個物體的樣(yàng)子會告訴用戶如何使用它。


看起(qǐ)來像按鈕或鏈接的視覺元素卻不能(néng)點擊,很容易困擾用戶;這(zhè)些視覺元素包括:文字下劃線并不代表鏈接、擁有動畫效果的元素也不是超鏈接。


用戶想要知道(dào)界面(miàn)上哪些區域是純靜态内容,哪些區域是可以點擊的。


讓可以點擊的元素明顯一點。


如上圖,你認爲那個橙色的框是個按鈕嗎?相信很多人都(dōu)覺得它看起(qǐ)來像個按鈕,但其實它并不是。



設計網站時,不該做什麼(me)



1. 不要讓用戶等



網站用戶的耐心和注意力是非常小的。根據NNGroup的研究,10秒是用戶集中注意力完成(chéng)一個任務的極限。


當用戶在等待内容加載時,他們很可能(néng)會變的沮喪。如果加載速度很慢,用戶很可能(néng)會離開(kāi)這(zhè)個網站,即使是足夠漂亮的加載動畫設計也無法改變這(zhè)個結果。


2. 在新标簽頁打開(kāi)鏈接


在新标簽頁打開(kāi)鏈接的設計讓用戶無法使用“返回”按鈕返回之前的頁面(miàn)。這(zhè)是非常不好(hǎo)的設計。


3. 整個網站充斥著(zhe)廣告


促銷和廣告會掩蓋網站裡(lǐ)的内容,也會讓用戶很難集中注意力去完成(chéng)任務,更不用說那些看起(qǐ)來像廣告的事(shì)情常常會被(bèi)用戶忽略(這(zhè)種(zhǒng)現象被(bèi)稱爲:旗幟盲點)。


4. 滾動劫持(Hijack scrolling)


滾動劫持是指:網站的設計者或開(kāi)發(fā)者控制滾動條,從而使得用戶在滾動鼠标時,會在網站上看到不同的效果,包括動畫效果、固定的滾動點、甚至是重新設計過(guò)的滾動條。


滾動劫持是用戶最不喜歡的設計之一,因此,它奪取了用戶控制滾動條的權利。


當你設計網站時或設計用戶界面(miàn)時,你應該讓用戶自己決定自己浏覽的網頁或APP的位置。


如上圖,這(zhè)個頁面(miàn)就采用了這(zhè)個設計效果。它使用單頁面(miàn)平行布局的方式,用右邊的點來代替每個頁面(miàn)。

5. 自動播放視頻(有聲音)


在後(hòu)台自動播放視頻、音樂或聲音文件,都(dōu)是用戶難以接受的設計方式。


用戶很少使用這(zhè)些元素,除非是在适當的時候。


Facebook會在網頁上自動播放視頻,但是在靜音狀态。但是當用戶意識到自己在看視頻時,用戶可以自己點擊屏幕決定聲音的有無以及大小。


6. 爲了網站的美觀犧牲網站的可用性


一個網站或用戶界面(miàn)的設計不應該因爲内容影響用戶的消費能(néng)力。最好(hǎo)不要在文字後(hòu)使用繁重的背景、也不要使用讓用戶很難閱讀或顔色對(duì)比不明顯的配色方案。


如上圖,低對(duì)比的配色方案很難看清楚界面(miàn)上的字。


7. 使用閃爍的文字或廣告


閃爍的内容或閃爍會導緻易感人群的癫痫病。這(zhè)樣(yàng)的設計不僅能(néng)引發(fā)癫痫,而且還(hái)會因吸引用戶的注意力而惹惱用戶。


不要使用閃爍的文字

廈門網站建設網站優化福建谷歌推廣小程序開(kāi)發(fā)企業郵箱微信推廣


掃碼加客服微信
确 認