網(wǎng)頁設(shè)計(jì)必須注意的12個(gè)常見問題

2018-07-19 08:23

網(wǎng)頁規(guī)劃說簡略也簡略，說費(fèi)事也費(fèi)事。同類型的網(wǎng)站迥然不同，但是在詳細(xì)問題和細(xì)節(jié)上，需求詳細(xì)考慮和對待的問題一點(diǎn)也不少。面臨這些不知道何時(shí)就會(huì)跳出來的問題，我列了一個(gè)常見的注意事項(xiàng)清單，便于在每個(gè)網(wǎng)頁規(guī)劃項(xiàng)目中參閱、排查問題。

1、不管在什么設(shè)備上，盡量提供相似的體會(huì)

用戶可能會(huì)從不同的設(shè)備上拜訪你的網(wǎng)站，可能在桌面端上，筆記本電腦、平板電腦和手機(jī)上，乃至有可能在智能手表上翻開你的網(wǎng)站。而作為用戶體會(huì)規(guī)劃的工作方針之一，就是盡量保證不管在哪個(gè)設(shè)備上翻開，都能給用戶以相似、相對共同的體會(huì)。

如果用戶需求在手機(jī)上檢查你的網(wǎng)站，那么他應(yīng)該能夠像在家里的電腦上檢查的時(shí)分那樣，找打所有他希望能找到的內(nèi)容。

2、明晰而易用的導(dǎo)航規(guī)劃

導(dǎo)航是網(wǎng)頁可用性的柱石。如果用戶無法經(jīng)過導(dǎo)航找到自己想要的內(nèi)容，那么不管網(wǎng)站規(guī)劃多好，都是不達(dá)標(biāo)的。所以，你的網(wǎng)站導(dǎo)航應(yīng)該符合下面的特征：

?簡略（每個(gè)網(wǎng)站都應(yīng)該具有簡略明了的結(jié)構(gòu)）

?明晰（導(dǎo)航的選項(xiàng)關(guān)于用戶而言應(yīng)該是不言自明的）

?共同（導(dǎo)航在各個(gè)頁面上應(yīng)該都是共同的）

這樣的導(dǎo)航能夠讓用戶盡可能少的點(diǎn)擊用來抵達(dá)他們要去的頁面。

3、讓已拜訪的鏈接顯現(xiàn)為其他顏色

每個(gè)網(wǎng)站傍邊各種鏈接都不少。為了和文本區(qū)別開來，鏈接一般顏色不一樣，如果用戶點(diǎn)擊之后再回來，鏈接顏色不作區(qū)別的話，用戶可能會(huì)無意中重復(fù)拜訪相同的頁面。所以，讓已拜訪過的鏈接顯現(xiàn)為其他的顏色，讓用戶更好地決議下一步點(diǎn)擊哪里。

4、讓用戶更簡單環(huán)視頁面

當(dāng)用戶剛剛開始翻開網(wǎng)頁的時(shí)分，可能會(huì)傾向于快速環(huán)視整個(gè)頁面，而非通讀所有內(nèi)容。當(dāng)用戶想要快速判別出他們想要的內(nèi)容在哪里的時(shí)分，就需求快速環(huán)視、定位。

作為規(guī)劃師，讓頁面的層次結(jié)構(gòu)滿足明晰，才能讓用戶更明晰地快速獲取信息。如何將內(nèi)容依照重要性、有層次地出現(xiàn)出來，仍是挺檢測網(wǎng)頁規(guī)劃師的權(quán)衡才能的。

將屏幕標(biāo)題、登錄表單、導(dǎo)航類目和其他的關(guān)鍵內(nèi)容設(shè)置為視覺焦點(diǎn)，便于用戶發(fā)現(xiàn)。

5、仔細(xì)檢查所有鏈接

當(dāng)鏈接所指向的頁面不存在的時(shí)分，用戶所翻開的頁面就會(huì)自然地變?yōu)?04了，而這種狀況是一定會(huì)讓用戶發(fā)生沮喪的心情的。為了防止用戶在閱讀過程中因此對你的網(wǎng)站發(fā)生絕望的心情，請必須保證沒個(gè)鏈接都指向正確的頁面。

