Content writing and its pitfalls

當我們想到平面設計,我們通常會跳到表面:顏色,形狀,大小。

但網站的設計和重新設計遠不止這些。

從我過去作為一個網頁設計師的經驗來看,我有時可能會過于關注這些視覺元素,但作為一個經驗豐富的開發人員和入站營銷人員,我知道,要讓你的網站成為和好的,在形式和功能上都很美,這不僅僅是美學的問題。

你還需要考慮可用性和用戶體驗。

88%的在線消費者表示,在經歷了糟糕的體驗之后,他們不太可能再回到某個網站。

還是覺得用戶體驗不重要?看看這30個讓人大開眼界的用戶體驗統計數據??紤]到這些因素,這里有9條設計友好用戶體驗(UX)的基本原則,可以幫助您和您的設計師增加現場時間,提高轉化率,等等。

1.視覺層次引導眼睛

什么是視覺層次?這是有效的網頁設計和良好的用戶體驗背后重要的原則之一。

正如我在我的文章“視覺層次結構的15項重要原則 ”中所述,“在Luke Wroblewski 與視覺層次結構的交流中,他解釋說,視覺層次結構的目標是快速與訪問者進行以下交流:

  • 這是什么?(有用)
  • 如何使用?(可用性)
  • 我為什么要在乎?(理想)?!?

在網站中以正確的方式使用視覺層次結構時,您將向用戶顯示他們下一步需要去哪里以及他們需要做什么。它向他們顯示了什么是重要的,哪些不是那么重要的-無需漫無目的地思考或徘徊。

團隊合作的Project主頁在他們網站上使用視覺層次結構方面做得很好。

標頭很大,可以準確地告訴用戶他們的產品是什么,然后下面的描述性段落為您提供了更多詳細信息。閱讀有關他們的工作和項目管理應用程序的信息后,“免費入門”可以清楚地說明團隊合作接下來要做什么。

2.留白保持焦點

我知道您會說:“我們是否應該盡我們所能保持盡可能多的優勢?”

答案是肯定的,但這并不意味著您應該在該區域內塞滿盡可能多的信息。有效的設計從空白中受益匪淺。它可以幫助您的設計通透。

用網站設計的術語來說,留白是指“ 圖形,列,圖像,文本,邊距和其他元素之間的空間?!辈灰欢ㄊ前咨?。它也可以是在空白區域中使用的顏色或圖案,以幫助分解布局。

Invision的首頁非常出色,可以使用空格來幫助區分和關注產品的每個功能。

間距可以幫助您區分一個部分的結尾和另一部分的開頭,同時還可以幫助您專注于手頭的描述,而不會被無關的部分所干擾。

3.導航應該反映用戶的旅程

登陸您的網站不應該像追蹤藏寶圖一樣。您不希望別人迷失方向而感到沮喪或挫?。ɡ?,請求咨詢,注冊免費試用版,請求演示等等)。因此,您需要確保導航非常清晰。

將您的導航視為一系列路牌。如果您的信號不清楚,不準確和直接,那么潛在客戶將如何了解您的產品或服務?他們怎么知道在哪里可以找到他們想要的東西?

建立導航時,請牢記買家角色的用戶歷程,并盡可能輕松地完成此過程。使用他們會識別并引起共鳴的詞,并將決策過程中重要的頁面浮出水面。不要藏起來。

4.響應式是必須的

如果您的網站現在沒有響應式,則需要繼續進行網站重新設計。

越來越多的人在移動設備上進行搜索,因為他們一直在旅途中。實際上,UX Measure的信息圖表指出:“ 52%的用戶表示,糟糕的移動體驗使他們與公司互動的可能性降低?!?

確保網站具有移動響應能力,并且經過完全跨瀏覽器和多設備測試,以確保您的用戶無論在何處或如何瀏覽您的網站都擁有出色的體驗。

Google的算法還為移動友好型網站提供了豐厚的回報。

5. 一致性可以避免混淆

