在信息時代，時間是一(yī)種寶貴的商(shāng)品，人們不想花費(fèi)太多。結果，普通訪問者隻閱讀了大(dà)約20% 的頁面内容。

對于網頁設計師和開(kāi)發人員(yuán)來說，這意味着一(yī)些事情：首先，您需要确保您創建的網頁盡可能吸引人；其次，您需要找到一(yī)種方法，使任何頁面上的關鍵信息都能脫穎而出；第三，每位現代設計師都需要創建易于當今快節奏客戶使用的資(zī)産。

使網站更易于浏覽是設計師的職責，以确保訪問頁面的客戶獲得他們所需的快速便捷的體(tǐ)驗。

那麽，如何設計易于浏覽的頁面呢？

爲易于浏覽而設計：簡介

乍一(yī)看，易于浏覽的網站的概念很奇怪。

大(dà)多數設計師開(kāi)始他們的項目的目的是讓客戶盡可能長時間地停留在頁面上。因此，認爲您想讓最終用戶在幾秒鍾内輕松地從網站上的一(yī)個頁面跳轉到另一(yī)個頁面是很奇怪的。

然而，可快速浏覽不僅僅是提供信息和讓用戶離(lí)開(kāi)頁面。當網站可快速浏覽時，它們使客戶可以更快、更輕松地進入購買渠道。更快、更方便的客戶旅程會帶來更強大(dà)的用戶體(tǐ)驗和更多的轉化。

以Netflix爲例。它不會在其主頁上爲感興趣的用戶提供大(dà)量信息。取而代之的是，該産品的關鍵 USP 在屏幕中(zhōng)間以醒目醒目方式布局，并附有一(yī)個簡單的号召性用語：開(kāi)始使用。

爲可快速浏覽而設計意味着讓頁面上的用戶可以輕松浏覽屏幕并立即訪問他們在購買者旅程中(zhōng)采取下(xià)一(yī)步所需的所有信息。

沒有不必要的滾動或想知(zhī)道下(xià)一(yī)步該做什麽。 我(wǒ)(wǒ)們認爲可快速浏覽是必不可少的，因爲人們會在他們訪問的每個頁面上尋找特定的内容。

客戶不會一(yī)個字一(yī)個字地通讀網頁。相反，他們浏覽内容，提取滿足其要求的信息。

設計快速浏覽時用戶要問的問題

那麽，您如何知(zhī)道您的網頁是否可快速浏覽？

首先提出以下(xià)問題：

到達此頁面的人的意圖是什麽？

什麽樣的信息需要即時傳達？

訪問者能否立即看到他們旅程的下(xià)一(yī)步？

例如，當有人訪問 Evernote主頁時，您可以假設他們想要：

了解印象筆記

了解如何注冊

跳轉到其他頁面以了解功能和聯系方式

這就是爲什麽Evernote 網站背後的設計師在頁面頂部立即放(fàng)置了一(yī)條有用的信息：“馴服你的工(gōng)作，組織你的生(shēng)活”告訴客戶整個産品的全部内容。如果客戶需要，下(xià)面的簡短信息可以提供更多詳細信息，然後立即采取行動：免費(fèi)注冊。

号召性用語不僅告訴用戶下(xià)一(yī)步要做什麽，而且還直接告訴他們他們需要的最重要的信息：它是免費(fèi)的。

像這樣的快速浏覽頁面很有用，因爲：

它們可以幫助用戶更快地完成任務：無論您是想注冊還是了解有關産品的更多信息，您都可以立即獲得所需的一(yī)切，無需滾動。

跳出率降低。客戶不會感到困惑并點擊後退按鈕。這對您客戶的 SEO 和他們的底線都有好處。

該網站在外(wài)觀和感覺上都更加可信：因爲客戶可以立即獲得所有問題的答案，因此他們更有可能信任該網站。

那麽，您可以做哪些最好的事情來使您的網站盡可能地快速浏覽？

使用視覺層次結構

視覺層次結構是一(yī)種以符合人們使用網站的方式組織網站内容的方式。例如，如果您登陸頁面，您希望首先看到标題，可能是有關作者的一(yī)些信息，以及任何其他重要信息，然後是正文内容。

盡管設計師很想嘗試用新的視覺策略給用戶帶來驚喜，但讓您的内容更具可掃描性的最佳方法是準确地爲最終用戶提供他們的期望。

如果您不确定頁面應該是什麽樣子，請嘗試查看競争情況。

最明顯的視覺層次結構規則之一(yī)是主導航應始終位于頁面頂部。

