
網(wǎng)頁設(shè)計(jì)說簡單也簡單 , 說麻煩也麻煩 。同類型的網(wǎng)站大同小異 , 但是在具體問題和細(xì)節(jié)上 , 需要具體考慮和對待的問題一點(diǎn)也不少 。面對這些不知道何時(shí)就會跳出來的問題 , 我列了一個(gè)常見的注意事項(xiàng)清單 , 便于在每個(gè)網(wǎng)頁設(shè)計(jì)項(xiàng)目中參考、排查問題 。
1、無論在什么設(shè)備上 , 盡量提供類似的體驗(yàn)
用戶可能會從不同的設(shè)備上訪問你的網(wǎng)站 , 可能在桌面端上 , 筆記本電腦、平板電腦和手機(jī)上 , 甚至有可能在智能手表上打開你的網(wǎng)站 。而作為用戶體驗(yàn)設(shè)計(jì)的工作目標(biāo)之一 , 就是盡量確保無論在哪個(gè)設(shè)備上打開 , 都能給用戶以類似、相對一致的體驗(yàn) 。
如果用戶需要在手機(jī)上查看你的網(wǎng)站 , 那么他應(yīng)該能夠像在家里的電腦上查看的時(shí)候那樣 , 找打所有他希望能找到的內(nèi)容 。
2、清晰而易用的導(dǎo)航設(shè)計(jì)
導(dǎo)航是網(wǎng)頁可用性的基石 。如果用戶無法通過導(dǎo)航找到自己想要的內(nèi)容 , 那么無論網(wǎng)站設(shè)計(jì)多好 , 都是不達(dá)標(biāo)的 。所以 , 你的網(wǎng)站導(dǎo)航應(yīng)該符合下面的特征:
簡單(每個(gè)網(wǎng)站都應(yīng)該具備簡單明了的結(jié)構(gòu))
清晰(導(dǎo)航的選項(xiàng)對于用戶而言應(yīng)該是不言自明的)
一致(導(dǎo)航在各個(gè)頁面上應(yīng)該都是一致的)
這樣的導(dǎo)航能夠讓用戶盡可能少的點(diǎn)擊用來抵達(dá)他們要去的頁面 。
3、讓已訪問的鏈接顯示為別的色彩
每個(gè)網(wǎng)站當(dāng)中各種鏈接都不少 。為了和文本區(qū)分開來 , 鏈接通常色彩不一樣 , 如果用戶點(diǎn)擊之后再返回 , 鏈接色彩不作區(qū)分的話 , 用戶可能會無意中重復(fù)訪問相同的頁面 。所以 , 讓已訪問過的鏈接顯示為其他的色彩 , 讓用戶更好地決定下一步點(diǎn)擊哪里 。
4、讓用戶更容易掃視頁面
當(dāng)用戶剛剛開始打開網(wǎng)頁的時(shí)候 , 可能會傾向于快速掃視整個(gè)頁面 , 而非通讀所有內(nèi)容 。當(dāng)用戶想要快速判斷出他們想要的內(nèi)容在哪里的時(shí)候 , 就需要快速掃視、定位 。作為設(shè)計(jì)師 , 讓頁面的層次結(jié)構(gòu)足夠清晰 , 才能讓用戶更清晰地快速獲取信息 。如何將內(nèi)容按照重要性、有層次地呈現(xiàn)出來 , 還是挺考驗(yàn)網(wǎng)頁設(shè)計(jì)師的權(quán)衡能力的 。
5、仔細(xì)檢查所有鏈接
當(dāng)鏈接所指向的頁面不存在的時(shí)候 , 用戶所打開的頁面就會自然地變?yōu)?04了 , 而這種情況是一定會讓用戶產(chǎn)生沮喪的情緒的 。為了避免用戶在瀏覽過程中因此對你的網(wǎng)站產(chǎn)生失望的情緒 , 請務(wù)必確保沒個(gè)鏈接都指向正確的頁面 。
6、確保元素的視覺和功能表里如一
許多元素的外觀特征會呈現(xiàn)出它功能性的一面 , 這也就是我們常說的顯而易見、不言自明的設(shè)計(jì) 。鏈接通常會呈現(xiàn)成特定的色彩 , 帶有下劃線 , 如果你的內(nèi)容文本中有這么一段文字擁有這樣的特征 , 用戶通常會認(rèn)為它是一個(gè)鏈接 。如果點(diǎn)擊的時(shí)候發(fā)現(xiàn)它無法跳轉(zhuǎn) , 會讓人有“被欺騙”的感覺 。用戶需要知道哪些內(nèi)容是可點(diǎn)擊的 , 而哪些只是強(qiáng)調(diào) , 設(shè)計(jì)要表里如一 。
【網(wǎng)頁設(shè)計(jì)過程中需要注意的12個(gè)常見問題】
7、不要讓你的用戶長時(shí)間等待加載
不論是面對APP還是網(wǎng)頁 , 用戶的耐心都非常之有限 。有研究表明 , 7秒的等待幾乎是用戶的等待極限 , 而10秒的加載時(shí)間 , 只會讓絕大多數(shù)的用戶關(guān)閉頁面 , 再精美的加載動畫都安撫不了用戶的煩躁 。所以 , 不要讓你的用戶等待加載 , 尤其是這個(gè)加載時(shí)間很長的時(shí)候 。相關(guān)的應(yīng)對策略很多 , 比如你可以采用占位符先顯示布局 , 逐步加載內(nèi)容 , 至少讓用戶知道 , 這個(gè)過程正在推進(jìn) 。
推薦閱讀
- 能讓網(wǎng)頁設(shè)計(jì)增色不少的3種獨(dú)特的趨勢!
- 網(wǎng)頁設(shè)計(jì)中交互設(shè)計(jì)的流行趨勢
- 網(wǎng)頁設(shè)計(jì)中最常見的幾款英文字體
- 網(wǎng)頁設(shè)計(jì)制作的創(chuàng)意與實(shí)施
- 高能預(yù)警!這5種網(wǎng)頁設(shè)計(jì)趨勢已經(jīng)徹底過時(shí)了!
- 國際化產(chǎn)品設(shè)計(jì)有哪些需要注意的事項(xiàng)?
- 6個(gè)小技巧讓你的網(wǎng)頁設(shè)計(jì)活力十足!
- 郁金香春化需要多少溫度
- 荷花生長需要土壤嗎 荷花養(yǎng)殖需要什么樣的土壤
- 網(wǎng)頁設(shè)計(jì)過程中需要注意的12個(gè)常見問題!
