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