Thiết kế Landing Page theo quy tắc bố cục hình chữ F

5/5 - (2 bình chọn)

Trong thiết kế Landing page, sẽ là một thiếu sót cực lớn nếu bạn bỏ qua các yếu tố quan trọng liên quan đến “phần nhìn”, đặc biệt là thói quen, hành vi lướt web của khách hàng, dù là trong bất cứ lĩnh vực nào đi chăng nữa. Theo nghiên cứu, người dùng chỉ dành 3 – 5 giây để lướt sơ qua một trang Landing Page và 20 giây để xem và tìm kiếm thông tin trên trang chủ. Vậy phải làm thế nào để thực sự gây ấn tượng và để lại những thông tin giá trị nhất trong tiêm thức của họ trước khi họ rời đi?

Câu trả lời nằm ở bố cục hình chữ F trong thiết kế Landing page!

Bố cục hình chữ F trong thiết kế Landing Page là gì?

Sử dụng bố cục hình chữ F trong thiết kế Landing Page là nguyên tắc chung và được áp dụng trên nhiều quốc gia. Loại bố cục này cho biết các điểm nhìn chính của khách hàng. Đồng thời cũng như các khu vực mấu chốt doanh nghiệp hay công ty có thể đặt các thông tin quan trọng, thu hút khách hàng. Từ đó, người làm giao diện Landing có thể đưa ra những phương án thiết kế cụ thể và thiết thực nhất.

Không chỉ trong thiết kế web, F-layout còn được dân thiết kế sử dụng nhiều trong các ấn phẩm truyền thông khác như poster, standee, banner web, tờ rơi…

Mô hình thiết kế web theo bố cục hình chữ F có thể được khái quát hóa trong hình ảnh sau:

Quy tắc bố cục hình chữ F trong thiết kế Landing Page
Quy tắc bố cục hình chữ F trong thiết kế Landing Page

Dễ thấy, các điểm nhìn của người dùng sẽ di chuyển lần lượt theo thứ tự 1 > 2 > 3 > 4 theo đúng thói quen đọc của người dùng: Từ trái qua phải, từ trên xuống dưới. Đó cũng chính là lý do vì sao khi truy cập một Landing Page bạn thường bắt gặp các thanh Menu điều hướng nằm bên tay trái hoặc nằm ngang ngay tầm mắt người xem với các yếu tố quan trọng trong sitemap như Tin tức, Sản phẩm, Thông tin, Logo doanh nghiệp,….

Vì sao nên thiết kế Landing Page theo bố cục hình chữ F?

Hiện nay F-layout đang là xu hướng thiết kế Landing cực kì phổ biến. Bố cục này giúp ích và cũng ảnh hưởng khá nhiều đến chẩt lượng và hiệu quả của Landing Page.

Vậy, những lý do chính khiến bạn nên suy nghĩ về việc sở hữu một F-layout là gì? Chúng tôi cung cấp cho bạn một số thông tin sau đây:

  • Tính đến thời điểm hiện tại, tại Việt Nam, 70% các Landing page website, blog được thiết kế theo bố cục hình chữ F.
  • Các giao diện Lading Page được thiết kế theo bố cục chữ F có khả năng tăng traffic hơn 50% so với một Landing Page có bố cục tùy hứng, được sắp xếp lộn xộn.
  • Biểu đồ nhiệt dưới đây cho thấy những vùng mà người dùng thường dừng lại hoặc rê chuột vào nhiều nhất (màu đỏ và vàng). Kết quả bạn thấy các vùng này hầu hết đều tập trung nằm ở góc trên cùng bên trái, tương tự như hình một chữ F.
Mô hình chữ F trong thiết kế Landing Page
Mô hình chữ F trong thiết kế Landing Page
  • Người truy cập ít khi đọc từng chữ một trên trang Landing Page. Trên thực tế, họ thường chỉ đọc khoảng 20% số câu từ được viết ra.

Chính vì những lý do này mà nhiều chuyên gia trong ngành đã khuyên các công ty hay doanh nghiệp nên thiết kế Landing Page, đặc biệt là đối với các Landing page bán hàng để đạt hiệu quả như mong muốn.

Ưu, khuyết điểm của thiết kế Lading Page theo bố cục chữ F

Ưu điểm:

  • Các yếu tố định vị thương hiệu là những đối tượng đầu tiên được người xem “nhòm ngó” đến như logo, slogan, màu sắc chủ đạo.
  • Bạn có thể điều hướng người dùng đi đến các thông mình muốn truyền đạt thông qua việc đặt nó ở các vị trí chủ đạo.
  • Tận dụng thói quen đọc của người dùng nên có khả năng làm cho họ tiếp nhận thông tin được nhanh hơn và nhớ nhiều hơn.
Ưu điểm
Ưu điểm

Khuyết điểm:

Khuyết điểm thiết kế theo mô hình chữ F
Khuyết điểm thiết kế theo mô hình chữ F
  • Bố cục khiến cho Landing Page đơn giản, sử dụng không khéo dễ gây phản ứng trái ngược
  • Các nội dung chính, nội dung “nóng” chỉ luôn có thể để trên đầu

Bố cục hình chữ F trong thiết kế Landing page có thể được xem là lựa chọn tối ưu trong thời điểm hiện tại. Tuy nhiên cũng cần lưu ý rằng đây không phải tiêu chuẩn mà bất kì loại Landing Page nào cũng phải tuân theo. Một số trang Landing Page của nhiều cá nhân vẫn chọn cách thiết kế “lạ”, phá cách, không theo bất kì quy tắc nào thể hiện cho phong cách và sở thích riêng của họ. Tuy nhiên trường hợp này chiếm tỉ lệ khá ít và nếu thích bạn có thể chỉ áp dụng nhưng chỉ nên trong thời gian ngắn hạn để tạo sự mới mẻ.

Trong bài viết tiếp theo, chúng tôi sẽ hướng dẫn bạn cách làm thế nào để trình bày Landing page theo bố cục hình chữ F hợp lí mà không vi phạm các nguyên tắc cơ bản trong thiết kế Landing Page.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
Xem tất cả comment