中文翻譯行動(dòng)召喚按鈕：實(shí)例與最佳實(shí)踐
英文原文Call to Action Buttons: Examples and Best Practices
版權(quán)所有，轉(zhuǎn)載請注明出處，多謝！

行動(dòng)召喚在網(wǎng)頁設(shè)計(jì)中——尤其是在用戶體驗(yàn)方面——是一個(gè)描述在網(wǎng)頁中用于誘導(dǎo)用戶行為的元素的術(shù)語。在網(wǎng)站界面中，最流行的行動(dòng)召喚的表現(xiàn)是出現(xiàn)在點(diǎn)擊表單按鈕、完成一個(gè)行動(dòng)(比如”Buy this now!”)或使用附加信息帶到一個(gè)頁面(比如”Learn more …”)等請求用戶來采取行動(dòng)的地方。

我們?nèi)绾蝿?chuàng)建有效的行動(dòng)召喚按鈕來吸引用戶的注意并引誘他們點(diǎn)擊？我們將在本文中通過分享一些有效的設(shè)計(jì)技術(shù)和查看一些實(shí)例來嘗試回答這個(gè)問題。

有效的行動(dòng)召喚按鈕的最佳實(shí)踐

設(shè)計(jì)行動(dòng)召喚按鈕到網(wǎng)站界面需要一些遠(yuǎn)見和計(jì)劃；它必須是你的原型和信息結(jié)構(gòu)流程的一部分以使他們能夠正常工作。在本節(jié)中，我們將討論行動(dòng)召喚按鈕的設(shè)計(jì)技術(shù)。

用大小吸引用戶注意

在網(wǎng)頁中，一個(gè)元素相對于其周圍元素的大小表明其重要性：元素越大，它就越重要。判斷網(wǎng)站的某種行為有多么至關(guān)重要，行動(dòng)召喚按鈕的型號也應(yīng)相應(yīng)的調(diào)整。

行動(dòng)召喚按鈕與周邊元素

Lifetree Creative展示大小的主意以表明他們的行動(dòng)召喚按鈕的重要性。將按鈕的大小與公司的logo對比。為了吸引用戶的注意，這個(gè)行動(dòng)召喚按鈕在寬度方面比logo大了大約20%。盡管logo在頁面中放的比較高，你的眼睛還是被吸引到了行動(dòng)召喚按鈕，因?yàn)樗鄬τ谥苓呍乇容^大。

行動(dòng)召喚按鈕與不太重要的行動(dòng)召喚的大小

一個(gè)網(wǎng)頁可能有多個(gè)行動(dòng)召喚。為了區(qū)分一個(gè)行動(dòng)召喚與其它行動(dòng)的相關(guān)重要性，你可以改變他們的大小。這里網(wǎng)站有一個(gè)使用這個(gè)理念的實(shí)例，那個(gè)頁面的讓用戶注冊以獲取郵件通知的行動(dòng)召喚按鈕明顯的比繼續(xù)閱讀性東召喚按鈕大一些，表明在該網(wǎng)頁中，與繼續(xù)閱讀日志相比他們更希望你采取訂閱

使用突出的位置吸引用戶注意

頁面中的行動(dòng)召喚按鈕的位置是吸引訪問者的注意的關(guān)鍵。放置在突出的位置，比如頁面的章節(jié)的頭部可以帶來較高的頁面轉(zhuǎn)換因?yàn)橛脩魧⒑芸赡茏⒁獾叫袆?dòng)召喚按鈕并采取行動(dòng)。

放置在明顯的區(qū)域、

將一個(gè)行動(dòng)召喚按鈕放置在一個(gè)明顯的區(qū)域是一個(gè)讓它在頁面布局中突出的一個(gè)方法。你可以在dailymile看到這個(gè)概念，行動(dòng)召喚按鈕看起來在一個(gè)比其它元素比如圖形條高的層面上(在頂部)。

放到頁面的頭部

