別讓這九個鬧心的套路毀了你的網頁設計

別讓這九個鬧心的套路毀了你的網頁設計

 

                                                                                                                                                                                                                                                                           2019-04-04 PM   16:54:50

 

  模式化的設計套路之因此爲廣大網頁設計師所喜好，很大程度上是由於它們具有有良好的可用性和可訪問性，在轉化率和用戶留存率上有着不錯的數據表現。可是這些經過數據來體現的設計模式，在用戶的視角里，可能並不那麼理想。設計和作人同樣，須要少一些套路，多一些真誠。

 

1.  色彩種類運用過多

  爲了讓本身的網站表現得熱情而有吸引力，不少朋友很是極端地向其中加入大量色彩鮮豔的文字與邊框，而這些顏色的運用與圖片內容並不協調。這顯然有損訪客對核心內容的關注。

解決辦法

  最好的辦法是使用最多三種主色調與素雅的背景。若是你們決定選擇紋理背景，請確保其具體取色不會像霓虹燈般銳利刺眼。

 

 

2.  字體大小存在問題

  這類問題每每存在多種表現形式，包括字體不足12號使得用戶沒法看清甚至點不到後退按鈕。 

解決辦法

  要解決這些難題，最重要的是理解客戶須要——年紀超過40歲的羣體每每更喜歡大字體。年紀更大的使用者甚至只能看得清14號以上的字體,主題文本還應被拆分紅更易於管理的區塊，但卻又不能破壞其連貫性。保證信息的易讀性與快速獲取性是咱們的核心設計原則之一。當須要提供大量文本內容時，能夠考慮將其劃分紅多個不一樣頁面以簡化內容管理。

 

3.  過分使用GIF、動畫與音效

  在某些狀況下，GIF動畫很是有趣;動畫可以讓訪問者得到更好的使用體驗;音效可能也有助於提高感覺。但這些都只是點綴，切記不可多此一舉。GIF動畫過多會形成一種庸俗而幼稚的氛圍，而你們對於音效以及音樂的取向也有所不一樣。有時，咱們精心設計，卻難以實現效果。

解決辦法

  千萬別讓費盡心力添加的動畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動畫最好能免則免，企業的官方網站絕對不要使用。

 

4.  超大的導航菜單

  大型的導航菜單，對於包含大量不一樣子頁面的網站而言，彷佛是一個很好的解決方案，然而實際狀況並不是如此。咱們常見的網頁設計錯誤就是在邊欄及子菜單中塞進長長的清單，超大的導航菜單對於絕大多數的普通用戶而言，看起來更像是迷宮。這看似知足了所有用戶的需求，實則會分散用戶注意力，並讓用戶以爲不那麼爽。若是導航、側欄與底欄沒法協同工做，那麼網站內容再好也將沒有意義。

解決辦法

  信息分類整合實際上是就是爲了應對這種狀況而存在的，將網站的導航內容規劃爲不一樣的大分類，有了層級，用戶更容易篩選;又或者你能夠將導航設計成爲更爲有趣的圖文式連接，讓它看起來不那麼枯燥，也不失爲一個可取的方案。永遠不要低估在屏幕上留白的重要性，由於其是創造平衡美感的重要基礎。

 

5.  乏味無趣的加載頁面

  隨着技術的進步，時間對於人們來講愈來愈寶貴，爲了一個20M的網頁在瀏覽器前靜靜坐上1分鐘等待加載，那大多數用戶都會有關掉它的衝動，由於咱們會在這個過程當中無數次懷疑這個頁面是否是卡住了。現在的網站加載須要的是速度和效率，這符合當前的真實用戶需求。給用戶提供即時的位置、時間和響應對一個優秀的產品來講很重要。

解決辦法

  若是你的網站在加載速度上有問題，首先應該加載頁面中較輕的元素，以及整個框架，而後使用加載器將較大和較重的元素逐步填充進去。這樣一來，用戶就不會以爲頁面卡在那兒，而是在逐步加載了。

緩衝應該儘可能避免，若是它必須存在，那就應該有趣一點。加載頁面能夠是一個加載進度條，一個爲浪費用戶等待時間的道歉或者是配有文案的簡單動畫。

 

6.  設計臃腫，內容雜亂

  不斷增長的功能會致使需求和交付之間的延遲，這會讓設計逐漸變得臃腫。將各種新聞、連接以及圖片塞進同一頁面只會使其顯得雜亂不堪，致使用戶難以閱讀及導航。

解決辦法

  產品發佈上線後可以覆蓋用戶最多見的使用情形並提供值得信賴的使用價值;考慮用戶的使用習慣，使你的設計可以讓用戶集中注意力。堅持增長必要且有價值的功能，儘可能避免內容混亂多餘。產品設計的流程應該是：發散，優化，迭代和提煉，直到大家的產品或服務能夠提供一個優質的解決方案。

 

7.  對移動設備不夠友好

  智能手機已經成爲人們在互聯網上獲取內容的最佳途徑。你們的多數出站流量極可能都指向智能手機或者平板電腦。若是各網頁設計沒有針對移動設備進行優化，那麼人們可能面對難以進行訪問或者加載時間過長等問題。 

解決辦法

  目前市面上有着大量免費的應用與插件可以幫助咱們解決這類難題，而針對移動端擁有出色優化效果的一大實例就是MailChimp網站。

 

8.  複雜的註冊流程

  網站構建須要投入大量精力，而其最終目的在於吸引潛在羣體並宣傳或者表達本身的產品或觀點，並經過重複訪問帶來收益。在設計網站時，咱們每每只考慮本身的我的品味——但正確的做法應該是立足於目標受衆的須要與特色。

解決辦法

  你們應當儘量簡化註冊流程，由於多數用戶對產品或者服務的註冊機制並不感興趣。若是須要填寫的信息太多或者因爲不支持鍵盤而致使流程難於操做，用戶會很快選擇放棄。

 

 

9.  無限滾動

  無限滾動的出現，終於解決了移動端上查看繁複的分類頁的問題。不過與此同時，無限滾動的設計，還爲咱們創造了很多從未遇到的新問題。舉個例子，當你要訪問一個重要的頁面，而它正好在長滾動頁面的底部，撇開加載頁面的時間和流量不談，滾到底部去找就已是一個很蛋疼的事情了。

解決辦法

  就像超大的導航菜單同樣，想要讓它發揮做用同樣有合理的解決方案。將傳統的移動端頁面和無限滾動兩種模式結合起來使用，讓用戶本身來選擇更適合本身的模式，這有助於提高頁面的可訪問性。