設(shè)計(jì)網(wǎng)站時,網(wǎng)頁設(shè)計(jì)師應(yīng)該做什么?
網(wǎng)頁設(shè)計(jì)是一件很繁瑣的事情,因?yàn)樵谠O(shè)計(jì)時要考慮很多事情。為了簡化網(wǎng)頁設(shè)計(jì)這件事,本文列舉了每個網(wǎng)站設(shè)計(jì)者都應(yīng)該考慮的行為準(zhǔn)則。
1. 在不同設(shè)備上采用相似的設(shè)計(jì)
用戶可以通過不同類型的設(shè)備訪問你的網(wǎng)站,這些設(shè)備包括:電腦、平板、手機(jī)、音樂播放器、甚至是智能手表等。
無論用戶使用什么設(shè)備訪問你的網(wǎng)頁,確保他們具有類似的體驗(yàn),這是用戶體驗(yàn)設(shè)計(jì)中的一條重要標(biāo)準(zhǔn)。
2. 導(dǎo)航的設(shè)計(jì)要簡單易用、清晰明了
導(dǎo)航設(shè)計(jì)是網(wǎng)頁可用性的基石。
記住:如果用戶在你的網(wǎng)站里找不到導(dǎo)航,那么無論你的網(wǎng)站有多流弊都沒用。這也是導(dǎo)航設(shè)計(jì)要遵循以下原則的原因:
簡單。每個網(wǎng)站都應(yīng)該有盡可能簡單的結(jié)構(gòu)。
清晰。導(dǎo)航的每項(xiàng)對用戶而言,都應(yīng)該是清楚的。
一致。系統(tǒng)的導(dǎo)航頁在每一頁中都應(yīng)該是相同的。
用戶以最少的點(diǎn)擊次數(shù),最快地到達(dá)他們想要瀏覽的網(wǎng)頁。這才是導(dǎo)航設(shè)計(jì)的目的。
3. 改變訪問過的鏈接的顏色
鏈接是導(dǎo)航的一個關(guān)鍵因素。假如用戶點(diǎn)擊過的鏈接沒有改變顏色,很可能導(dǎo)致用戶多次點(diǎn)擊同一個鏈接。
如果用戶知道自己過去訪問的鏈接和現(xiàn)在還未訪問過的鏈接,那么用戶會更容易決定自己下一次要點(diǎn)擊什么。
4. 讓頁面瀏覽變得更容易
用戶瀏覽我們的網(wǎng)頁時,并不是通讀所有的內(nèi)容,而是快速地掃描整個網(wǎng)頁。
因此,如果用戶來到這個網(wǎng)站,是為了尋找特定的內(nèi)容或者是完成某個任務(wù),那么他們會先瀏覽整個網(wǎng)頁,直到用戶找到了自己想要去的地方。
因此,作為網(wǎng)頁設(shè)計(jì)者的我們,應(yīng)該通過設(shè)計(jì)網(wǎng)站可視化的層級架構(gòu)幫助這些用戶盡快達(dá)成自己的目的。
可視化的層級架構(gòu)意味著網(wǎng)頁上每個元素的擺放或呈現(xiàn)都具有權(quán)重(比如說,我們的設(shè)計(jì)決定了用戶先看到哪個,再看到哪個,最后看到哪個)。
我們在設(shè)計(jì)網(wǎng)站時,要確保網(wǎng)頁標(biāo)題、登錄注冊按鈕、導(dǎo)航欄或其它同等重要的元素放在用戶很容易看到的地方,以減少用戶尋找的時間。
用戶的視線是Z字形的。
5. 仔細(xì)檢查所有的鏈接
當(dāng)用戶點(diǎn)擊網(wǎng)站上的一個鏈接,界面上卻出現(xiàn)404的錯誤頁面時,用戶很容易變得沮喪。
當(dāng)用戶在網(wǎng)站上尋找內(nèi)容時,他們希望自己點(diǎn)擊過的每個鏈接都是自己正在尋找的那個,而不是出現(xiàn)404的錯誤頁面、或者點(diǎn)進(jìn)去后,卻發(fā)現(xiàn)不是自己尋找的那個頁面。
6. 確保能點(diǎn)擊的元素讓用戶看起來就能點(diǎn)擊
一個物體的樣子會告訴用戶如何使用它。
看起來像按鈕或鏈接的視覺元素卻不能點(diǎn)擊,很容易困擾用戶;這些視覺元素包括:文字下劃線并不代表鏈接、擁有動畫效果的元素也不是超鏈接。
用戶想要知道界面上哪些區(qū)域是純靜態(tài)內(nèi)容,哪些區(qū)域是可以點(diǎn)擊的。
讓可以點(diǎn)擊的元素明顯一點(diǎn)。
以上設(shè)計(jì)要點(diǎn)僅僅是網(wǎng)站設(shè)計(jì)范疇的冰山一角,作為企業(yè)管理者來講,想要設(shè)計(jì)一個網(wǎng)站,還需要考慮整體色彩、排版規(guī)范、是否侵權(quán)等等。與其如履薄冰,不如把專業(yè)的事兒交給專業(yè)的團(tuán)隊(duì)來做。
新網(wǎng),作為27年互聯(lián)網(wǎng)基礎(chǔ)應(yīng)用服務(wù)商,具備1000+設(shè)計(jì)師資源,為您的網(wǎng)站量身打造適合的企業(yè)網(wǎng)站建設(shè)方案,省時省力更省心:http://www.xinnet.com/jianzhan/webdesign.html
聲明:免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)
送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時
需注明出處:新網(wǎng)idc知識百科