UI/UX新手實務班｜UI介面設計，洞悉使用者體驗
Hahow 好學校
UI介面設計、網頁UIUX、介面設計、使用者介面設計、UIUX設計
怎麼讓使用者按下去？8 個技巧設計高轉換率 CTA 按鈕
網站轉換率優化也跟 UIUX 設計有關 ！從 CTA 按鈕設計一定要懂的基本原則，帶你一窺好的 UI 設計如何成功提高按鈕點擊率！
UI 設計包含了很多不同的元素，每個都在使用者的產品體驗，以及網站、App 的轉換率上扮演相當重要的角色。即便很小的元件，例如「按鈕」，其實都需要設計師再三考量，才能達到一開始的目標。這篇文章我們就要教你八個設計 CTA （行動呼籲）按鈕的小技巧，讓身為 UI/UX 設計師的你可以運用設計帶來更高的轉換率！
什麼是 CTA （行動呼籲） 按鈕？
CTA（行動呼籲）按鈕是在網頁跟 App 頁面上可以跟使用者互動的 UI 元件，它的主要目標就是去誘使使用者去做出特定的行動，像是「購買產品」、「與我們聯絡」、「訂閱服務」等，增加頁面的轉換。
CTA 按鈕最基本的商業目標是蒐集潛在用戶資料跟提升購買率。按鈕如果設計的好，可以立刻吸引到潛在用戶的注意，引誘他們去點擊，進到下一個階段，像是填寫簡單聯絡資料、預訂產品等。
一般來說，要設計出有效的 CTA 按鈕，有幾個重要的面向 — 大小、顏色、形狀、位置、短文案。經過妥善調整，CTA 按鈕就有更高的機率可以成功引導使用者。以下我們就要介紹幾個實用的技巧，讓你可以成功設計出高轉換率的 CTA 按鈕！
🌟 技巧 1：讓按鈕看起來可以點擊
CTA 按鈕最主要的任務是要讓使用者點擊，所以按鈕的設計也要跟這個目標一致。使用者一般在操作產品的時候，只想要很直覺的點選物件，絕對不想要有那種要花費力氣才能搞懂哪個按鈕可以點的情況。這就是為什麼你要確保所有可以點擊的元件都要看起來真的可以點。
到底怎麼樣才能讓按鈕看起來可以點擊呢？首先，視覺呈現的部分，當設計師加入一些 3D 效果，像是加一點漸層或是淡淡的陰影，都可以讓按鈕看起來比較突出、提升點擊率。 如果有 3D 效果的按鈕不適合目前的整體風格，像是扁平化設計（flat design），推薦你可以把按鈕的邊緣變圓滑，也對提升點擊率有幫助。
詳見原文>
0
0
128 0
拍手
留言
分享
Line
複製連結
收藏