動作按鈕 沒你想的那么簡單


動作按鈕 沒你想的那么簡單 | TID-財付通設計中心

  動作按鈕?不就是一個按鈕加兩文字么?這有什么好說的 如果你還這么認為,那就大錯特錯了。一個小小按鈕,看似簡單,里面卻有大大的學問。 下面是我總結的一點見解,希望拋磚引玉,給大家一點啟示。 按鈕分為兩個部分:按鈕文字 按鈕形狀 先說說按鈕文字的設計: 1 用文字創造出一種緊迫感 這主要適用在購物網站,使用一種緊迫感的詞語更可能讓用戶采取行動。在按鈕上加“現在””立即“ “馬上”等文字,能大大提升按鈕的轉化率。這些文字能給用戶暗示和感知,如果繼續等待,很有可能錯過這次大好的機會。 不信?可以試一試。

  很多購物網站都使用了這一招 拋個小小問題給大家討論一下: 如果整個頁面都是立即購買 立即搶購 立即秒殺,那還真的會有作用嗎?

  例如這個頁面,此時立即兩個字真的會對用戶起到作用嗎? 個人觀點:“立即”“ 馬上”“ 限時”等詞語是非常好,但不要濫用。只有在最核心的業務中用到,才能對轉化率真正起到作用。 如果滿屏滿屏都是立即立即,那讓用戶立即去哪呢? 2 用動詞開始一個按鈕文字 行動按鈕一般要以一個動詞開始,否則他就不是一個召喚行為的按鈕。 ———–David Hamill 行動按鈕使用動詞,會讓用戶產生馬上去行動的心里暗示,同時動詞也帶有指向性性,告訴下一步用戶該做什么。 這個理論看似簡單,真正使用時卻會經常出錯。 正面案例:

  財付通會員,在任務介紹中,加了一個GO做為按鈕的文案。使得加了GO的按鈕比其他任務的點擊量大很多,是其他任務點擊量的三倍以上。不難看出一個小小文字的巨大魔力了吧。 反面案例:

  這是我在做財付通旅行時,特價機票的一個介紹???。按鈕的文字寫的是詳情,詳情不是動詞,是一個名詞。對用戶來說詳情沒有任何的動作指向性,所以這無疑是一個失敗的例子。那么,改成什么會更加貼切一點呢?

  普通一點:改成立即查看是不是好一點? 或者更大膽一點,改成猛擊,是不是更好? 3 保留人情味,讓按鈕看上去更加有趣 不要讓你的按鈕看上去干巴巴的,千篇一律。如果可以,盡量讓你的按鈕看上去更加有意思吧。有些情況,甚至可以放棄我之前說的那些規則。

  Google的“手氣不錯”按鈕,如果按照前兩天規則來說,一定是一個非常不合格的按鈕文案。但我卻覺得它非常有創意,讓用戶在操作時,能感受到那么一點樂趣。 還有亞馬遜的注冊按鈕,它沒有和其他網頁一樣,干巴巴的放注冊兩字。新用戶,從這里開始。有一種將客人請到家中的感覺,這種感覺讓用戶感覺非常體貼。

  這是國外的一個買產品網站,它的按鈕也不是千篇一律的BUY,而是使用了四個不同的動詞?!發et’go” ” get me started” ” I’m all in” “bring it on”。

  上面是對按鈕文字的見解,接下來說說按鈕的形狀 1 使用適當的指示圖形。 一個按鈕上的箭頭啟示,直觀地告訴用戶,單擊該按鈕將執行相應的操作,帶他們到另一個頁面以從事一項任務。很多按鈕文字上無法描述的語言,使用指示圖形后,就非常直觀了。 看起來有些不好理解,看個案例,你就明白了。 這是我在做財付通機票時,訂機票的一個詳情頁。

  財付通機票,選擇航班后,會出現各個供貨商的機票信息。但選擇按鈕上沒有任何圖形指示,用戶不知道點擊完選擇按鈕后出現的選擇框完全沒有預期。預訂按鈕上也沒有圖形指示,不知道點完選擇后,是跳到新頁面還是如何。 淘寶在選擇和預訂按鈕加了一個向下和向右的箭頭,指向性就明確多了。

  2 按鈕的大小與留白 根據費茨定律,點擊區域越大,點擊目標所需的時間越短,用戶的鼠標能輕松觸達。所以,如果按鈕非常重要,我們可以加大他們大小。 但按鈕不是越大越好,一個小按鈕,把它放大10%,它的可用性會顯著提升,但如果你將一個本來就很大的按鈕再增加10%,它和可用性之間就不成正比了。

  如果想突出按鈕,可以將按鈕周圍留白多一點。

  這個頁面加入購物車按鈕,周圍包圍了無數其他元素,所得加入購物車的按鈕變得非常不明顯。這是一個反例,將按鈕放得太小太擠,會直接導致用戶購買的轉換率下降。 總結: 現在大家恍然大悟吧,行動按鈕雖小,但在頁面中起到了巨大的作用。這是用戶在瀏覽完你的頁面,最后采不采取行動最致命的關鍵點。如果按鈕設計的讓用戶眼前一亮,他就會毫不猶豫的掉進你設計的“陷阱”中。如果設計的平淡無奇,他也許在點按鈕的這一刻就放棄行動。那你之前做的一切努力,都白費了。 所以設計師在考慮按鈕時,應根據按鈕的使用場景,從按鈕的文字和形狀上,多考慮一些,再多考慮一些。



來源:UI設計第一站

上一篇: 淘寶詳情頁設計思路及操作流程

下一篇: 我們為什么需要動效設計

分享到: 更多
重庆时时采彩官方开奖 神奇的公式庄闲庄庄闲 3d和尾走势图带连线专业版 必富备用网址 老时时20110701 双色球开奖规则 一分快计划软件下载 炸金花手机版下载安装 本地升级discuz三肖六码 抢庄牌九怎么玩 北京pk10两个平台对刷 龙虎和怎么玩才赢钱 斗地主规则说明 pk10全天人工免费计划 手机棋牌游戏龙虎 北京pk10技巧公式