行動召喚按鈕設(shè)計展示
現(xiàn)在我們已經(jīng)講了一些設(shè)計行動召喚按鈕的最佳實踐，讓我們看一些網(wǎng)頁上的行動召喚按鈕的典型實現(xiàn)。我們將配合這些設(shè)計和上面的技術(shù)和最佳實踐，并瀏覽他們?nèi)绾螏椭鷮崿F(xiàn)這些良好的設(shè)計。
Campaign Monitor
這套行動召喚按鈕顯示兩個潛在的用戶行為：”Try it for free”和”View features”。對于已經(jīng)了解Campaign Monitor 和想要現(xiàn)在嘗試的用戶來說，他們可以執(zhí)行首要期望的行動，而其它的想要在作出時間承諾之前瀏覽一下可以選擇查看該網(wǎng)絡(luò)應(yīng)用的更多特性的次要行動。
Fileshare HQ
這個行動召喚按鈕告訴用戶預(yù)期的事情(”開始在片刻間分享文件(start sharing files in minutes)”).
Livestream.com
這組行動召喚按鈕使用垂直排列分組以表示展示給用戶的這些行動的期待的重要性順序。主要期望的行動是獲取一次評估，接著是了解服務(wù)的詳情，最后是對比不同方案之間的差別。
Traffik CMS
這個行動召喚按鈕被放在一個非常醒目的位置，在頁面的最頂部，并用型號和色彩從周邊相關(guān)元素中高亮了出來。
Hambo Design
這個行動召喚按鈕告訴用戶預(yù)期的事情：通過獲得報價，沒有附加的東西。它預(yù)料到了”如果我要花費時間進行這個流程的話一份報價將花費我多少?”的問題。(該網(wǎng)站已經(jīng)被改版——譯者，神飛。)
The Resumator
你可以在這個行動召喚按鈕上看到很多最佳實踐。首先，它使用了空白、大小和顏色來清晰的將自己和頁面其它元素區(qū)分開來。然后，為了創(chuàng)造邏輯的分組以說服用戶采取行動，它在按鈕上面的推薦文字上使用較少的空白，然后將次要行動”Take a tour first”放到它的下面。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 行動召喚按鈕在網(wǎng)頁中的實例與實踐 [5] 下一頁 行動召喚按鈕在網(wǎng)頁中的實例與實踐 [7]
|
第 1 頁 
第 6 頁 行動召喚按鈕在網(wǎng)頁中的實例與實踐 [6]
