行動召喚在網頁設計中——尤其是在用戶體驗方面——是一個描述在網頁中用于誘導用戶行為的元素的術語。在網站界面中,最流行的行動召喚的表現是出現在點擊表單按鈕、完成一個行動(比如”Buy this now!”)或使用附加信息帶到一個頁面(比如”Learn more …”)等請求用戶來采取行動的地方。
我們如何創(chuàng)建有效的行動召喚按鈕來吸引用戶的注意并引誘他們點擊?我們將在本文中通過分享一些有效的設計技術和查看一些實例來嘗試回答這個問題。
有效的行動召喚按鈕的最佳實踐
設計行動召喚按鈕到網站界面需要一些遠見和計劃;它必須是你的原型和信息結構流程的一部分以使他們能夠正常工作。在本節(jié)中,我們將討論行動召喚按鈕的設計技術。
用大小吸引用戶注意
在網頁中,一個元素相對于其周圍元素的大小表明其重要性:元素越大,它就越重要。判斷網站的某種行為有多么至關重要,行動召喚按鈕的型號也應相應的調整。
行動召喚按鈕與周邊元素
Lifetree Creative展示大小的主意以表明他們的行動召喚按鈕的重要性。將按鈕的大小與公司的logo對比。為了吸引用戶的注意,這個行動召喚按鈕在寬度方面比logo大了大約20%。盡管logo在頁面中放的比較高,你的眼睛還是被吸引到了行動召喚按鈕,因為它相對于周邊元素比較大。
行動召喚按鈕與不太重要的行動召喚的大小
一個網頁可能有多個行動召喚。為了區(qū)分一個行動召喚與其它行動的相關重要性,你可以改變他們的大小。這里在 paramore|redd 網站有一個使用這個理念的實例,那個頁面的讓用戶注冊以獲取郵件通知的行動召喚按鈕明顯的比繼續(xù)閱讀性東召喚按鈕大一些,表明在該網頁中,與繼續(xù)閱讀日志相比他們更希望你采取訂閱
使用突出的位置吸引用戶注意
頁面中的行動召喚按鈕的位置是吸引訪問者的注意的關鍵。放置在突出的位置,比如頁面的章節(jié)的頭部可以帶來較高的頁面轉換因為用戶將很可能注意到行動召喚按鈕并采取行動。
放置在明顯的區(qū)域、
將一個行動召喚按鈕放置在一個明顯的區(qū)域是一個讓它在頁面布局中突出的一個方法。你可以在 dailymile 看到這個概念,行動召喚按鈕看起來在一個比其它元素比如圖形條高的層面上(在頂部)。
出處:藍色理想
責任編輯:bluehearts
上一頁 下一頁 行動召喚按鈕在網頁中的實例與實踐 [2]
|