天天看點

10大使用者體驗技巧!

本文由

Mockplus(摹客)

團隊翻譯,僅供學習交流。

10大使用者體驗技巧!

UX(即使用者體驗)是通過提高使用者與設計界面互動的可通路性,可用性以及效率來提升使用者滿意度的方法。轉換率和使用者體驗是緊密結合的,是以,我們為你提供了10個小竅門來提高你的轉換率!

#1. 制作一個吸引人的首頁

10大使用者體驗技巧!

把你覺得對使用者很重要的服務/産品的關鍵資訊展示在第一頁上。為了確定赢得使用者體驗效果,請不要将所有内容放在第一頁上!保持資訊的簡潔明了,因為首頁就是你的首頁,所有的訪客都會看到。你不想讓他們看到一個醜陋和混亂的首頁吧?是以說第一印象很重要!

小貼士:

KISS原則:保持資訊的簡潔

将最重要的内容置于顯著位置

将Logo連結到首頁

#2. 加載速度

10大使用者體驗技巧!

理想情況下,網站應在3-4秒内完成加載。如果你的加載速度超過這個速度,你的使用者将不會得到一個很好的體驗,而且很可能導緻他們離開你的網站。

一項研究顯示,加載時間延遲2秒導緻離開率為87%。

#3. 給予設計呼吸的空間

10大使用者體驗技巧!

你的主要目标是讓通路者檢視你最重要的資料,這就需要你在頁面上留出足夠的展示空間,進而使其顯得整潔而優雅。

除了突出展示重要的資料,呼吸空間還能提高閱讀了解力,給你的設計帶來賞心悅目的感覺。

#4. 使用有說服力行動呼籲(CTA)

10大使用者體驗技巧!

CTA呼籲你的訪客在你的網站上做些什麼,這是帶來高轉換率的一個因素。有許多網站沒有明确的CTA,是以,客戶不知道要采取什麼行動。你的CTA應該大膽突出,并且應該在你的網頁上脫穎而出。

為此,一些技巧是制作對比顔色的CTA按鈕。在做這件事的時候,應該了解色彩的定理,明白不同的顔色會激起不同的情緒。決定要傳達的消息,然後相應地選擇按鈕的顔色。

其次,你需要決定在CTA按鈕上使用的文本。它會向使用者傳達一種資訊—如果他們點選會發生什麼,并避免使用類似“下一個”,“繼續”,“連結”這樣的文本。

#5. 使用圖檔和視訊

10大使用者體驗技巧!

吸引使用者注意力的最好方法包括圖像和視訊!這是一個通俗易懂的方式。它們使你的網站更人性化,這類網站更容易赢得人們的信任。

研究表示,如果展示一些快樂的圖檔,轉換率會提高。同時,如果你想宣傳你的産品,那麼一個視訊比單純的文本更容易讓使用者了解它的功能。

#6. 增加搜尋字段

10大使用者體驗技巧!

如果不加搜尋字段,會使使用者感到沮喪。應讓使用者能找到一個特定的資訊區域!他們沒有時間通過你提供的“聊天”框與你聯系,并且很快就會離開你的網站。

是以,除非你網站的内容較少,否則最好包含一個搜尋字段。理想情況下,将搜尋框放在右上角,并将其設計得足夠大,以比對平均字段的查詢。

想象像亞馬遜,Flipkart或Jabong這樣的網站沒有搜尋框,搜尋是手動的!一個糟糕的體驗,對吧?

#7. 提供完整的聯系資訊

10大使用者體驗技巧!

更多的時候,你的使用者會有一些或疑問想聯系你。在這種情況下,如果位址或聯系号碼或郵件位址無效,這會阻礙他們與你的聯系,這可能會導緻使用者的憤怒和沮喪,進而傳遞一種不好的印象。

建議将聯系電話和電子郵件位址放在每頁的頁腳上,友善檢視!而且完整的資訊可以建立信任,以證明你的網站是合法的!

#8. 修複無效的連結

10大使用者體驗技巧!

無效的連結完全不能接受!當你點選一個連結時,無法正常跳轉并提示你錯誤資訊,這種操作會使使用者感到沮喪。

客戶會反思是否值得把他們寶貴的時候會費在你的網站上面,因為無效連結對他們來說是一個阻礙,其會改變你想通往的路徑。

現在真正的問題是如何檢查和修複這些無效的連結?

這裡有一些簡單的辦法:

你可以使用免費的檢查網站,如免費的404檢查和谷歌網站管理者工具。

删除搜尋引擎曆史記錄中的舊網址

重定向舊的頁面或釋出到新的網址

#9. 提高可讀性

10大使用者體驗技巧!

一個句子的結構很重要,因為這将決定你的使用者如何響應你所傳遞的資訊。

如何做:

使用短句

使用較大的字型

使用項目清單

不要給沒有超連結的詞加下劃線

在白色背景上使用黑色文本

保持段落簡短,大概3行

#10. 去掉多餘的元素

10大使用者體驗技巧!

最後一點同樣不可小觑,就是去掉你網站上多餘的元素。

以下是可以去掉的一些東西:

不必要的廣告

不停閃爍的橫幅

不相關的圖像

未維護的社交媒體賬号的連結

總結

為了在網際網路商業世界中站穩腳跟,你需要站在這場競争的前沿。通過提供良好的使用者體驗來提高使用者的通路率。

我們希望這些使用者體驗的小知識能夠幫助到你,讓你的網站變得親民化!

原文作者:Monsoonfish

原文位址:

https://medium.com/swlh/10-great-user-experience-tips-2fc22d69cc68

繼續閱讀