6、保證元素的視覺和功能心口如一

許多元素的外觀特征會(huì)出現(xiàn)出它功能性的一面，這也就是我們常說的清楚明了、不言自明的規(guī)劃。鏈接一般會(huì)出現(xiàn)成特定的顏色，帶有下劃線，如果你的內(nèi)容文本中有這么一段文字擁有這樣的特征，用戶一般會(huì)認(rèn)為它是一個(gè)鏈接。

如果點(diǎn)擊的時(shí)分發(fā)現(xiàn)它無法跳轉(zhuǎn)，會(huì)讓人有“被詐騙”的感覺。用戶需求知道哪些內(nèi)容是可點(diǎn)擊的，而哪些僅僅著重，規(guī)劃要心口如一。

7、不要讓你的用戶長期等候加載

不論是面臨APP仍是網(wǎng)頁，用戶的耐心都非常之有限。有研討標(biāo)明，7秒的等候幾乎是用戶的等候極限，而10秒的加載時(shí)刻，只會(huì)讓絕大多數(shù)的用戶封閉頁面，再精巧的加載動(dòng)畫都安慰不了用戶的煩躁。

所以，不要讓你的用戶等候加載，尤其是這個(gè)加載時(shí)刻很長的時(shí)分。相關(guān)的應(yīng)對戰(zhàn)略許多，比方你能夠選用占位符先顯現(xiàn)布局，逐漸加載內(nèi)容，至少讓用戶知道，這個(gè)過程正在推進(jìn)。

8、不要讓促銷廣告蓋住內(nèi)容

現(xiàn)實(shí)生活中廣告現(xiàn)已讓人難以忍受了，如果你的網(wǎng)頁中廣告竟然擋住了主要內(nèi)容，這幾乎是逼著你的用戶生氣封閉頁面，這樣換來的廣告營收從某種意義上也是饑不擇食。

別的一方面，長期的互聯(lián)網(wǎng)閱讀經(jīng)歷會(huì)培養(yǎng)出用戶的別的一種廣告應(yīng)對戰(zhàn)略：當(dāng)他們看到廣告的時(shí)分會(huì)主動(dòng)疏忽它。這關(guān)于廣告的轉(zhuǎn)化率同樣是毀滅性的沖擊，不是么？

9、防止翻滾綁架

翻滾綁架一般指的是開發(fā)者或許規(guī)劃師為了完成新的布局、動(dòng)畫或許排版，而修正了翻滾的固定點(diǎn)乃至翻滾條和體會(huì)自身，帶來的非常規(guī)的翻滾體會(huì)。翻滾綁架是最惱人的狀況之一，所以，一般而言，除非極個(gè)其他原因，盡量不要過度調(diào)整和修正用戶翻滾閱讀的體會(huì)規(guī)劃。

Mac Pro 的頁面就加入了一些令人抓狂的翻滾特效，這是為了適配它的視差布局。

10、不要讓視頻和音頻自動(dòng)播放并作聲

視頻和音頻自動(dòng)播放關(guān)于用戶而言是一種失控的體會(huì)，關(guān)于用戶也是一種影響。這樣的規(guī)劃應(yīng)該慎重運(yùn)用，除非用戶對此現(xiàn)已有所預(yù)期。

Facebook 的視頻被設(shè)置為自動(dòng)播放，但是不會(huì)作聲。只要當(dāng)用戶在閱讀視頻并且與之互動(dòng)的時(shí)分，才會(huì)觸發(fā)聲音控制，外放作聲。

11、不要為了美麗而獻(xiàn)身可用性

網(wǎng)站和APP的界面規(guī)劃的外觀不應(yīng)該影響它自身的可用性。防止繁瑣的規(guī)劃，為了漂亮而獻(xiàn)身內(nèi)容的可讀性和比照性都是不能讓人承受的體會(huì)。

12、不要運(yùn)用晃眼的文本和廣告

令人晃眼的文本和廣告自身體會(huì)欠安，它們會(huì)讓人分神，并且還會(huì)觸發(fā)體質(zhì)靈敏的癲癇患者發(fā)病。