一致性是銷中幾乎所有事情的關鍵,特別是對于網站的可用性和用戶體驗。作為一個市場營銷人員,你希望你的網站有一致的外觀和感覺,從顏色,字體,大小,甚至布局和語氣。

這種一致性有助于從一個頁面到另一個頁面創建流暢、有凝聚力的體驗,最小化混亂,使您的站點更容易導航。

6.有些事情永遠都不會改變

每個人都想成為不斷變化的網站世界的領跑者,是的,這聽起來不錯,但并沒有疏遠觀眾的風險。在將近30年的時間里,互聯網已成為我們生活的主流,消費者在瀏覽網站時抱有一定的期望。

例如,當他們點擊導航角上的logo時,他們希望訪問您的主頁。在設計網站時,請不要偏離這些約定,因為它們最終會使您的用戶困惑并帶來負面的體驗。 

如果您想嘗試新的東西,請先對其進行A / B測試,然后查看其性能,然后再全面推廣。您可以使用HubSpot的A / B測試來執行此操作,或者如果您不在HubSpot上,請嘗試使用Optimizely。

7.樹立現實期望建立信任

您要做的*一件事是誤導潛在客戶。忠實于您的產品或服務的功能,并通過向訪問者確切展示他們所得到的東西來設定切合實際的期望。

如果您銷售軟件,則可以通過顯示屏幕快照(包括實際產品的不同角度的照片)或制作視頻來進行截圖。根據UX Measure的信息圖表,視頻有助于說服73%的人購買產品或服務。因此,如果您的公司中沒有一個,則開始集思廣益可能是明智的。 

您還可以通過誠實和坦誠面對服務條款,條件和價格等方面來設置切合實際的期望。如果您需要幫助來創建一個很棒的定價頁面,Talia Wolf會有一篇很棒的文章26 Pricing Page Examples and Best Practices,它將幫助您朝正確的方向發展。

7. 設定現實的期望可以建立信任

你最不想做的事情就是誤導客戶。忠于你的產品或服務的功能,通過向你的訪客展示他們所得到的東西來設定現實的期望。

如果你銷售一款軟件,你可以通過顯示屏幕截圖,包括不同角度的照片(如果是實物產品),或者制作視頻來做到這一點。根據UX Measure的信息圖表,視頻幫助73%的人購買產品或服務。所以,如果你的公司沒有這樣的計劃,那么開始頭腦風暴也許是明智的。

你也可以通過誠實和坦率地對待服務條款、條件和價格來設定現實的期望。

8. 測試是你的朋友

當你設計你的網站并構建你的網站結構時,你應該像你的訪問者一樣思考他們將如何與之互動。不幸的是,即使你的出發點再好,有時你還是會犯錯。

要想知道你的訪問者是如何真正參與到你的網站中來的,做一些用戶測試,并通過熱圖和錄音收集一些數據。這些數據將幫助您為用戶提供他們所需要的內容,并全面提高站點的性能。

9. 簡單

確保你的網站是簡單的,不會讓你的訪問者想太多。你的網站的目標應該是讓你的訪客轉化成為一個客戶,讓他們更容易找到他們想要的答案。

從用戶體驗的角度來看,我們HubSpot的朋友們建議你牢記以下幾點:

顏色——少即是多。CrazyEgg說:“借用室內和時尚設計,60-30-10規則規定了三種顏色應該在不同程度上使用(60%,30%,10%)來創造友好的和諧?!澳?可以超過三個,但我不會超過五個。

字體——就像顏色一樣,看你用了多少。就我個人而言,我會堅持最多兩個,一個用于網站的大部分,第二個用于標題。只要確保無論你選擇什么,它都是易于閱讀的。

設計值

當你在設計中質疑一個設計元素時,把這個問題放在腦后是很重要的:“這個設計元素能帶來任何價值嗎?”

這是我們在北京永燦經常問自己的問題。

僅僅因為它很酷,或者看起來很棒,并不意味著它是你的領導一代或銷售祈禱的答案。設計的每個方面都需要帶來一些東西,幫助您創建一個整體難忘的用戶體驗。