bgware

Những ví dụ sinh động về thiết kế nút Call to action trên website

Nút call to action (kêu gọi hành động) rất quan trọng trong thiết kế web và không nên bỏ qua nó trong mọi trường hợp. Khiến người dùng web phải thực hiện một hành động theo ý của mình là một nhiệm vụ quan trọng và tạo ra một nút call to action hiệu quả không đơn giản như bạn nghĩ.

Nó không chỉ là vấn đề chọn màu sắc bắt mắt, mà còn là chuyện phải chọn hình ảnh và thông điệp đủ tính thôi thúc người dùng web ấn vào. Bạn muốn người xem làm một hành động nào đó, chẳng hạn như chọn một sản phẩm cho vào giỏ hàng mua sắm online của họ hoặc đăng ký dịch vụ, tải file...

Showcase Of Call To Action Buttons In Web Design

Một nút call to action thành công trong thiết kế website cần phải có tính thuyết phục và hấp dẫn. Bạn không chỉ đơn giản dùng một từ "click here" mà khiến người xem làm theo ý bạn. Một số động từ thường được dùng khi muốn hướng người xem tạo ra hành động nào đó như:

  • Read More on ... (đọc tiếp tại)
  • Download 
  • Buy Now
  • Order sản phẩm
  • Compare Prices (so sánh giá)

Bạn không cần phải giải thích cho người dùng web rằng tại sao họ cần ấn vào nút mà ạn tạo ra. Hãy chắc chắn rằng nội dung của nút call to action phải phù hợp với đường link đằng sau nút bấm đó, và nội dung mở ra đó cũng phải đáng giá thật sự với cú click chuột đó của người dùng.

Tạo ra một chút cấp bách trong thông điệp ở nút call to action cũng là một cách thôi thúc người xem bấm vào, nhưng không phải lúc nào người dùng web cũng nghĩ đó là sự cấp bách giống như người lập trình và thiết kế trang web nghĩ. Cũng có sự khác biệt giữa việc tạo ra sự cấp bách và việc tạo ra sự động viên, khuyến khích.

Mặc dù website nào bạn cũng sẽ thấy ít nhất một nút call to action nào đó, nhưng các nút đó được thiết kế khá đơn điệu. Tuy vậy, cũng không ít website chịu đầu tư vào chi tiết nhỏ và quan trọng này trên thiet ke website của mình, khiến chúng trở nên nổi bật và hiệu quả hơn đáng kể.

Dưới đây là một số ví dụ sinh động để bạn hình dung ra muôn màu muôn vẻ của những nút call to action này trên các thiết kế web khác nhau.

mobilewebbook.com

mobilewebbook.com Call to action button

 

learnlakenona.com

learnlakenona.com Call to action button

 

thewp.co

thewp.co Call to action button

 

markup-service.com

markup-service.com Call to action button

 

commercialiq.com

commercialiq.com Call to action button

 

themeskingdom.com

themeskingdom.com Call to action button

 

codebasehq.com

codebasehq.com Call to action button

 

basecamphq.com

basecamphq.com Call to action button

 

senzoo.net

senzoo.net Call to action button

 

campaignmonitor.com/

campaignmonitor.com/ Call to action button

 

wakeinteractive.com

wakeinteractive.com Call to action button

 

tearoundapp.com

tearoundapp.com Call to action button

 

rapidxhtml.com

rapidxhtml.com Call to action button

 

getballpark.com

getballpark.com Call to action button

 

shutterstock.com

shutterstock.com Call to action button

 

13creative.com

13creative.com Call to action button

 

w3-markup.com

w3-markup.com Call to action button

 

lightcms.com

lightcms.com Call to action button

 

barcampomaha.org

barcampomaha.org Call to action button

 

fork-cms.com

fork-cms.com Call to action button

 

mailchimp.com

mailchimp.com Call to action button

 

amoderneden.com

amoderneden.com Call to action button

 

rubybots.com

rubybots.com Call to action button

 

xero.com

xero.com Call to action button

 

2fly.com.br

2fly.com.br Call to action button

 

rememberthemilk.com

rememberthemilk.com Call to action button

 

liveresto.com

liveresto.com Call to action button

 

fotolia.com

fotolia.com Call to action button

 

hellobar.com

hellobar.com Call to action button

 

scrapblog.com

scrapblog.com Call to action button

 

postbox-inc.com

postbox-inc.com Call to action button

 

crazyegg.com

crazyegg.com Call to action button

 

planhq.com

planhq.com Call to action button

 

culturedcode.com

culturedcode.com Call to action button

 

elegantthemes.com

elegantthemes.com Call to action button

 

Tác giả: Phùng Thanh Hằng
Nguồn tin: CÔNG TY TNHH NGÔI SAO SỐ
Tổng số điểm của bài viết là: 0 trong 0 đánh giá
Click để đánh giá bài viết

Mới đăng

Những kiểu thiết kế lời trích dẫn (Quote) thú vị trên website

Những kiểu thiết kế lời trích dẫn (Quote) thú vị trên website

Những câu trích dẫn thường mang lại cảm hứng và cảm xúc nhất định cho người đọc. Việc đưa những lời trích dân (quote) lên website cũng là một việc làm đòi hỏi sự sáng tạo để khiến những câu nói đó không bị đứng lẻ loi và thiết nổi bật trên website.

10 website theo phong cách Retro

10 website theo phong cách Retro

Phong cách Retro mang lại cảm giác gần gũi với người xem. Những bản thiết kế Website retro luôn tạo ra trải nghiệm tuyệt vời cho người sử dụng bởi màu sắc cũng như không gian bố cục.

9 mẫu website tốt nhất cho cửa hàng bánh ngọt

9 mẫu website tốt nhất cho cửa hàng bánh ngọt

Để khách hàng biết đến sản phẩm, các cửa hàng bánh ngọt phải có được một bản thiết kế Website tốt về mặt ý tưởng cũng như lập trình.

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây