避免網頁設計錯誤

避免網頁設計錯誤

當今的互聯網是一(yī)個競争激烈的地方。 如此衆多的人和企業在數字營銷和搜索引擎優化上花費(fèi)了大(dà)量的時間和金錢，試圖超越競争對手并占據Google的頭把交椅，這使得用戶訪問任何特定網站都比以往更加困難。

  鑒于很難吸引到新的訪問者，您可能會認爲世界上的所有網站管理員(yuán)都将盡最大(dà)努力提供愉悅的用戶體(tǐ)驗并最終保留所有來之不易的客戶，但是我(wǒ)們都知(zhī)道有些不愉快并正在改變這些不良習慣 似乎一(yī)次又(yòu)一(yī)次地出現。

  讓我(wǒ)們看看一(yī)些最常見的違法者讓用戶沮喪地離(lí)開(kāi)...

  1.網站太慢(màn)

  在幾乎每個人都擁有超級智能手機的世界中(zhōng)，互聯網已成爲即時滿足的代名詞。 用戶可能會無聊地知(zhī)道一(yī)些半内存瑣事可以在幾秒鍾内通過Google傳遞給他們的答案，如果他們想與數千英裏之外(wài)的另一(yī)個國家的朋友聯系，他們基本上可以很快地這樣做，因爲他們可以 輸入Facebook或Whatsapp消息。

  如果原始點擊的動機隻是無聊的好奇心，那麽用戶很可能會認爲“嗯，沒關系”，然後嘗試其他方法

  超連接世界的速度和響應能力使我(wǒ)們所有人都爲之崩潰，因此，當我(wǒ)們單擊搜索結果并在空白(bái)的加載頁面上停留三秒鍾或更長時間時，它似乎是永恒的。 如果原始點擊的動機隻是平凡的好奇心，那麽用戶很可能會認爲“嗯，沒關系”，然後嘗試其他方法。

  英國廣播公司（BBC）報告稱，在2018年，他們将發現加載頁面的每一(yī)秒鍾額外(wài)成本通常會花費(fèi)約10％的用戶，這對于Internet而言是巨大(dà)的（通過此措施，十秒鍾的傳遞可能意味着您的訪問量 都消失了）。

  谷歌還表示，根據他們的研究，超過一(yī)半（53％）的移動用戶将放(fàng)棄耗時超過三秒鍾的網站。 六秒鍾後，幾乎可以保證在其他地方可以看到它們。 當然，大(dà)多數網站的功能要求都不是複雜(zá)的-普通的電(diàn)子商(shāng)務商(shāng)店(diàn)或博客網站實際上沒有理由花費(fèi)超過幾秒鍾的時間來加載。

  2.彈出窗口雜(zá)亂無章

