一区二区高清免费不卡在线_人妻少妇偷人精品久久_一本久久知道综合久久

貴州網(wǎng)頁(yè)設計向您介紹:網(wǎng)站設計規范:該做什么,不該做什么

來(lái)源:貴州富海萬(wàn)企科技有限公司   發(fā)布時(shí)間:2022-06-25  瀏覽1265次

貴州網(wǎng)頁(yè)設計向您介紹:網(wǎng)站設計規范:該做什么,不該做什么


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


設計網(wǎng)站時(shí),應該做什么

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

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


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


2. 導航的設計要簡(jiǎn)單易用、清晰明了

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


記?。喝绻脩?hù)在你的網(wǎng)站里找不到導航,那么無(wú)論你的網(wǎng)站有多流弊都沒(méi)用。這也是導航設計要遵循以下原則的原因:


簡(jiǎn)單。每個(gè)網(wǎng)站都應該有盡可能簡(jiǎn)單的結構。


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


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


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


3. 改變訪(fǎng)問(wèn)過(guò)的鏈接的顏色

鏈接是導航的一個(gè)關(guān)鍵因素。假如用戶(hù)點(diǎn)擊過(guò)的鏈接沒(méi)有改變顏色,很可能導致用戶(hù)多次點(diǎn)擊同一個(gè)鏈接。


如果用戶(hù)知道自己過(guò)去訪(fǎng)問(wèn)的鏈接和現在還未訪(fǎng)問(wèn)過(guò)的鏈接,那么用戶(hù)會(huì )更容易決定自己下一次要點(diǎn)擊什么。


4. 讓頁(yè)面瀏覽變得更容易

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


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


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


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


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


用戶(hù)的視線(xiàn)是Z字形的。


5. 仔細檢查所有的鏈接

當用戶(hù)點(diǎn)擊網(wǎng)站上的一個(gè)鏈接,界面上卻出現404的錯誤頁(yè)面時(shí),用戶(hù)很容易變得沮喪。


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


6. 確保能點(diǎn)擊的元素讓用戶(hù)看起來(lái)就能點(diǎn)擊


一個(gè)物體的樣子會(huì )告訴用戶(hù)如何使用它。


看起來(lái)像按鈕或鏈接的視覺(jué)元素卻不能點(diǎn)擊,很容易困擾用戶(hù);這些視覺(jué)元素包括:文字下劃線(xiàn)并不代表鏈接、擁有動(dòng)畫(huà)效果的元素也不是超鏈接。


用戶(hù)是個(gè)按鈕嗎?相信很多人都覺(jué)得它看起來(lái)像個(gè)按鈕,但其實(shí)它并不是。

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

1. 不要讓用戶(hù)等

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


當用戶(hù)在等待內容加載時(shí),他們很可能會(huì )變的沮喪。如果加載速度很慢,用戶(hù)很可能會(huì )離開(kāi)這個(gè)網(wǎng)站,即使是足夠漂亮的加載動(dòng)畫(huà)設計也無(wú)法改變這個(gè)結果。


2. 在新標簽頁(yè)打開(kāi)鏈接

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


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

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


4. 滾動(dòng)劫持(Hijack scrolling)

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


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


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


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

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

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


用戶(hù)很少使用這些元素,除非是在適當的時(shí)候。


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


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

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


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

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


上一條:網(wǎng)站推廣宣傳網(wǎng)站?推廣互聯(lián)網(wǎng)營(yíng)銷(xiāo)? 下一條:貴州網(wǎng)站建設需要注意的SEO事項有哪些?

貴州富海萬(wàn)企科技有限公司 網(wǎng)址:www.ksczz.com 郵箱:553451588@qq.com 公司地址:貴州省貴陽(yáng)市南明區花果園中央商務(wù)區6號樓10層

2020~2030 貴州富海萬(wàn)企科技有限公司 版權所有   貴公網(wǎng)安備52010302002986號   備案號:黔ICP備18007187號-4 
免責聲明:本站內容由互聯(lián)網(wǎng)收集整理,版權歸原創(chuàng )作者所有,如有侵權請聯(lián)系我們處理刪除內容,謝謝!

   
  • QQ
    QQ
  • 電話(huà)
  • 首頁(yè)
  • 留言
  • 返回頂部