【深圳網(wǎng)站建設】網(wǎng)站規(guī)劃規(guī)范:該做什么,不應做什么
發(fā)布日期:2019-12-18 關鍵詞:【深圳網(wǎng)站建設】網(wǎng)站規(guī)劃規(guī)范:該做什么,不應做什么 已有 2183 人瀏覽
網(wǎng)頁規(guī)劃是一件很繁瑣的工作,由于在規(guī)劃時要考慮許多工作。為了簡化網(wǎng)頁規(guī)劃這件事,深圳網(wǎng)站建設列舉了每個網(wǎng)站規(guī)劃者都應該考慮的行為原則,包含能做什么,不能做什么。放心,這些原則都是一些很簡單的原則。
規(guī)劃網(wǎng)站時,應該做什么
1. 在不同設備上選用相似的規(guī)劃
用戶能夠經(jīng)過不同類型的設備拜訪你的網(wǎng)站,這些設備包含:電腦、平板、手機、音樂播放器、乃至是智能手表等。
無論用戶運用什么設備拜訪你的網(wǎng)頁,保證他們具有類似的體會,這是用戶體會規(guī)劃中的一條重要規(guī)范。
2. 導航的規(guī)劃要簡單易用、明晰明晰
導航規(guī)劃是網(wǎng)頁可用性的基石。
記?。杭偃缬脩粼谀愕木W(wǎng)站里找不到導航,那么無論你的網(wǎng)站有多流弊都沒用。這也是導航規(guī)劃要遵循以下原則的原因:
簡單。每個網(wǎng)站都應該有盡可能簡單的結(jié)構(gòu)。
明晰。導航的每項對用戶而言,都應該是清楚的。
一致。體系的導航頁在每一頁中都應該是相同的。
用戶以最少的點擊次數(shù),最快地到達他們想要閱覽的網(wǎng)頁。這才是導航規(guī)劃的意圖。
3. 改動拜訪過的鏈接的色彩
鏈接是導航的一個關鍵因素。假設用戶點擊過的鏈接沒有改動色彩,很可能導致用戶屢次點擊同一個鏈接。
假如用戶知道自己曩昔拜訪的鏈接和現(xiàn)在還未拜訪過的鏈接,那么用戶會更簡單決議自己下一非必須點擊什么。
4. 讓頁面閱覽變得更簡單
用戶閱覽咱們的網(wǎng)頁時,并不是通讀一切的內(nèi)容,而是快速地掃描整個網(wǎng)頁。
因而,假如用戶來到這個網(wǎng)站,是為了尋覓特定的內(nèi)容或者是完結(jié)某個使命,那么他們會先閱覽整個網(wǎng)頁,直到用戶找到了自己想要去的當?shù)亍?/span>
因而,作為網(wǎng)頁規(guī)劃者的咱們,應該經(jīng)過規(guī)劃網(wǎng)站可視化的層級架構(gòu)協(xié)助這些用戶盡快達到自己的意圖。
可視化的層級架構(gòu)意味著網(wǎng)頁上每個元素的擺放或呈現(xiàn)都具有權(quán)重(比如說,咱們的規(guī)劃決議了用戶先看到哪個,再看到哪個,最后看到哪個)。
咱們在規(guī)劃網(wǎng)站時,要保證網(wǎng)頁標題、登錄注冊按鈕、導航欄或其它平等重要的元素放在用戶很簡單看到的當?shù)?,以減少用戶尋覓的時刻。
用戶的視線是Z字形的。
5. 仔細檢查一切的鏈接
當用戶點擊網(wǎng)站上的一個鏈接,界面上卻呈現(xiàn)404的錯誤頁面時,用戶很簡單變得懊喪。
當用戶在網(wǎng)站上尋覓內(nèi)容時,他們期望自己點擊過的每個鏈接都是自己正在尋覓的那個,而不是呈現(xiàn)404的錯誤頁面、或者點進去后,卻發(fā)現(xiàn)不是自己尋覓的那個頁面。
6. 保證能點擊的元素讓用戶看起來就能點擊
一個物體的姿態(tài)會告訴用戶如何運用它。
看起來像按鈕或鏈接的視覺元素卻不能點擊,很簡單困擾用戶;這些視覺元素包含:文字下劃線并不代表鏈接、具有動畫效果的元素也不是超鏈接。
用戶想要知道界面上哪些區(qū)域是純靜態(tài)內(nèi)容,哪些區(qū)域是能夠點擊的。
讓能夠點擊的元素顯著一點。
規(guī)劃網(wǎng)站時,不應做什么
1. 不要讓用戶等
網(wǎng)站用戶的耐心和注意力是非常小的。依據(jù)NNGroup的研究,10秒是用戶集中注意力完結(jié)一個使命的極限。
當用戶在等候內(nèi)容加載時,他們很可能會變的懊喪。假如加載速度很慢,用戶很可能會脫離這個網(wǎng)站,即使是滿足美麗的加載動畫規(guī)劃也無法改動這個結(jié)果。
2. 在新標簽頁翻開鏈接
在新標簽頁翻開鏈接的規(guī)劃讓用戶無法運用“回來”按鈕回來之前的頁面。這是非常不好的規(guī)劃。
3. 整個網(wǎng)站充斥著廣告
促銷和廣告會掩蓋網(wǎng)站里的內(nèi)容,也會讓用戶很難集中注意力去完結(jié)使命,更不用說那些看起來像廣告的工作常常會被用戶忽略(這種現(xiàn)象被稱為:旗幟盲點)。
4. 翻滾綁架(Hijack scrolling)
翻滾綁架是指:網(wǎng)站的規(guī)劃者或開發(fā)者操控翻滾條,從而使得用戶在翻滾鼠標時,會在網(wǎng)站上看到不同的效果,包含動畫效果、固定的翻滾點、乃至是重新規(guī)劃過的翻滾條。
翻滾綁架是用戶最不喜歡的規(guī)劃之一,因而,它奪取了用戶操控翻滾條的權(quán)力
當你規(guī)劃網(wǎng)站時或規(guī)劃用戶界面時,你應該讓用戶自己決議自己閱覽的網(wǎng)頁或APP的方位。
如頁面就選用了這個規(guī)劃效果。它運用單頁面平行布局的方式,用右邊的點來代替每個頁面。
5. 自動播放視頻(有聲響)
在后臺自動播放視頻、音樂或聲響文件,都是用戶難以接受的規(guī)劃方式。
用戶很少運用這些元素,除非是在適當?shù)臅r分。
Facebook會在網(wǎng)頁上自動播放視頻,但是在靜音狀態(tài)。但是當用戶意識到自己在看視頻時,用戶能夠自己點擊屏幕決議聲響的有無以及大小。
6. 為了網(wǎng)站的美觀獻身網(wǎng)站的可用性
一個網(wǎng)站或用戶界面的規(guī)劃不應該由于內(nèi)容影響用戶的消費能力。最好不要在文字后運用繁重的背景、也不要運用讓用戶很難閱覽或色彩比照不顯著的配色方案。
低比照的配色方案很難看清楚界面上的字。
7. 運用閃耀的文字或廣告
閃耀的內(nèi)容或閃耀會導致易感人群的癲癇病。這樣的規(guī)劃不僅能引發(fā)癲癇,而且還會因招引用戶的注意力而惹惱用戶。
不要運用閃耀的文字
規(guī)劃網(wǎng)站時,應該做什么
1. 在不同設備上選用相似的規(guī)劃
用戶能夠經(jīng)過不同類型的設備拜訪你的網(wǎng)站,這些設備包含:電腦、平板、手機、音樂播放器、乃至是智能手表等。
無論用戶運用什么設備拜訪你的網(wǎng)頁,保證他們具有類似的體會,這是用戶體會規(guī)劃中的一條重要規(guī)范。
2. 導航的規(guī)劃要簡單易用、明晰明晰
導航規(guī)劃是網(wǎng)頁可用性的基石。
記?。杭偃缬脩粼谀愕木W(wǎng)站里找不到導航,那么無論你的網(wǎng)站有多流弊都沒用。這也是導航規(guī)劃要遵循以下原則的原因:
簡單。每個網(wǎng)站都應該有盡可能簡單的結(jié)構(gòu)。
明晰。導航的每項對用戶而言,都應該是清楚的。
一致。體系的導航頁在每一頁中都應該是相同的。
用戶以最少的點擊次數(shù),最快地到達他們想要閱覽的網(wǎng)頁。這才是導航規(guī)劃的意圖。
3. 改動拜訪過的鏈接的色彩
鏈接是導航的一個關鍵因素。假設用戶點擊過的鏈接沒有改動色彩,很可能導致用戶屢次點擊同一個鏈接。
假如用戶知道自己曩昔拜訪的鏈接和現(xiàn)在還未拜訪過的鏈接,那么用戶會更簡單決議自己下一非必須點擊什么。
4. 讓頁面閱覽變得更簡單
用戶閱覽咱們的網(wǎng)頁時,并不是通讀一切的內(nèi)容,而是快速地掃描整個網(wǎng)頁。
因而,作為網(wǎng)頁規(guī)劃者的咱們,應該經(jīng)過規(guī)劃網(wǎng)站可視化的層級架構(gòu)協(xié)助這些用戶盡快達到自己的意圖。
可視化的層級架構(gòu)意味著網(wǎng)頁上每個元素的擺放或呈現(xiàn)都具有權(quán)重(比如說,咱們的規(guī)劃決議了用戶先看到哪個,再看到哪個,最后看到哪個)。
咱們在規(guī)劃網(wǎng)站時,要保證網(wǎng)頁標題、登錄注冊按鈕、導航欄或其它平等重要的元素放在用戶很簡單看到的當?shù)?,以減少用戶尋覓的時刻。
用戶的視線是Z字形的。
5. 仔細檢查一切的鏈接
當用戶點擊網(wǎng)站上的一個鏈接,界面上卻呈現(xiàn)404的錯誤頁面時,用戶很簡單變得懊喪。
當用戶在網(wǎng)站上尋覓內(nèi)容時,他們期望自己點擊過的每個鏈接都是自己正在尋覓的那個,而不是呈現(xiàn)404的錯誤頁面、或者點進去后,卻發(fā)現(xiàn)不是自己尋覓的那個頁面。
6. 保證能點擊的元素讓用戶看起來就能點擊
一個物體的姿態(tài)會告訴用戶如何運用它。
看起來像按鈕或鏈接的視覺元素卻不能點擊,很簡單困擾用戶;這些視覺元素包含:文字下劃線并不代表鏈接、具有動畫效果的元素也不是超鏈接。
用戶想要知道界面上哪些區(qū)域是純靜態(tài)內(nèi)容,哪些區(qū)域是能夠點擊的。
讓能夠點擊的元素顯著一點。
規(guī)劃網(wǎng)站時,不應做什么
1. 不要讓用戶等
網(wǎng)站用戶的耐心和注意力是非常小的。依據(jù)NNGroup的研究,10秒是用戶集中注意力完結(jié)一個使命的極限。
當用戶在等候內(nèi)容加載時,他們很可能會變的懊喪。假如加載速度很慢,用戶很可能會脫離這個網(wǎng)站,即使是滿足美麗的加載動畫規(guī)劃也無法改動這個結(jié)果。
2. 在新標簽頁翻開鏈接
在新標簽頁翻開鏈接的規(guī)劃讓用戶無法運用“回來”按鈕回來之前的頁面。這是非常不好的規(guī)劃。
3. 整個網(wǎng)站充斥著廣告
促銷和廣告會掩蓋網(wǎng)站里的內(nèi)容,也會讓用戶很難集中注意力去完結(jié)使命,更不用說那些看起來像廣告的工作常常會被用戶忽略(這種現(xiàn)象被稱為:旗幟盲點)。
4. 翻滾綁架(Hijack scrolling)
翻滾綁架是指:網(wǎng)站的規(guī)劃者或開發(fā)者操控翻滾條,從而使得用戶在翻滾鼠標時,會在網(wǎng)站上看到不同的效果,包含動畫效果、固定的翻滾點、乃至是重新規(guī)劃過的翻滾條。
翻滾綁架是用戶最不喜歡的規(guī)劃之一,因而,它奪取了用戶操控翻滾條的權(quán)力
當你規(guī)劃網(wǎng)站時或規(guī)劃用戶界面時,你應該讓用戶自己決議自己閱覽的網(wǎng)頁或APP的方位。
如頁面就選用了這個規(guī)劃效果。它運用單頁面平行布局的方式,用右邊的點來代替每個頁面。
5. 自動播放視頻(有聲響)
在后臺自動播放視頻、音樂或聲響文件,都是用戶難以接受的規(guī)劃方式。
用戶很少運用這些元素,除非是在適當?shù)臅r分。
Facebook會在網(wǎng)頁上自動播放視頻,但是在靜音狀態(tài)。但是當用戶意識到自己在看視頻時,用戶能夠自己點擊屏幕決議聲響的有無以及大小。
6. 為了網(wǎng)站的美觀獻身網(wǎng)站的可用性
一個網(wǎng)站或用戶界面的規(guī)劃不應該由于內(nèi)容影響用戶的消費能力。最好不要在文字后運用繁重的背景、也不要運用讓用戶很難閱覽或色彩比照不顯著的配色方案。
低比照的配色方案很難看清楚界面上的字。
7. 運用閃耀的文字或廣告
閃耀的內(nèi)容或閃耀會導致易感人群的癲癇病。這樣的規(guī)劃不僅能引發(fā)癲癇,而且還會因招引用戶的注意力而惹惱用戶。
不要運用閃耀的文字
注:本文來自深一集團原創(chuàng)或轉(zhuǎn)截 http://51mes.com/newslist_7200_2.html 如需轉(zhuǎn)載,請注明出處!