Wufoo
Wufoo提供了兩個(gè)行動(dòng),用戶可以看到一個(gè)水平排列的樣式,主要期待行動(dòng)是左邊的那個(gè)。這些按鈕很大而且很難錯(cuò)過,盡管看網(wǎng)站的全局設(shè)計(jì)的時(shí)候它們并不是很顯眼。
Mobile Web Design
這個(gè)行動(dòng)召喚按鈕被放在一個(gè)醒目的位置;它有較大的型號(hào)和一個(gè)獨(dú)特的顏色——尊重了周邊的元素。為了“Purchas the book”上提供附加的上下文,這個(gè)行動(dòng)召喚按鈕下面防止了一些文字注釋的價(jià)格和可用的格式(傳統(tǒng)圖書或者PDF)。
NCover
這些行動(dòng)召喚按鈕很整齊。主要行動(dòng)在藍(lán)色的次要行動(dòng)的上面。用戶被吸引到這個(gè)按鈕是因?yàn)榇笮,而且?duì)次要期望行動(dòng)使用藍(lán)色調(diào)可以減弱它對(duì)相對(duì)于主要期望的行動(dòng)。注意空白的使用以創(chuàng)建三個(gè)相關(guān)元素的邏輯分組有助于實(shí)現(xiàn)銷售:文字告訴用戶Ncover是干什么的,注冊(cè)行動(dòng)召喚按鈕,以及體驗(yàn)行動(dòng)召喚按鈕。相比之下,注意此組和右邊的元素之間的空白變化。
Xero
本組行動(dòng)召喚按鈕展示聽過一個(gè)次要行動(dòng)的用法。在主要期待行動(dòng)的右邊,有一個(gè)文字鏈接請(qǐng)求用戶“了解更多(find out more)”,對(duì)于不想立馬注冊(cè)的用戶來說,這個(gè)設(shè)計(jì)增加了用戶會(huì)在注冊(cè)之前“了解更多”的可能性。
Tao Effect – Espionage
這是一組行動(dòng)召喚按鈕,為用戶提供三個(gè)選擇:Download、Buy Now或者Upgrade。這樣的話,主要期待行動(dòng)就是下載這個(gè)應(yīng)用,緊跟著兩個(gè)同樣的行動(dòng)“Buy Now”和“upgrade”。區(qū)別是在行動(dòng)召喚按鈕上使用不同哦你高的顏色,主要行動(dòng)比兩個(gè)次要行動(dòng)的顏色更醒目。
The Invoice Machine
這里你可以看到兩個(gè)使用藍(lán)色邊框高亮的行動(dòng)召喚按鈕,因?yàn)樗鼈兪褂昧送瑯拥娘L(fēng)格,我們可以假定它們有相同的重要性;蛟S該公司確定用戶在看到他們提供的東西之前不太可能選擇注冊(cè)的行為,也或者他們確信產(chǎn)品之旅將更有效的幫他們將訪問者轉(zhuǎn)換為會(huì)員。
Ekklesia 360
這套行動(dòng)召喚按鈕展示使用圖標(biāo)來指示向前的感覺(用指向右邊的箭頭表示)。他們使用了一個(gè)相對(duì)于黑藍(lán)色背景的高對(duì)比的色彩以使行動(dòng)召喚按鈕從頁(yè)面設(shè)計(jì)中突出出來。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 行動(dòng)召喚按鈕在網(wǎng)頁(yè)中的實(shí)例與實(shí)踐 [6] 下一頁(yè) 行動(dòng)召喚按鈕在網(wǎng)頁(yè)中的實(shí)例與實(shí)踐 [8]
|