為了闡述這個(gè)概念，看一下位于Your Web Job頁面最右上角的”Post a Job!”行動(dòng)召喚按鈕。通過將行動(dòng)召喚按鈕放到一個(gè)非常醒目的區(qū)域，這樣好像用戶會(huì)注意到它或者稍后記住它，在他們看過網(wǎng)站的內(nèi)容之后。比如一個(gè)職位發(fā)布者想要在他們發(fā)布職位之前瀏覽一下網(wǎng)站，”Post a Job!”按鈕將隨時(shí)為他們準(zhǔn)備好，無論哪個(gè)頁面引導(dǎo)他們跳轉(zhuǎn)，他們會(huì)更可能記得他們可以很容易的執(zhí)行這個(gè)行動(dòng)的地方，因?yàn)樗奈恢米銐蝻@眼。

放在布局的中間

將一個(gè)行動(dòng)召喚按鈕定位到頁面布局的中間——而不是兩側(cè)(或明顯比較小或者不重要)的位置——可以是一個(gè)很有效的吸引注意和誘導(dǎo)一個(gè)行動(dòng)的方法。在例子PicsEngine中，盡管這個(gè)行動(dòng)召喚按鈕沒有使用與其背景色和頁面中周邊元素高對比的色彩，它依然能夠因?yàn)槠渚又械奈恢枚苋菀滓鹱⒁狻?/p>

#p#

使用空白來從其他頁面元素中區(qū)分行動(dòng)召喚按鈕

行動(dòng)召喚按鈕周圍的空白（或者無效空間）的使用是一個(gè)讓它在有很多元素的區(qū)域中突出的很有效的方法。

用于區(qū)分行動(dòng)召喚按鈕的空白

IconDock展示如何有效的利用空白。即便使用一個(gè)很小而且簡單設(shè)計(jì)的行動(dòng)召喚按鈕，它依然很突出，因?yàn)樵谒袜徑刂g的空間。

改變空白的數(shù)量以表明邏輯關(guān)系

行動(dòng)召喚按鈕與其周邊的元素之間的空白越多，他們的聯(lián)系越少。因此，如果你有其它元素能夠有助于說服用戶采取行動(dòng)，減少那些元素之間的空白和間隔。

例如，Donor Tools在他們的”Sign Up”行動(dòng)召喚按鈕上面有些文字，它們告訴用戶注冊的好處。在它的右邊是一個(gè)瀏覽器截圖只是用于美化的，而且對激勵(lì)用戶點(diǎn)擊”Sign Up”行動(dòng)召喚按鈕不是必須的。通過減少文字和行動(dòng)召喚按鈕之間的空白，你將這兩個(gè)元素可視的組織到了一起。瀏覽器截圖和一個(gè)圖片保證用戶的實(shí)現(xiàn)不會(huì)從行動(dòng)召喚按鈕上面轉(zhuǎn)移走。

使用高對比度的顏色

決定在行動(dòng)召喚按鈕上使用哪個(gè)顏色很重要。在你的行動(dòng)召喚按鈕上使用一個(gè)相對于周邊元素和背景色對比度高的色彩，因?yàn)檫@是讓用戶注意到你的行動(dòng)召喚按鈕的關(guān)鍵。

與周邊元素形成對比的顏色

Notepod例證在一個(gè)行動(dòng)召喚按鈕和它周邊元素的色彩反差是如何能夠有效的吸引用戶的注意的。周圍元素都是黑色的，而這個(gè)行動(dòng)召喚按鈕卻是淺藍(lán)色。

背景/前景色彩反差

Valley Creek Church設(shè)置它的淺黃色”Learn More”召喚按鈕到一個(gè)灰度圖片上面。就算使用一個(gè)簡單的行動(dòng)召喚按鈕設(shè)計(jì)在一個(gè)復(fù)雜元素的上面(此處是一個(gè)圖片)，它依然因?yàn)樯蔬x擇而醒目。

提供次要的替代行動(dòng)

一個(gè)頁面可以有多個(gè)行動(dòng)召喚按鈕。有時(shí)候有必要提供一個(gè)次要行動(dòng)以便于說服用戶稍后訪問你希望的主要的行動(dòng)召喚。比如，在用戶注冊一些網(wǎng)絡(luò)服務(wù)之前，一些用戶需要了解更多的信息才去執(zhí)行注冊的行為；次要行為可以請求他們體驗(yàn)一次產(chǎn)品之旅或者訪問展示產(chǎn)品的更多信息的頁面。

在主要行動(dòng)旁邊顯示次要行動(dòng)