客戶希望查看頁面頂部以找到導航。他們不想滾動浏覽您的網站，尋找進入另一(yī)個頁面的方法。如果您想讓最終用戶盡可能輕松地從一(yī)個頁面跳轉到另一(yī)個頁面，您可以将導航欄固定在該頁面上，以便在用戶滾動時與用戶保持同步。

保持負空間

留白(bái)、負空間或任何您稱之爲的空間–是您設計中(zhōng)留空的部分(fēn)。

留白(bái)至關重要，因爲它爲頁面上的所有對象提供了一(yī)些急需的喘息空間。如果您的頁面上沒有足夠的負空間，就不可能接受可掃描性，因爲客戶無法一(yī)次接收太多信息。

例如，請注意Forbes 網站帖子上的每個元素之間有很大(dà)的空間差距。網站上适當數量的負空間可确保用戶可以快速獲取大(dà)量信息并使用該信息來決定下(xià)一(yī)步做什麽。

爲了确保您的網站頁面上有足夠的負空間，問問自己訪問者在訪問網站時會注意到哪些關鍵元素。基本物(wù)品應該是：

用于确認用戶位于正确位置的标題或标題

向用戶展示下(xià)一(yī)步要做什麽的 CTA

導航标題或菜單

關鍵信息包括對頁面内容的介紹或他們将要閱讀的文章的摘錄。

視覺組件：爲頁面提供上下(xià)文的圖片或圖像。

其他任何東西通常都可以删除。因此，例如，如果福布斯想讓上面的頁面更易于浏覽，他們可以輕松删除廣告和社交媒體(tǐ)共享按鈕。

使下(xià)一(yī)步顯而易見
網站上的每個頁面都存在于客戶旅程中(zhōng)的層次結構中(zhōng)。

主頁将客戶引導至産品頁面，該頁面将引導至結賬頁面，該頁面連接至感謝頁面，該頁面将訪問者發送回另一(yī)個産品頁面，依此類推。

在設計可掃描性時，讓旅程的下(xià)一(yī)步盡可能明顯是至關重要的。通常，這意味着将号召性用語放(fàng)在“首屏”，客戶可以立即看到。

理想情況下(xià)，可掃描頁面應該隻有一(yī)個 CTA。這将阻止您的聽(tīng)衆被選擇所迷惑或不知(zhī)所措。

但是，如果您有多個 CTA，請考慮普通客戶的旅程以及他們希望首先訪問的内容。

如果這些按鈕對客戶沒有吸引力，他們可以進一(yī)步滾動并查看其他“下(xià)一(yī)步”選項，例如購買“自我(wǒ)(wǒ)隔離(lí)必需品”或浏覽其他熱門産品類别。

測試每一(yī)頁
測試可快速浏覽性意味着檢查每個頁面并确保客戶盡可能輕松地按照他們想要的速度完成購買過程。

訪問您在買家旅程中(zhōng)設計的每個頁面，并詢問最終用戶從 A 點到 B 點以及更遠的地方需要多快。以下(xià)是一(yī)些可能會減慢(màn)客戶旅程并損害可浏覽性的常見問題：

可讀性：字體(tǐ)是否清晰？它是否足夠大(dà)，可以在所有屏幕上閱讀，包括移動設備？設計世界中(zhōng)的易讀性衡量您的用戶區分(fēn)任何頁面上正在發生(shēng)的事情的速度和直觀程度。請記住，背景顔色、文本塊周圍的負空間量，甚至字體(tǐ)配對都會影響内容的可讀性。向多人展示您的頁面，并計算他們需要多長時間才能掌握您試圖傳達的信息。

功能：額外(wài)的功能可以使您的頁面更有趣，但它們也會減慢(màn)用戶的速度。例如，博面頂部的一(yī)張圖片可以爲文章添加上下(xià)文。圖片幻燈片會阻止客戶繼續前進，并使他們停留在頁面頂部的時間更長。

數字而不是文字： 眼球追蹤研究表明數字經常可以阻止眼睛的遊移。數字很緊湊，并且更經常地與統計數據和事實相關聯，因此它們更有可能引起注意。如果您想快速将重點傳達給最終用戶，請使用數字，而不是文字。

創建可浏覽頁面
在當今繁忙的環境中(zhōng)，可浏覽性正成爲越來越重要的概念。

現在，越來越多的客戶通過智能手機浏覽網站或在移動中(zhōng)查看産品，設計人員(yuán)需要更仔細地考慮如何适應這種“快餐”環境。

将訪問者移動到購買周期并進入銷售漏鬥的下(xià)一(yī)階段的可浏覽頁面将爲您的客戶提供更好的結果，從而爲您帶來更好的結果。