使網(wǎng)頁更易于瀏覽的快速方法

時間：2024-05-16 18:30:01 | 來源：建站知識

時間：2024-05-16 18:30:01 來源：建站知識

在信息時代，時間是一種寶貴的商品，人們不想花費太多。結果，普通訪問者只閱讀了大約20% 的頁面內容。

對于網(wǎng)頁設計師和開發(fā)人員來說，這意味著一些事情：首先，您需要確保您創(chuàng)建的網(wǎng)頁盡可能吸引人；其次，您需要找到一種方法，使任何頁面上的關鍵信息都能脫穎而出；第三，每位現(xiàn)代設計師都需要創(chuàng)建易于當今快節(jié)奏客戶使用的資產(chǎn)。

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

那么，如何設計易于瀏覽的頁面呢？

為易于瀏覽而設計：簡介

乍一看，易于瀏覽的網(wǎng)站的概念很奇怪。

大多數(shù)設計師開始他們的項目的目的是讓客戶盡可能長時間地停留在頁面上。因此，認為您想讓最終用戶在幾秒鐘內輕松地從網(wǎng)站上的一個頁面跳轉到另一個頁面是很奇怪的。

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

以Netflix為例。它不會在其主頁上為感興趣的用戶提供大量信息。取而代之的是，該產(chǎn)品的關鍵 USP 在屏幕中間以醒目醒目方式布局，并附有一個簡單的號召性用語：開始使用。



為可快速瀏覽而設計意味著讓頁面上的用戶可以輕松瀏覽屏幕并立即訪問他們在購買者旅程中采取下一步所需的所有信息。

沒有不必要的滾動或想知道下一步該做什么。 我們認為可快速瀏覽是必不可少的，因為人們會在他們訪問的每個頁面上尋找特定的內容。

客戶不會一個字一個字地通讀網(wǎng)頁。相反，他們?yōu)g覽內容，提取滿足其要求的信息。

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

那么，您如何知道您的網(wǎng)頁是否可快速瀏覽？

首先提出以下問題：

• 到達此頁面的人的意圖是什么？
• 什么樣的信息需要即時傳達？
• 訪問者能否立即看到他們旅程的下一步？

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

• 了解印象筆記
• 了解如何注冊
• 跳轉到其他頁面以了解功能和聯(lián)系方式

這就是為什么Evernote 網(wǎng)站背后的設計師在頁面頂部立即放置了一條有用的信息：“馴服你的工作，組織你的生活”告訴客戶整個產(chǎn)品的全部內容。如果客戶需要，下面的簡短信息可以提供更多詳細信息，然后立即采取行動：免費注冊。



號召性用語不僅告訴用戶下一步要做什么，而且還直接告訴他們他們需要的最重要的信息：它是免費的。

像這樣的快速瀏覽頁面很有用，因為：

• 它們可以幫助用戶更快地完成任務：無論您是想注冊還是了解有關產(chǎn)品的更多信息，您都可以立即獲得所需的一切，無需滾動。
• 跳出率降低?？蛻舨粫械嚼Щ蟛Ⅻc擊后退按鈕。這對您客戶的 SEO 和他們的底線都有好處。
• 該網(wǎng)站在外觀和感覺上都更加可信：因為客戶可以立即獲得所有問題的答案，因此他們更有可能信任該網(wǎng)站。

那么，您可以做哪些最好的事情來使您的網(wǎng)站盡可能地快速瀏覽？

使用視覺層次結構

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

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

如果您不確定頁面應該是什么樣子，請嘗試查看競爭情況。

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

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

保持負空間

留白、負空間或任何您稱之為的空間–是您設計中留空的部分。

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

例如，請注意Forbes 網(wǎng)站帖子上的每個元素之間有很大的空間差距。網(wǎng)站上適當數(shù)量的負空間可確保用戶可以快速獲取大量信息并使用該信息來決定下一步做什么。



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

• 用于確認用戶位于正確位置的標題或標題
• 向用戶展示下一步要做什么的 CTA
• 導航標題或菜單
• 關鍵信息包括對頁面內容的介紹或他們將要閱讀的文章的摘錄。
• 視覺組件：為頁面提供上下文的圖片或圖像。

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

使下一步顯而易見

網(wǎng)站上的每個頁面都存在于客戶旅程中的層次結構中。

主頁將客戶引導至產(chǎn)品頁面，該頁面將引導至結賬頁面，該頁面連接至感謝頁面，該頁面將訪問者發(fā)送回另一個產(chǎn)品頁面，依此類推。

在設計可掃描性時，讓旅程的下一步盡可能明顯是至關重要的。通常，這意味著將號召性用語放在“首屏”，客戶可以立即看到。

理想情況下，可掃描頁面應該只有一個 CTA。這將阻止您的聽眾被選擇所迷惑或不知所措。

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

如果這些按鈕對客戶沒有吸引力，他們可以進一步滾動并查看其他“下一步”選項，例如購買“自我隔離必需品”或瀏覽其他熱門產(chǎn)品類別。

測試每一頁

測試可快速瀏覽性意味著檢查每個頁面并確?？蛻舯M可能輕松地按照他們想要的速度完成購買過程。

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

• 可讀性：字體是否清晰？它是否足夠大，可以在所有屏幕上閱讀，包括移動設備？設計世界中的易讀性衡量您的用戶區(qū)分任何頁面上正在發(fā)生的事情的速度和直觀程度。請記住，背景顏色、文本塊周圍的負空間量，甚至字體配對都會影響內容的可讀性。向多人展示您的頁面，并計算他們需要多長時間才能掌握您試圖傳達的信息。
• 功能：額外的功能可以使您的頁面更有趣，但它們也會減慢用戶的速度。例如，博面頂部的一張圖片可以為文章添加上下文。圖片幻燈片會阻止客戶繼續(xù)前進，并使他們停留在頁面頂部的時間更長。
• 數(shù)字而不是文字： 眼球追蹤研究表明數(shù)字經(jīng)?？梢宰柚寡劬Φ挠我啤?shù)字很緊湊，并且更經(jīng)常地與統(tǒng)計數(shù)據(jù)和事實相關聯(lián)，因此它們更有可能引起注意。如果您想快速將重點傳達給最終用戶，請使用數(shù)字，而不是文字。

創(chuàng)建可瀏覽頁面

在當今繁忙的環(huán)境中，可瀏覽性正成為越來越重要的概念。

現(xiàn)在，越來越多的客戶通過智能手機瀏覽網(wǎng)站或在移動中查看產(chǎn)品，設計人員需要更仔細地考慮如何適應這種“快餐”環(huán)境。

將訪問者移動到購買周期并進入銷售漏斗的下一階段的可瀏覽頁面將為您的客戶提供更好的結果，從而為您帶來更好的結果。