OfficeVP顯示兩個(gè)挨著的行動(dòng)召喚按鈕——居中并放在頁面頭部。通過區(qū)分顏色，用戶可以看到他們有兩條不同的路：他們可以直接注冊(主要行動(dòng))，或者如果他們在注冊前希望了解更多，他們可以選擇第二個(gè)行為，體驗(yàn)一下先。

#p#

Transmissions 也展示了在期望的重要行動(dòng)旁邊放一個(gè)次要行動(dòng)按鈕的概念。這樣的話，主要行動(dòng)就是讓用戶購買該應(yīng)用。如果他們想在購買前試用一下，那么第二期望的行動(dòng)就是先下載該應(yīng)用。注意主要行動(dòng)通過做的比次要行動(dòng)按鈕更醒目來被標(biāo)識(shí)出來，相對于背景色比次要行動(dòng)按鈕有更鮮明的對比色。這樣，你就很有效的從左到右移動(dòng)目光。

另外，注意兩個(gè)行動(dòng)召喚按鈕之間相對于該區(qū)域其它元素的縮少的空白的使用，有效的將按鈕組織到了一起。

在主要行動(dòng)召喚按鈕下面顯示次要行動(dòng)按鈕

另外，你可能想將次要按鈕放到主要行動(dòng)下面。如果你需要更好的區(qū)分你的行動(dòng)召喚按鈕的話，這可能就是有必要的了。Virb 展示了這個(gè)方案，”Join Now” 行動(dòng)召喚按鈕被放在次要行動(dòng)“體驗(yàn)產(chǎn)品之旅”的上面。注意，次要行動(dòng)按鈕因?yàn)樗哪J(rèn)狀態(tài)被用比較弱的色彩遠(yuǎn)遠(yuǎn)的從主要行動(dòng)隔開了。

傳遞一種緊迫感

通過使用大膽的、肯定的和命令的詞語表達(dá)這個(gè)行動(dòng)可以改變用戶的看法，用這種方法說服他們不應(yīng)再等待才去采取行動(dòng)，以及等待可能會(huì)造成某些懲罰或者錯(cuò)失良機(jī)。

tap tap tap通過給一個(gè)行動(dòng)召喚按鈕添加緊迫性來證明了這個(gè)主意。”Buy Now”行動(dòng)召喚按鈕上面有“價(jià)格信息(Intro price)”的文字，巧妙的暗示用戶行動(dòng)拖延越久，將來在這個(gè)介紹的價(jià)格過期的時(shí)候可能要支付的更多的風(fēng)險(xiǎn)就越高。

通常，創(chuàng)造緊迫感可以有效的暗示用戶去采取行動(dòng)。使用單詞比如”now”、”immediately”和”right now”可以傳遞這種緊迫感。看一看Organizing for America (BarackObama.com) 呼吁網(wǎng)站訪問者”DONATE NOW”的例子。如果只是簡單的說”Donate”，緊迫感就會(huì)消失，用戶也可能會(huì)更少的去采取行動(dòng)。

告訴用戶采取行動(dòng)是很容易的

通常，用戶遲疑采取行動(dòng)是源于考慮一個(gè)姓對可能會(huì)比較困難、昂貴或者費(fèi)時(shí)。通過照顧這些擔(dān)心，你的行動(dòng)召喚按鈕能帶來更多的轉(zhuǎn)換(點(diǎn)擊)。

你如，在Basecamp上，行動(dòng)召喚按鈕明確顯示用戶注冊將會(huì)花費(fèi)的時(shí)間以及注冊是不花錢的(free)。 這種做法消除了用戶將要在線采取行動(dòng)是的兩個(gè)主要顧慮：費(fèi)用(這也會(huì)要求他們采取格外的操作比如拿出他們的信用卡) 和時(shí)間限制。

#p#

在Tea Round App的例子中，他們告訴用戶注冊他們的郵件服務(wù)將不會(huì)受到垃圾郵件，這是無論何時(shí)將你的Email提供給第三方服務(wù)時(shí)擔(dān)心的一個(gè)事情。

告訴用戶期待什么

