避免網頁設計錯誤

避免網頁設計錯誤

當今的(of)互聯網是(yes)一(one)個(indivual)競争激烈的(of)地(land)方。 如此衆多的(of)人(people)和(and)企業在(exist)數字營銷和(and)搜索引擎優化上(superior)花費了(Got it)大(big)量的(of)時(hour)間和(and)金錢，試圖超越競争對手并占據Google的(of)頭把交椅，這(this)使得用(use)戶訪問任何特定網站都比以(by)往更加困難。

  鑒于(At)很難吸引到(arrive)新的(of)訪問者，您可能會認爲(for)世界上(superior)的(of)所有網站管理員都将盡最大(big)努力提供愉悅的(of)用(use)戶體驗并最終保留所有來(Come)之不(No)易的(of)客戶，但是(yes)我(I)們(them)都知道有些不(No)愉快并正在(exist)改變這(this)些不(No)良習慣 似乎一(one)次又一(one)次地(land)出(out)現。

  讓我(I)們(them)看看一(one)些最常見的(of)違法者讓用(use)戶沮喪地(land)離開...

  1.網站太慢

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

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

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

  英國(country)廣播公司（BBC）報告稱，在(exist)2018年，他(he)們(them)将發現加載頁面的(of)每一(one)秒鍾額外成本通常會花費約10％的(of)用(use)戶，這(this)對于(At)Internet而言是(yes)巨大(big)的(of)（通過此措施，十秒鍾的(of)傳遞可能意味着您的(of)訪問量 都消失了(Got it)）。

  谷歌還表示，根據他(he)們(them)的(of)研究，超過一(one)半（53％）的(of)移動用(use)戶将放棄耗時(hour)超過三秒鍾的(of)網站。 六秒鍾後，幾乎可以(by)保證在(exist)其他(he)地(land)方可以(by)看到(arrive)它們(them)。 當然，大(big)多數網站的(of)功能要(want)求都不(No)是(yes)複雜的(of)-普通的(of)電子商務商店或博客網站實際上(superior)沒有理由花費超過幾秒鍾的(of)時(hour)間來(Come)加載。

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

我(I)們(them)都有過單擊Google搜索結果中的(of)鏈接并被帶到(arrive)一(one)個(indivual)似乎正在(exist)竭盡所能阻止我(I)們(them)閱讀内容的(of)頁面的(of)經驗。 兩秒鍾之内，将出(out)現一(one)個(indivual)巨大(big)的(of)屏幕彈出(out)窗口，該窗口對于(At)歐盟的(of)所有互聯網用(use)戶來(Come)說都很熟悉-GDPR / cookie彈出(out)窗口爲(for)您提供了(Got it)兩個(indivual)可以(by)立即單擊的(of)内容。

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

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

  至于(At)GDPR和(and)Cookie通知，盡管這(this)些是(yes)向歐盟用(use)戶提供數據的(of)所有網站的(of)法律要(want)求，但絕對有一(one)些方法可以(by)提供比其他(he)網站更具破壞性的(of)信息-歐盟以(by)外的(of)網站設計者有時(hour)會忘記這(this)些消息可能是(yes) 很大(big)一(one)部分觀衆增加了(Got it)另一(one)層視覺混亂。

  3.不(No)适合移動設備

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

  值得記住的(of)是(yes)，向移動用(use)戶提供服務不(No)是(yes)“服務利基”，它現在(exist)是(yes)工作(do)中最重要(want)的(of)部分。  Statista報告稱，2018年所有互聯網流量中有52.2％發生(born)在(exist)手機上(superior)（高于(At)去年的(of)50.3％），這(this)證明桌面浏覽實際上(superior)是(yes)一(one)種更少使用(use)的(of)浏覽網絡方式。

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

  4.動畫太多

  我(I)們(them)知道了(Got it)：動畫看起來(Come)很棒。 沒什麽可說的(of)，“我(I)是(yes)一(one)個(indivual)專業設計的(of)網站！” 就像一(one)些漂亮的(of)平滑過渡，轉換和(and)外觀以(by)及精心部署的(of)動畫一(one)樣，可以(by)将重要(want)的(of)生(born)命注入靜态和(and)無菌的(of)布局中。

  動畫是(yes)少量使用(use)的(of)香料

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

  例如，返回的(of)用(use)戶可能知道他(he)們(them)打算在(exist)到(arrive)達時(hour)單擊“關于(At)我(I)們(them)”按鈕，但是(yes)讓他(he)們(them)等待導航欄淡出(out)而不(No)移動動畫，以(by)便可以(by)向他(he)們(them)顯示他(he)們(them)，然後再單擊“可能”。 引起刺激。

  一(one)個(indivual)相關的(of)注意事項是(yes)某些動畫可能會導緻可訪問性問題。 使用(use)大(big)量的(of)活動部件或閃爍的(of)内容可能會對某些用(use)戶（例如，可能有注意力不(No)足症的(of)用(use)戶）造成問題，使他(he)們(them)難以(by)專注于(At)内容。

5.自動播放媒體

  不(No)提自動播放媒體，就沒有煩人(people)的(of)Web設計失敗的(of)讨論。 自Internet誕生(born)以(by)來(Come)，這(this)一(one)直是(yes)Internet用(use)戶的(of)禍根，但是(yes)與狀态欄中的(of)馬戲團和(and)CGI跳舞嬰兒的(of)GIF不(No)同，它仍然沒有消失。

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

  更糟糕的(of)是(yes)，許多網站會在(exist)這(this)些視頻中添加自動廣告。 盡管這(this)些視頻通常是(yes)廣告形式，但它們(them)等同于(At)要(want)求訪問者通過廣告觀看廣告。

  至少有一(one)點可惜的(of)是(yes)，像Chrome這(this)樣的(of)現代浏覽器已經朝着僅允許靜音或靜音視頻的(of)自動播放邁進了(Got it)一(one)步，由于(At)不(No)請自來(Come)的(of)音頻，極大(big)地(land)抑制了(Got it)非常煩人(people)的(of)用(use)戶體驗的(of)頻率。

  包起來(Come)

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

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