一個優秀的網站應遵循哪些設計規范

2022-11-05    分類: 網站建設

:網頁設計是一件很繁瑣的事情,因為在設計時要考慮很多事情。為了簡化網頁設計這件事,本文列舉了每個網站設計者都應該考慮的行為準則,包括能做什么,不能做什么。放心,這些準則都是一些很簡單的原則。

設計網站時,應該做什么

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

用戶可以通過不同類型的設備訪問你的網站,這些設備包括:電腦、平板、手機、音樂播放器、甚至是智能手表等。無論用戶使用什么設備訪問你的網頁,確保他們具有類似的體驗,這是用戶體驗設計中的一條重要標準。

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

導航設計是網頁可用性的基石。記住,如果用戶在你的網站里找不到導航,那么無論你的網站有多少都沒用用。這也是導航設計要遵循以下原則的原因:

簡單。每個網站都應該有盡可能簡單的結構。

清晰。導航的每項對用戶而言,都應該是清楚的。

一致。系統的導航頁在每一頁中都應該是相同的。

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

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

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

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

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

用戶瀏覽我們的網頁時,并不是通讀所有的內容,而是快速地掃描整個網頁。因此,如果用戶來到這個網站,是為了尋找特定的內容或者是完成某個任務,那么他們會先瀏覽整個網頁,直到用戶找到了自己想要去的地方。因此,作為網頁設計者的我們,應該通過設計網站可視化的層級架構幫助這些用戶盡快達成自己的目的。可視化的層級架構意味著網頁上每個元素的擺放或呈現都具有權重(比如說,我們的設計決定了用戶先看到哪個,再看到哪個,最后看到哪個)。

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

用戶的視線是Z字形的。

5、仔細檢查所有的鏈接

當用戶點擊網站上的一個鏈接,界面上卻出現 404 的錯誤頁面時,用戶很容易變得沮喪。當用戶在網站上尋找內容時,他們希望自己點擊過的每個鏈接都是自己正在尋找的那個,而不是出現 404 的錯誤頁面、或者點進去后,卻發現不是自己尋找的那個頁面。


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

一個物體的樣子會告訴用戶如何使用它。看起來像按鈕或鏈接的視覺元素卻不能點擊,很容易困擾用戶,這些視覺元素包括:文字下劃線并不代表鏈接、擁有動畫效果的元素也不是超鏈接。用戶想要知道界面上哪些區域是純靜態內容,哪些區域是可以點擊的。

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

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

設計網站時,不該做什么

1、不要讓用戶等

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

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

2、在新標簽頁打開鏈接

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

3、整個網站充斥著廣告

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

4、滾動劫持(Hijack scrolling)

滾動劫持是指:網站的設計者或開發者控制滾動條,從而使得用戶在滾動鼠標時,會在網站上看到不同的效果,包括動畫效果、固定的滾動點、甚至是重新設計過的滾動條。滾動劫持是用戶最不喜歡的設計之一,因此,它奪取了用戶控制滾動條的權利。當你設計網站時或設計用戶界面時,你應該讓用戶自己決定自己瀏覽的網頁或APP的位置。

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

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

在后臺自動播放視頻、音樂或聲音文件,都是用戶難以接受的設計方式。用戶很少使用這些元素,除非是在適當的時候。

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

6、為了網站的美觀犧牲網站的可用性

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

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

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

閃爍的內容或閃爍會導致易感人群的癲癇病。這樣的設計不僅能引發癲癇,而且還會因吸引用戶的注意力而惹惱用戶。

不要使用閃爍的文字

如果你有更多的建議,請在評論區留言。

本文標題:一個優秀的網站應遵循哪些設計規范
地址分享:http://m.kartarina.com/news/210886.html

成都網站建設公司_創新互聯,為您提供商城網站標簽優化外貿建站動態網站軟件開發網站維護

廣告

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

外貿網站建設
主站蜘蛛池模板: 潮喷失禁大喷水无码| 亚洲AV无码男人的天堂| 久久久久久亚洲av无码蜜芽| 国产精品久久久久无码av| 性色AV一区二区三区无码| 成人无码视频97免费| 无码人妻精品一区二区三区蜜桃| 国产亚洲?V无码?V男人的天堂 | 亚洲av永久无码嘿嘿嘿| 中文字幕日产无码| 亚洲AV无码一区二区三区系列| 亚洲爆乳精品无码一区二区三区| 久久无码AV一区二区三区| 国产台湾无码AV片在线观看| 亚洲AV无码精品国产成人| 久久午夜无码鲁丝片| 久久中文字幕无码专区| 精品久久久久久久无码久中文字幕 | 东京热加勒比无码视频| 中文字幕av无码无卡免费 | 亚洲午夜国产精品无码老牛影视| 国产成人精品无码播放| 无码精品久久一区二区三区| 日本无码WWW在线视频观看| 久久久久久AV无码免费网站| 国产激情无码一区二区三区| 无码h黄肉3d动漫在线观看| 亚洲熟妇无码一区二区三区导航| 永久无码精品三区在线4| 精品人妻无码一区二区三区蜜桃一 | 国产精品无码一区二区在线观一| 久久亚洲AV无码西西人体| 国产精品无码久久av| 亚洲av永久无码精品秋霞电影秋 | 亚洲AV无码一区二区三区人| 国产精品无码一区二区三区电影| 国产成人无码精品久久二区三区| 亚洲中文无码亚洲人成影院| 亚洲AV无码成人网站在线观看 | 亚洲AV无码一区二区三区电影| 少妇人妻无码精品视频|