大部分網(wǎng)站用戶猶豫于相信在網(wǎng)頁上呈現(xiàn)的表面價(jià)值。根據(jù)經(jīng)驗(yàn)，他們的信任已經(jīng)被燒光了——聲稱免費(fèi)服務(wù)的鏈接，卻不得不輸入他們的信用卡號碼才能得到他們想要的服務(wù)。為了增加點(diǎn)擊轉(zhuǎn)換率和重建信任，預(yù)期用戶的懷疑并告訴他們通過采取你為他們準(zhǔn)備的行動(dòng)將會(huì)得到什么。當(dāng)設(shè)計(jì)一個(gè)行動(dòng)召喚按鈕，考慮到用戶可能會(huì)有的所有潛在的問題，然后確定你可以及時(shí)的回答他們。

Mozilla Firefox 告訴用戶通過點(diǎn)擊他們的行動(dòng)召喚按鈕的詳細(xì)的預(yù)期。這個(gè)行動(dòng)召喚按鈕告訴你你將會(huì)得到Firefox 3.5，它是免費(fèi)的，以及(對那些更多的特性)它的確切的版本是3.5.3 forWindows 操作系統(tǒng)，語言是English，然后你可以預(yù)期一個(gè)7.7MB 的下載。

Onehub預(yù)料到用戶是否(在采取行動(dòng)上)需要先支付或者他們是否能夠用一下產(chǎn)品作一下測試的問題，告訴用戶如果他們采取注冊的行為，他們將獲得30天的免費(fèi)試用。

轉(zhuǎn)載請注明出處：前端觀察。

#p#

行動(dòng)召喚按鈕設(shè)計(jì)展示

現(xiàn)在我們已經(jīng)講了一些設(shè)計(jì)行動(dòng)召喚按鈕的最佳實(shí)踐，讓我們看一些網(wǎng)頁上的行動(dòng)召喚按鈕的典型實(shí)現(xiàn)。我們將配合這些設(shè)計(jì)和上面的技術(shù)和最佳實(shí)踐，并瀏覽他們?nèi)绾螏椭鷮?shí)現(xiàn)這些良好的設(shè)計(jì)。

Campaign Monitor

這套行動(dòng)召喚按鈕顯示兩個(gè)潛在的用戶行為：”Try it for free”和”View features”。對于已經(jīng)了解Campaign Monitor 和想要現(xiàn)在嘗試的用戶來說，他們可以執(zhí)行首要期望的行動(dòng)，而其它的想要在作出時(shí)間承諾之前瀏覽一下可以選擇查看該網(wǎng)絡(luò)應(yīng)用的更多特性的次要行動(dòng)。

Fileshare HQ
這個(gè)行動(dòng)召喚按鈕告訴用戶預(yù)期的事情(”開始在片刻間分享文件(start sharing files in minutes)”).

Livestream.com
這組行動(dòng)召喚按鈕使用垂直排列分組以表示展示給用戶的這些行動(dòng)的期待的重要性順序。主要期望的行動(dòng)是獲取一次評估，接著是了解服務(wù)的詳情，最后是對比不同方案之間的差別。

Traffik CMS
這個(gè)行動(dòng)召喚按鈕被放在一個(gè)非常醒目的位置，在頁面的最頂部，并用型號和色彩從周邊相關(guān)元素中高亮了出來。

Hambo Design
這個(gè)行動(dòng)召喚按鈕告訴用戶預(yù)期的事情：通過獲得報(bào)價(jià)，沒有附加的東西。它預(yù)料到了”如果我要花費(fèi)時(shí)間進(jìn)行這個(gè)流程的話一份報(bào)價(jià)將花費(fèi)我多少?”的問題。(該網(wǎng)站已經(jīng)被改版——譯者，神飛。)

#p#

The Resumator
你可以在這個(gè)行動(dòng)召喚按鈕上看到很多最佳實(shí)踐。首先，它使用了空白、大小和顏色來清晰的將自己和頁面其它元素區(qū)分開來。然后，為了創(chuàng)造邏輯的分組以說服用戶采取行動(dòng)，它在按鈕上面的推薦文字上使用較少的空白，然后將次要行動(dòng)”Take a tour first”放到它的下面。

本文由前端觀察譯自Smashing Magazine，轉(zhuǎn)載請注明出處，多謝。

