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...

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
learnlakenona.com
thewp.co

markup-service.com

commercialiq.com

themeskingdom.com

codebasehq.com

basecamphq.com

senzoo.net

campaignmonitor.com/

wakeinteractive.com

tearoundapp.com

rapidxhtml.com

getballpark.com

shutterstock.com

13creative.com

w3-markup.com

lightcms.com

barcampomaha.org

fork-cms.com

mailchimp.com

amoderneden.com

rubybots.com

xero.com

2fly.com.br

rememberthemilk.com

liveresto.com

fotolia.com

hellobar.com

scrapblog.com

postbox-inc.com

crazyegg.com

planhq.com

culturedcode.com

elegantthemes.com

Nguồn tin: CÔNG TY TNHH NGÔI SAO SỐ
Mới đăng
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
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
Để 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.

