Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages
Webdesign

5 Đặc điểm của một Landing Page Tốt

by
Length:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)

Một landing page (còn được gọi trang đích hay trang mục tiêu) tạo cho khách truy cập trang web của bạn một ấn tượng quan trọng ngay lần đầu tiên. Ấn tượng đó có thể là sự khác biệt giữa việc tạo ra một kết nối hoặc tạo ra một sự ngắt kết nối. Do đó, mọi chi tiết đều quan trọng trong việc duy trì sự chú ý của người dùng.

Dưới đây là 5 điều cần có trong một landing page tốt, cùng với các ví dụ minh hoạ. Tất cả các ví dụ chúng tôi sẽ minh hoạ cho bạn là từ Envato Elements, một dịch vụ cung cấp cho các thành viên quyền truy cập không giới hạn vào một thư viện khổng lồ các template, phông chữ, add-on và tài nguyên thiết kế—tất cả chỉ với một khoản phí hàng tháng.

1. Một Call-To-Action (CTA) Rõ ràng

Nhiệm vụ duy nhất của mỗi landing page phải là thuyết phục người dùng thực hiện hành động. Cho dù hành động đó có hình thức là một liên hệ với bạn, tải xuống một tập tin hay mua hàng—một Call-To-Action (CTA) được xác định rõ ràng có thể giúp bạn đạt được những việc đó.

Hype là một landing page HTML/CSS cung cấp một CTA hấp dẫn và dễ đọc. Nút kêu gọi ở ngay phía trên và bao gồm một tiêu đề, các button nổi bật và một hình ảnh đẹp. Là một người dùng, bạn không cần phải suy nghĩ hai lần về mục tiêu của trang là gì—tất cả đều ở đó.

Hype - App Landing Page
Hype - Landing Page cho Ứng dụng

2. Phân chia Nội dung

Mỗi phần của landing page phải có khoảng trắng xung quanh nó. Cùng với khoảng trắng, hình nền và hình ảnh cũng có thể được sử dụng để cung cấp sự phân chia trực quan. Điều này giúp đảm bảo rằng người dùng sẽ không bị choáng ngợp hoặc mất tập trung trong suốt thời gian truy cập. Các trang đơn nhất sử dụng điều này để đạt được hiệu quả tuyệt vời nhờ sự trợ giúp của liên kết chuyển hướng nội tại, cung cấp cho mỗi phần mới sự tách biệt rõ ràng so với phần trước.

Template PURE là một ví dụ tuyệt vời trong đó sử dụng kết hợp giữa khoảng trắng, hình nền và hình ảnh để làm cho mỗi phần trở nên nổi bật. Một cách hay khác là việc sử dụng các biểu tượng đầu dòng trên thanh điều hướng để người dùng cuộn xuống toàn bộ một phần mỗi lần. Điều này thực sự giúp bạn duy trì sự tập trung vào chỉ một mẩu nội dung.

PURE - Sublime Coming Soon Template
PURE - Template Coming Soon Trông rất Uy nghi

3. Văn bản Gọn gàng và Sạch sẽ

Người dùng càng dễ đọc và tiếp thu nội dung landing page của bạn, thì cơ hội thành công càng cao. Sử dụng các phông chữ dễ đọc với một khoảng cách giữa các chữ cái và chiều cao tốt. Và, đồng thời nên tránh các khối văn bản dài. Nội dung đi ngay vào trọng tâm sẽ hiệu quả hơn và trông tốt hơn.

Advent là template cho landing page, nó cung cấp một bản thiết kế rõ ràng cho triết lý này. Nó có typography độc đáo (tuy chỉ cần thêm một chút tương phản trong một số phần sẽ trở nên tuyệt vời—điều này có thể dễ dàng chỉnh sửa thông qua CSS) và nội dung súc tích từ đầu đến cuối. Hãy xem trang demo của nó để giúp bạn bắt đầu đúng hướng.

Advent Multipurpose Landing Page Template
Advent - Một Template Landing Page Đa năng

4. Sử dụng Thông tin Trực quan

Cùng với văn bản vừa ngắn vừa đẹp, thì việc sử dụng hình ảnh có thể là một phần quan trọng trong việc xác định thông điệp tổng thể của bạn. Điều này có thể là dưới dạng hình ảnh, sơ đồ, biểu đồ hoặc infographic. Các yếu tố trực quan như thế này thường có điểm vượt trội so với chỉ có văn bản.

Ex Watch là ví dụ tuyệt vời về landing page sử dụng các yếu tố khác nhau để thông báo một cách trực quan cho người dùng. Các hình ảnh sản phẩm được sơ đồ hoá, các biểu tượng kêu gọi sự chú ý đến các tính năng cụ thể và sử dụng hiệu ứng động một cách linh hoạt. Nó xuất hiện một cách hấp dẫn và kể một câu chuyện, trái với việc chỉ hiển thị thông tin.

Ex Watch - Single Product eCommerce HTML
Ex Watch - Trang HTML cho Sản phẩm Thương mại Điện tử

Ngoài ra, cần lưu ý rằng có hàng tấn tài nguyên trực quan tuyệt vời như thế này sẵn có cho các thành viên của Envato Elements. Hãy duyệt qua bộ sưu tập Infographic, Biểu tượngHình ảnh Vector khác để biết được những gì đang có sẵn. Chúng có thể rất hữu ích trong việc tạo ra giao diện và thông điệp đúng với những gì mà bạn đang theo đuổi.

5. Bảng màu Hấp dẫn

Việc sử dụng màu sắc chắc chắn là một vấn đề chủ quan dựa trên sở thích cá nhân. Tuy nhiên, cần phải chỉ ra rằng landing page sử dụng màu sắc theo cách thân thiện với người dùng có thể giúp việc sử dụng và hiểu trở nên dễ dàng hơn. Màu sắc trên các phần tử điều hướng và việc sử dụng độ tương phản cao là những cách đơn giản để tăng cường UX của bạn.

Hãy xem Landify, việc sử dụng màu sắc của nó là xuất sắc. Thật dễ tìm thấy những lời kêu gọi hành động. Theo một cách nào đó, giao diện rất đơn giản, nhưng đó là những gì làm cho template này trở nên hiệu quả.

Landify
Landify

Thông điệp của bạn đã được tiếp nhận!

Mặc dù bạn có thể sử dụng một landing page cho nhiều chủ đề, nhưng một số yếu tố nên đảm bảo xuyên suốt. Bạn sẽ cần đảm bảo rằng nó ưa nhìn và dễ sử dụng. Nó cũng nên kể cho người dùng một câu chuyện một cách hiệu quả nhất và dẫn dắt họ thực hiện hành động. Với sự giúp đỡ của các template trên từ Envato Elements, bạn sẽ đi đúng hướng trong việc đạt được mục tiêu đó.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.