網頁設計必須注意的12個常見問題

閱讀 ?·? 發布日期 2018-07-19 08:23 ?·? admin

網頁規劃說簡略也簡略,說費事也費事。同類型的網站迥然不同,但是在詳細問題和細節上,需求詳細考慮和對待的問題一點也不少。面臨這些不知道何時就會跳出來的問題,我列了一個常見的注意事項清單,便于在每個網頁規劃項目中參閱、排查問題。

 

 

1、不管在什么設備上,盡量提供相似的體會

 

 

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

 

 

 

如果用戶需求在手機上檢查你的網站,那么他應該能夠像在家里的電腦上檢查的時分那樣,找打所有他希望能找到的內容。

 

 

2、明晰而易用的導航規劃

 

 

導航是網頁可用性的柱石。如果用戶無法經過導航找到自己想要的內容,那么不管網站規劃多好,都是不達標的。所以,你的網站導航應該符合下面的特征:

 

?簡略(每個網站都應該具有簡略明了的結構)

?明晰(導航的選項關于用戶而言應該是不言自明的)

?共同(導航在各個頁面上應該都是共同的)

 

這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面。

 

 

3、讓已拜訪的鏈接顯現為其他顏色

 

 

每個網站傍邊各種鏈接都不少。為了和文本區別開來,鏈接一般顏色不一樣,如果用戶點擊之后再回來,鏈接顏色不作區別的話,用戶可能會無意中重復拜訪相同的頁面。所以,讓已拜訪過的鏈接顯現為其他的顏色,讓用戶更好地決議下一步點擊哪里。

 

 

 

 

4、讓用戶更簡單環視頁面

 

 

當用戶剛剛開始翻開網頁的時分,可能會傾向于快速環視整個頁面,而非通讀所有內容。當用戶想要快速判別出他們想要的內容在哪里的時分,就需求快速環視、定位。

 

作為規劃師,讓頁面的層次結構滿足明晰,才能讓用戶更明晰地快速獲取信息。如何將內容依照重要性、有層次地出現出來,仍是挺檢測網頁規劃師的權衡才能的。

 

 

 

將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點,便于用戶發現。

 

 

5、仔細檢查所有鏈接

 

 

當鏈接所指向的頁面不存在的時分,用戶所翻開的頁面就會自然地變為404了,而這種狀況是一定會讓用戶發生沮喪的心情的。為了防止用戶在閱讀過程中因此對你的網站發生絕望的心情,請必須保證沒個鏈接都指向正確的頁面。

 

 

 

 

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

 

 

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

 

如果點擊的時分發現它無法跳轉,會讓人有“被詐騙”的感覺。用戶需求知道哪些內容是可點擊的,而哪些僅僅著重,規劃要心口如一。

 

 

 

 

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

 

 

不論是面臨APP仍是網頁,用戶的耐心都非常之有限。有研討標明,7秒的等候幾乎是用戶的等候極限,而10秒的加載時刻,只會讓絕大多數的用戶封閉頁面,再精巧的加載動畫都安慰不了用戶的煩躁。

 

所以,不要讓你的用戶等候加載,尤其是這個加載時刻很長的時分。相關的應對戰略許多,比方你能夠選用占位符先顯現布局,逐漸加載內容,至少讓用戶知道,這個過程正在推進。

 

 

 

8、不要讓促銷廣告蓋住內容

 

 

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

 

 

 

別的一方面,長期的互聯網閱讀經歷會培養出用戶的別的一種廣告應對戰略:當他們看到廣告的時分會主動疏忽它。這關于廣告的轉化率同樣是毀滅性的沖擊,不是么?

 

 

9、防止翻滾綁架

 

 

翻滾綁架一般指的是開發者或許規劃師為了完成新的布局、動畫或許排版,而修正了翻滾的固定點乃至翻滾條和體會自身,帶來的非常規的翻滾體會。翻滾綁架是最惱人的狀況之一,所以,一般而言,除非極個其他原因,盡量不要過度調整和修正用戶翻滾閱讀的體會規劃。

 

 

 

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

 

 

10、不要讓視頻和音頻自動播放并作聲

 

 

視頻和音頻自動播放關于用戶而言是一種失控的體會,關于用戶也是一種影響。這樣的規劃應該慎重運用,除非用戶對此現已有所預期。

 

 

 

Facebook 的視頻被設置為自動播放,但是不會作聲。只要當用戶在閱讀視頻并且與之互動的時分,才會觸發聲音控制,外放作聲。

 

 

11、不要為了美麗而獻身可用性

 

 

網站和APP的界面規劃的外觀不應該影響它自身的可用性。防止繁瑣的規劃,為了漂亮而獻身內容的可讀性和比照性都是不能讓人承受的體會。

 

 

 

 

12、不要運用晃眼的文本和廣告

 

 

令人晃眼的文本和廣告自身體會欠安,它們會讓人分神,并且還會觸發體質靈敏的癲癇患者發病。