<ins id="rx5n7"></ins>

    <dfn id="rx5n7"></dfn>

        企業形象網站建設解決方案   |   集團公司網站建設解決方案   |    協會門戶網站建設解決方案
        您所在位置:首頁 > 建站知識

        網站設計

        Website development

        網頁設計中按鈕焦點如何設計

        發布時間:2017-10-19 11:33:39

        TAGS:網站設計

        當我們訪問大多數網站時,我們經常會有一個目標。為了達到這個目的,通常需要采取一系列步驟,第一步開始是點擊CTA(號召性用語)按鈕。想想上次注冊一個服務或下載一個應用程序時,這個過程可能包括一個與號召性用語的交互。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        CTA按鈕是您在網站中使用的按鈕,用于指導用戶進行目標轉換。CTA的全部內容是將您的網站訪問者引導到所需的操作過程。CTA的一些常見例子包括:TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • “開始審判”TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • “下載應用程序/書/指南”TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • “注冊更新”TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • “咨詢”TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        今天,我們將討論設計CTA按鈕的5個實踐以及的現實世界示例,以幫助您從著陸頁獲得多的點擊。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        目視敲擊按鈕TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        你的按鈕顏色很重要。事實上,如果你只想從這篇文章中獲得一個建議,應該是這樣的:“考慮你的CTA按鈕顏色”。使用顏色,您可以通過給予他們更多的視覺突出來使某些按鈕比別人更突出。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        使用對比色TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        對比顏色適合CTA按鈕,使用對比色可以創建出色的醒目按鈕。您應該從網頁的配色方案中選擇一種對比色,同時仍然符合整體設計。請考慮下面的Firefox示例。Firefox頁面上的CTA按鈕的綠色正在跳出頁面,并立即獲得用戶關注。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        Firefox CTA按鈕是明亮的綠色,在深藍色的背景下脫穎而出TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        Hipmunk主頁上還可以找到另外引人注目的CTA按鈕。明亮的橙色按鈕捕捉用戶的注意力并定義下一個可能的動作。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        負空間TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        不僅顏色對于CTA是重要的,還包括它周圍的空間??瞻祝ɑ蜇摽臻g)創建必要的呼吸空間,并將您的CTA按鈕與用戶界面中的其他元素分開。舊的Dropbox主頁是使用負面空間來制作主要CTA彈出的一個很好的例子。藍色的“免費注冊”CTA脫穎而出,背離了淺藍色。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        面向行動的文本TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        為您的號召性用語撰寫文字,強制您的訪問者采取正確的行動不是一件容易的事情。幸運的是,有幾件事可以幫助你做到這一點:TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        從動詞開始TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        您應該避免對CTA按鈕的“輸入更多信息”等模糊而無聊的詞語,并將其替換為更多的面向行動的單詞,例如“開始免費試用”或“現在獲得折扣”。Evernote具有常見的功能之一,但仍然為其CTA按鈕工作面向行動的文本。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        從“開始”,“獲取”或“加入”開始,TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        Treehouse主頁上可以找到一個更有趣的例子。Treehouse網站的CTA不僅僅是說“開始免費試用”; 它說“聲稱您的免費試用”。措辭的區別可能看起來很微妙,但“聲稱您的免費試用”聽起來更加個人化。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        使用簡單和容易理解按鈕的文本TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        如果他們點擊CTA,請確保訪問者將獲得什么。理想情況下,您希望將按鈕文字保持在兩到五個字之間。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        增加價值主張TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        很可能你已經注意到,許多按鈕在其副本中都有“免費”這樣的字眼,這并不是巧合,在按鈕復制中使用這樣的詞語強調了您的報價的價值主張。因此,在編寫CTA時,嘗試找到一種整合一個(或全部)3個說服性詞語的方法:TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • 自由TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • 獎金TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        • 即刻TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        讓我舉個例子:用戶之前一直擔心要注冊一些東西,那就是如果他們不喜歡這個服務,那么取消訂閱會很痛苦。Netflix解除了在“免費加入一個月”CTA旁邊的承諾“隨時取消”的擔憂。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        創造緊迫感TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        在CTA按鈕中構建緊迫感可以產生令人印象深刻的點擊率。例如,您可以使用按鈕文字,例如“注冊,僅限今天享受25%折扣!”限制某人做出決定的時間讓人們想要提出要約。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        有用的文本TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        有時您可能需要考慮在按鈕文本中添加額外的信息。這種做法是免費試用按鈕的常見問題。例如,免費試用按鈕可能會在CTA按鈕下方的“開始免費試用”文本中的較小文本中顯示“30天試用,無信用卡”。這個額外的文字應該可以減輕決策過程。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        使其可見,無需滾動TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        您的號召性用語按鈕的位置與顏色和消息一樣重要。CTA按鈕應位于易于查找的位置,可以從網頁的流程有機地跟隨。您應該嘗試將CTA按鈕保留在折疊上方,以便用戶不要錯過它。理想情況下,您的CTA按鈕應該是用戶在到達頁面時首先看到的。額外的信息應該保持在折疊之下,它仍然可以訪問,但不會分散注意力。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        大圓形圓角TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        想想設計如何交流能力。用戶如何將元素理解為按鈕?使用形狀和大小使元素看起來像一個按鈕。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        使它足夠大TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        CTA應該足夠大,可以從遠處看到,但不能太大,以至于減少頁面上主要內容的注意TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        用戶按鈕與圓角TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        按鈕的形狀可以起到很大的作用。這是一個  證明的事實,圓角在眼睛上更容易。在ContentVerve的測試中,圓角的綠色按鈕比藍色矩形更好。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        更少是更多當它來到選擇TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        請記住,如果您希望客戶采取行動,您必須協助他們,從他們的方式中刪除所有可能的障礙。當用戶被給予太多選擇時,往往會被困惑。所以,好只為潛在客戶提供一個選擇。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        如果您仍然希望包含多個按鈕選擇,請選擇其他選項,以幫助用戶轉向特定的路徑。一個很好的例子是Evernote:一旦你到了Evernote的主頁的底部,很明顯,一個優選的選擇是“免費注冊”,而用于比較計劃的CTA是次要的。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngTJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        為了實現有效的CTA設計,您不僅需要考慮按鈕本身??紤]背景顏色,周圍圖像,周圍文字和其他許多元素也很重要。了解這些元素的重要性,并為其著陸頁設計了完美的布局。TJd北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        原創不易,未經授權,嚴禁轉載

        原文地址:http://www.lizothman.com/i,72,7338,0.html

        客戶評價

        更多+
        • 感謝云智互聯,系統提前完成,在整個項目周期內,云智互聯對待我們并不像是對待客戶,更像是朋友一樣,每一次,都能以專業的角度向我們提出更合理、更有效的解決方案,并快速、細致地完成我們的每一個需求,再次感謝以至誠之心做事的云智互聯團隊。

          潘濤

        • 我是東方龍馬集團,在云智家做了2個企業官網,服務態度超級好。如果想做網站,選擇他家一定不后悔。性價比高,服務態度好。值得你的信賴!

          譚嬌

        • 技術好,設計精良,操作便利,很專業!配套的服務和后續的服務都很好,網站封面堪稱精品,運行方便,后臺操作的簡單。技術還會耐心教我,很好的云智互聯(北京)科技有限公司,建站很不錯的。

          陳曦

        • 不錯,價格比較合適,重點是響應速度蠻快,有什么問題都會馬上給你解決,公司很滿意,因為他們都是針對每個項目建了相應的討論組,有問題可以再里面提出,人員分工到位,解決問題很及時。

          張經理

        聯系方式

        工作時間:10:00-19:00
        咨詢電話:010-64758810
        客服郵箱:net@cnlink.cc

        合作伙伴

        All Rights Reserved.©2010-2016 YZLINK.CN 京公網安備 110105019435 京ICP備14020656號
        本網站設計已受版權保護,任何公司及個人不得復制,違者將依法追究責任,特此聲明。法律顧問:北京市輝瑞律師事務所。
        嘿,我來幫您!
        高H猛烈失禁潮喷A片在线播放,日本久久精品一区二区三区,精品无码综合一区二区三区,在厨房被夫上司强迫BD,一边摸一边添下面动态图,18禁止美女脱了内裤让男生摸,中国老妇女50XX