Wufoo
Wufoo提供了兩個(gè)行動(dòng)，用戶可以看到一個(gè)水平排列的樣式，主要期待行動(dòng)是左邊的那個(gè)。這些按鈕很大而且很難錯(cuò)過，盡管看網(wǎng)站的全局設(shè)計(jì)的時(shí)候它們并不是很顯眼。

Mobile Web Design
這個(gè)行動(dòng)召喚按鈕被放在一個(gè)醒目的位置；它有較大的型號和一個(gè)獨(dú)特的顏色——尊重了周邊的元素。為了“Purchas the book”上提供附加的上下文，這個(gè)行動(dòng)召喚按鈕下面防止了一些文字注釋的價(jià)格和可用的格式(傳統(tǒng)圖書或者PDF)。

NCover
這些行動(dòng)召喚按鈕很整齊。主要行動(dòng)在藍(lán)色的次要行動(dòng)的上面。用戶被吸引到這個(gè)按鈕是因?yàn)榇笮?，而且對次要期望行?dòng)使用藍(lán)色調(diào)可以減弱它對相對于主要期望的行動(dòng)。注意空白的使用以創(chuàng)建三個(gè)相關(guān)元素的邏輯分組有助于實(shí)現(xiàn)銷售：文字告訴用戶Ncover是干什么的，注冊行動(dòng)召喚按鈕，以及體驗(yàn)行動(dòng)召喚按鈕。相比之下，注意此組和右邊的元素之間的空白變化。

Xero
本組行動(dòng)召喚按鈕展示聽過一個(gè)次要行動(dòng)的用法。在主要期待行動(dòng)的右邊，有一個(gè)文字鏈接請求用戶“了解更多(find out more)”，對于不想立馬注冊的用戶來說，這個(gè)設(shè)計(jì)增加了用戶會(huì)在注冊之前“了解更多”的可能性。

#p#

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該公司確定用戶在看到他們提供的東西之前不太可能選擇注冊的行為，也或者他們確信產(chǎn)品之旅將更有效的幫他們將訪問者轉(zhuǎn)換為會(huì)員。

Ekklesia 360
這套行動(dòng)召喚按鈕展示使用圖標(biāo)來指示向前的感覺(用指向右邊的箭頭表示)。他們使用了一個(gè)相對于黑藍(lán)色背景的高對比的色彩以使行動(dòng)召喚按鈕從頁面設(shè)計(jì)中突出出來。

Checkout
通過使用一個(gè)相對于全局設(shè)計(jì)的非常突出的顏色到他們的行動(dòng)召喚按鈕，盡管在它上面的圖片明顯比按鈕的型號還要大，它依然能夠吸引用戶的注意。

spinen
使用直接而清晰的語言告訴用戶當(dāng)他們采取行動(dòng)后預(yù)期的事情：這樣的話，點(diǎn)擊這個(gè)行動(dòng)召喚按鈕將讓他們找到產(chǎn)品的更多信息。

#p#

Codebase
這個(gè)行動(dòng)召喚按鈕告訴用戶，通過執(zhí)行這個(gè)行動(dòng)他們能得到什么：免費(fèi)15天的試用。它通過使用高對比色彩、在左邊的一個(gè)圖標(biāo)以及大量的空白來吸引用戶的注意。

GoodBarry
在這個(gè)行動(dòng)召喚按鈕中，你可以看到空白、型號以及聰明的色彩選擇是如何有效的讓一個(gè)行動(dòng)召喚按鈕變得非常醒目。強(qiáng)調(diào)這個(gè)行動(dòng)是免費(fèi)的”FREE”能夠暗示用戶他們的預(yù)期。

Wake Interactive
這里，這個(gè)行動(dòng)召喚按鈕相對于其周邊元素的色彩令它突出出來，盡管它的周圍的空白比較小。

OH! Media
這個(gè)行動(dòng)召喚按鈕真的從頁面中脫穎而出了——因?yàn)樗奈恢谩⒅車目瞻滓约啊钪匾摹伾倪x擇。看一下這個(gè)頁面，目光被直接吸引到這個(gè)行動(dòng)召喚按鈕上了。

Pixelcrayons
看看空白能夠如何很棒的提升行動(dòng)召喚按鈕吸引注意的效果。

#p#

Ballpark
這個(gè)行動(dòng)召喚按鈕的型號有效的吸引了用戶的注意。它的清晰而直接的語言明確地告訴用戶執(zhí)行行動(dòng)之后的預(yù)期結(jié)果。

