中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設(shè)計都有什么規(guī)范?

2015-04-23    分類: 網(wǎng)站設(shè)計

網(wǎng)站設(shè)計是個繁瑣細致的工作,需要考慮的因素有很多,為了簡化網(wǎng)頁設(shè)計這件事,本文列舉了每個網(wǎng)站設(shè)計者都應(yīng)該考慮的行為準則,包括能做什么,不能做什么。放心,這些準則都是一些很簡單的原則。

設(shè)計網(wǎng)站時,應(yīng)該做什么?

1. 在不同設(shè)備上采用相似的設(shè)計

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

無論用戶使用什么設(shè)備訪問你的網(wǎng)頁,確保他們具有類似的體驗,這是用戶體驗設(shè)計中的一條重要標準。

2. 導(dǎo)航的設(shè)計要簡單易用、清晰明了

導(dǎo)航設(shè)計是網(wǎng)頁可用性的基石。

記?。喝绻脩粼谀愕木W(wǎng)站里找不到導(dǎo)航,那么無論你的網(wǎng)站有多流弊都沒用。這也是導(dǎo)航設(shè)計要遵循以下原則的原因:

簡單。每個網(wǎng)站都應(yīng)該有盡可能簡單的結(jié)構(gòu)。

清晰。導(dǎo)航的每項對用戶而言,都應(yīng)該是清楚的。

一致。系統(tǒng)的導(dǎo)航頁在每一頁中都應(yīng)該是相同的。

用戶以最少的點擊次數(shù),最快地到達他們想要瀏覽的網(wǎng)頁。這才是導(dǎo)航設(shè)計的目的。


網(wǎng)站設(shè)計都有什么規(guī)范?


3. 改變訪問過的鏈接的顏色

鏈接是導(dǎo)航的一個關(guān)鍵因素。假如用戶點擊過的鏈接沒有改變顏色,很可能導(dǎo)致用戶多次點擊同一個鏈接。

如果用戶知道自己過去訪問的鏈接和現(xiàn)在還未訪問過的鏈接,那么用戶會更容易決定自己下一次要點擊什么。

4. 讓頁面瀏覽變得更容易

用戶瀏覽我們的網(wǎng)頁時,并不是通讀所有的內(nèi)容,而是快速地掃描整個網(wǎng)頁。

因此,如果用戶來到這個網(wǎng)站,是為了尋找特定的內(nèi)容或者是完成某個任務(wù),那么他們會先瀏覽整個網(wǎng)頁,直到用戶找到了自己想要去的地方。

因此,作為網(wǎng)頁設(shè)計者的我們,應(yīng)該通過設(shè)計網(wǎng)站可視化的層級架構(gòu)幫助這些用戶盡快達成自己的目的。

可視化的層級架構(gòu)意味著網(wǎng)頁上每個元素的擺放或呈現(xiàn)都具有權(quán)重(比如說,我們的設(shè)計決定了用戶先看到哪個,再看到哪個,最后看到哪個)。

我們在設(shè)計網(wǎng)站時,要確保網(wǎng)頁標題、登錄注冊按鈕、導(dǎo)航欄或其它同等重要的元素放在用戶很容易看到的地方,以減少用戶尋找的時間。

用戶的視線是Z字形的。

5. 仔細檢查所有的鏈接

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

當用戶在網(wǎng)站上尋找內(nèi)容時,他們希望自己點擊過的每個鏈接都是自己正在尋找的那個,而不是出現(xiàn)404的錯誤頁面、或者點進去后,卻發(fā)現(xiàn)不是自己尋找的那個頁面。

6. 確保能點擊的元素讓用戶看起來就能點擊

一個物體的樣子會告訴用戶如何使用它。

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

用戶想要知道界面上哪些區(qū)域是純靜態(tài)內(nèi)容,哪些區(qū)域是可以點擊的。

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

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

設(shè)計網(wǎng)站時,不該做什么?

1. 不要讓用戶等

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

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

2. 在新標簽頁打開鏈接

在新標簽頁打開鏈接的設(shè)計讓用戶無法使用“返回”按鈕返回之前的頁面。這是非常不好的設(shè)計。

3. 整個網(wǎng)站充斥著廣告

促銷和廣告會掩蓋網(wǎng)站里的內(nèi)容,也會讓用戶很難集中注意力去完成任務(wù),更不用說那些看起來像廣告的事情常常會被用戶忽略(這種現(xiàn)象被稱為:旗幟盲點)。


網(wǎng)站設(shè)計都有什么規(guī)范?(圖2)


4. 滾動劫持(Hijack scrolling)

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

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

當你設(shè)計網(wǎng)站時或設(shè)計用戶界面時,你應(yīng)該讓用戶自己決定自己瀏覽的網(wǎng)頁或APP的位置。

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

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

在后臺自動播放視頻、音樂或聲音文件,都是用戶難以接受的設(shè)計方式。

用戶很少使用這些元素,除非是在適當?shù)臅r候。

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

6. 為了網(wǎng)站的美觀犧牲網(wǎng)站的可用性

一個網(wǎng)站或用戶界面的設(shè)計不應(yīng)該因為內(nèi)容影響用戶的消費能力。最好不要在文字后使用繁重的背景、也不要使用讓用戶很難閱讀或顏色對比不明顯的配色方案。

如上圖,低對比的配色方案很難看清楚界面上的字。

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

閃爍的內(nèi)容或閃爍會導(dǎo)致易感人群的癲癇病。這樣的設(shè)計不僅能引發(fā)癲癇,而且還會因吸引用戶的注意力而惹惱用戶。

不要使用閃爍的文字

以上就是創(chuàng)新互聯(lián)小編為大家總結(jié)的網(wǎng)站設(shè)計規(guī)范,應(yīng)該做什么,不應(yīng)該做什么,有需要的朋友可以參考上文了解詳情。

當前題目:網(wǎng)站設(shè)計都有什么規(guī)范?
網(wǎng)頁網(wǎng)址:http://m.rwnh.cn/news/30056.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)
浪卡子县| 公主岭市| 宁国市| 祁东县| 永定县| 萍乡市| 金山区| 城固县| 砀山县| 濮阳县| 福州市| 湘阴县| 华安县| 镇赉县| 尚义县| 昭苏县| 轮台县| 广水市| 阿荣旗| 涪陵区| 丰镇市| 郧西县| 吉林省| 临潭县| 鄂州市| 毕节市| 西青区| 砚山县| 积石山| 赣榆县| 乌拉特中旗| 洞口县| 和田县| 周至县| 辉县市| 安庆市| 六枝特区| 淮安市| 泊头市| 根河市| 济宁市|