我(wǒ)們都有過單擊Google搜索結果中(zhōng)的鏈接并被帶到一(yī)個似乎正在竭盡所能阻止我(wǒ)們閱讀内容的頁面的經驗。 兩秒鍾之内，将出現一(yī)個巨大(dà)的屏幕彈出窗口，該窗口對于歐盟的所有互聯網用戶來說都很熟悉-GDPR / cookie彈出窗口爲您提供了兩個可以立即單擊的内容。

  結合浏覽器警告“該網站希望向您發送通知(zhī)”，整體(tǐ)效果将被無關緊要的廢話(huà)轟炸，從而完全掩蓋了您要訪問的實際内容-您現在想通過以下(xià)内容來挖掘您的内容： 手動關閉每個彈出窗口。

  彈出窗口的使用仍然是一(yī)個分(fēn)歧的主題。 一(yī)些設計師和廣告商(shāng)指出使用它們的轉換率顯着提高，而另一(yī)些設計師和廣告商(shāng)則因爲用戶煩惱而被推遲（2013年一(yī)項研究，2015年發現令人驚訝的人中(zhōng)有70％認爲他們煩人）。 無論您如何看待它們，我(wǒ)們至少可以同意彈出窗口經常做得不好。 它們可能有其用途，但是一(yī)次提供太多而又(yòu)不尊重用戶看到與他們的興趣相關的内容的願望，則比起反彈更容易引起反彈。

  至于GDPR和Cookie通知(zhī)，盡管這些是向歐盟用戶提供數據的所有網站的法律要求，但絕對有一(yī)些方法可以提供比其他網站更具破壞性的信息-歐盟以外(wài)的網站設計者有時會忘記這些消息可能是 很大(dà)一(yī)部分(fēn)觀衆增加了另一(yī)層視覺混亂。

  3.不适合移動設備

  值得注意的是，在2019年，但許多網頁設計師似乎仍将網站的移動版本視爲事後的想法。 在移動網站上找到物(wù)品錯位，重疊，格式奇怪或由設計師監督的情況仍然很常見，所有這些都可以向訪客表明貴公司沒有花時間去(qù)了解細節。

  值得記住的是，向移動用戶提供服務不是“服務利基”，它現在是工(gōng)作中(zhōng)最重要的部分(fēn)。  Statista報告稱，2018年所有互聯網流量中(zhōng)有52.2％發生(shēng)在手機上（高于去(qù)年的50.3％），這證明桌面浏覽實際上是一(yī)種更少使用的浏覽網絡方式。

  加上Google在2018年3月對算法進行更改以優先考慮移動優先索引，現在沒有理由忽略您網站的移動體(tǐ)驗。 劣質的移動網站可能會對您的SEO性能和用戶體(tǐ)驗産生(shēng)負面影響，因此正确使用它很重要。

  4.動畫太多

  我(wǒ)們知(zhī)道了：動畫看起來很棒。 沒什麽可說的，“我(wǒ)是一(yī)個專業設計的網站！” 就像一(yī)些漂亮的平滑過渡，轉換和外(wài)觀以及精心部署的動畫一(yī)樣，可以将重要的生(shēng)命注入靜态和無菌的布局中(zhōng)。

  動畫是少量使用的香料

  但是，動畫是一(yī)種很少使用的香料，如果過度使用它可能會分(fēn)散注意力。 理想情況下(xià)，它應該支持并引起人們對關鍵内容和号召性用語的注意，而不應讓用戶突然彈出并驚慌失措，以至于對閱讀實際文本感到困惑。 當用戶首次訪問您的網站時，該動畫的介紹屏幕也非常引人注目，但不要讓他們每次想要返回首頁時都坐在同一(yī)動畫中(zhōng)。 通常，網站元素的功能不應取決于其美學表現； 要求用戶等待元素由于動畫而出現或變爲交互式不是一(yī)個好的策略，這可能會導緻用戶重新設置動畫以阻礙他們嘗試執行的操作。

  例如，返回的用戶可能知(zhī)道他們打算在到達時單擊“關于我(wǒ)們”按鈕，但是讓他們等待導航欄淡出而不移動動畫，以便可以向他們顯示他們，然後再單擊“可能”。 引起刺激。

  一(yī)個相關的注意事項是某些動畫可能會導緻可訪問性問題。 使用大(dà)量的活動部件或閃爍的内容可能會對某些用戶（例如，可能有注意力不足症的用戶）造成問題，使他們難以專注于内容。

5.自動播放(fàng)媒體(tǐ)

  不提自動播放(fàng)媒體(tǐ)，就沒有煩人的Web設計失敗的讨論。 自Internet誕生(shēng)以來，這一(yī)直是Internet用戶的禍根，但是與狀态欄中(zhōng)的馬戲團和CGI跳舞嬰兒的GIF不同，它仍然沒有消失。

  高雅有多種方法，但經常被濫用，它當然值得我(wǒ)們關注。 盡管自動播放(fàng)MIDI音樂和帶有音頻(pín)的Flash網站是1990年代和2000年代初期的禍害，但當今世界上的痘痘是在自動播放(fàng)視頻(pín)。 如今，許多網站都在文章或博客文章的旁邊播放(fàng)視頻(pín)，這通常與頁面内容完全無關，如果在浏覽到另一(yī)頁面之前關閉它，它将很快重新出現。 當然，這非常令人分(fēn)心，并且常常感覺很冒昧（正如該網站所說：“嘿，我(wǒ)知(zhī)道您單擊了有關數字設計趨勢的文章，但您不想觀看我(wǒ)們令人眼花char亂的慈善視頻(pín)嗎(ma)？ 派對？”）

  更糟糕的是，許多網站會在這些視頻(pín)中(zhōng)添加自動廣告。 盡管這些視頻(pín)通常是廣告形式，但它們等同于要求訪問者通過廣告觀看廣告。

  至少有一(yī)點可惜的是，像Chrome這樣的現代浏覽器已經朝着僅允許靜音或靜音視頻(pín)的自動播放(fàng)邁進了一(yī)步，由于不請自來的音頻(pín)，極大(dà)地抑制了非常煩人的用戶體(tǐ)驗的頻(pín)率。

  包起來

  最後，本文讨論的所有問題都是用戶體(tǐ)驗設計不佳的問題。 必須評估網站的每個元素對頁面功能的影響：它是幫助還是阻礙用戶找到他們想要的東西？ 它會增強還是削弱頁面的實際内容？ 是否縮短或延長了用戶完成交換所必須經過的過程？

  吸引用戶訪問您的網站通常不是一(yī)件容易的事，并且通過預見到他們的需求并對他們給予應有的時間和關注來獎勵那些到達的人是有意義的。 這樣，經過良好處理的用戶可以成爲忠實的回頭客，并且該站點永遠不會有太多這樣的訪客。