One Theme Per Month
這個(gè)行動(dòng)召喚按鈕組將主要希望行動(dòng)放到替代行動(dòng)的中間。通過為主要期望行動(dòng)添加一個(gè)非常醒目的顏色，以及一個(gè)較大的空間，它試圖將它的重要性放到次要行動(dòng)的上面。

Scrapblog
你可以看到使用相對于周邊元素的鮮明的色彩、足夠的空間、以及型號的一些用戶注意的效果。簡單的語言傳遞一種很容易的感覺，生存你可以通過點(diǎn)擊立馬“開始(start)”。

13 Creative
這個(gè)行動(dòng)召喚按鈕顯示如何通過使用一個(gè)非傳統(tǒng)的設(shè)計(jì)，你依然可以在周圍元素比較大的情況下吸引用戶的注意。

Kalculator
這個(gè)行動(dòng)召喚按鈕明確的高速用戶：通過點(diǎn)擊這個(gè)行動(dòng)召喚按鈕，他們可以只付$3.99。使用單詞”only”提示這是個(gè)相當(dāng)不錯(cuò)的交易，這顯然有利于銷售。

#p#

Web Design Beach
下面是一組使用兩種不同顏色的行動(dòng)召喚按鈕。更醒目的那個(gè)，”get a quote” 暗示它就是主要期待行動(dòng)。

The Highland Fling
該行動(dòng)召喚按鈕設(shè)法通過大量的空白、顯眼的位置和使用一個(gè)圖標(biāo)以使自己顯眼以吸引注意力。通過使用單詞”now”，它傳遞了一種緊迫感和立馬行動(dòng)的需求。

Commercial IQ
這個(gè)行動(dòng)召喚按鈕的型號和項(xiàng)目位置吸引了用戶的注意。放大鏡圖標(biāo)給行動(dòng)添加了語境。添加“Free for search”文字消除了用戶關(guān)于行動(dòng)的費(fèi)用的顧慮。

dashboard
這里，你可以看到使用高對比色彩的以使行動(dòng)召喚按鈕脫穎而出的做法，盡管是在明顯較大的頁面元素中間。

#p#

行動(dòng)召喚按鈕的附加資源

如果你想了解更多的關(guān)于行動(dòng)召喚按鈕的信息，這里是一些其它網(wǎng)站上的相關(guān)資源和文章：
如何在Photoshop中制作一個(gè)光滑而簡潔的按鈕
這個(gè)教程是在Six Revision，由我(Jacob Gube)編寫，將一步步向你展示如何制作大號的和能引起注意的行動(dòng)召喚按鈕。

網(wǎng)頁設(shè)計(jì)中的靈感按鈕
如果你需要一些優(yōu)秀按鈕設(shè)計(jì)的靈感，看一下這個(gè)Pattern Tap的收集吧。

有效的行動(dòng)召喚按鈕的10種技術(shù)
Paul Boag討論一些關(guān)于制作良好的行動(dòng)召喚按鈕的技術(shù)

良好的行動(dòng)召喚按鈕
UX Booth關(guān)于“好的行動(dòng)召喚按鈕的組成”方面有一篇好文章

Firefox展示一個(gè)強(qiáng)大的行動(dòng)召喚按鈕是如何提升入口頁面的性能的
閱讀一下一個(gè)好的行動(dòng)召喚按鈕如何提高轉(zhuǎn)換。你將發(fā)現(xiàn)一個(gè)Firefox、Opera和IE使用的行動(dòng)召喚按鈕之間的對比。

網(wǎng)站設(shè)計(jì)趨勢：行動(dòng)召喚按鈕(中文翻譯)
Lee Munroe將一系列的行動(dòng)召喚按鈕放到一起，并附加了一個(gè)在當(dāng)前設(shè)計(jì)趨勢方面的討論。

關(guān)于原作者
Jacob Gube是Six Revisions的創(chuàng)立者和主編。他同時(shí)也是一個(gè)專注于遠(yuǎn)程教育、前端開發(fā)和網(wǎng)站可用性的網(wǎng)頁開發(fā)者/設(shè)計(jì)師，如果你想聯(lián)系他，可以follow他的Twitter: @sixrevisions。