Trong thiết kế website có rất nhiều layout trong thiết kế tuy nhiên thường thì chỉ có 2 loại layout phổ biến nhất và thành công nhất hiện nay chính là layout dạng full size và layout sidebar
Bạn không nên tạo một layout nào đó riêng đột phá cho mình rồi bắt người dùng học sử dụng website của bạn trừ khi bạn là một ông lớn đại gia tiền nhiều thì mới có khả năng dạy người dùng cách sử dụng website.
Cách tốt nhất thì hãy học hỏi copy những layout từ những ông lớn đã thành công, vì người dùng đã quá quen thuộc với cách sử dụng đấy rồi, bạn chỉ cần học hỏi theo họ là người dùng đã có thể sử dụng được ngay website của bạn không phải thắc mắc gì nhiều.
Bài viết này chủ yếu là bàn về full size và sidebar.
Khi nào thì sử dụng layout nào, layout nào là tốt nhất dành cho bạn.
Mục lục
đây là loại layout cực kì được yêu chuộng bởi nhiều năm về trước. cái thời mà www.domain.com thì thời đó gần như là gắn liền với thiết kế có sidebar, Layout sidebar thời khoảng 10 năm trước rất cực kì được yêu chuộc.
Ưu điểm của layout sidebar:
1: dễ dàng chuyển hướng liên kết nội bộ người dùng dễ dàng tìm kiếm thông tin.
2: dễ dàng gán banner quảng cáo.
3: dễ dàng trỏ backlink (cái thời seo năm 2020 thì hết thời rồi, trước gắn vào sidebar cũng rất ngon)
4: sử dụng adaptive image tối ưu hơn layout full size.
5: upload ảnh size ảnh nhỏ hơn full size để hiện thị đúng size.
Nhược điểm:
1: khiến người dùng mất tập trung (đây là điểm yêu lớn nhất khiến người dùng chia tay layout sidebar)
2: tối ưu lazy load khó khăn nếu như bạn cho một cái ảnh nào đó vào sidebar sẽ không hiểu quả lắm.
3: trình duyệt sẽ render từ trên xuống dưới từ trái qua phải, nó render ngang bằng với thẻ body, thẻ body mới chính là thứ người dùng cần để ý sớm.
Khi nào thì sử dụng layout sidebar.
1: Khi website của bạn cần gắn siêu nhiều quảng cáo. có sidebar thì gắn được thêm vài cái.
2: website của bạn là toàn người truy cập cũ ( chỉ có người truy cập cũ mới để ý đến sidebar)
3: Khó sử dụng cache WordPress hơn so với thiết kế dạng full size.
Layout full size
đây là loại layout hiện tại được yêu chuộng nhất hiện nay, rất nhiều hãng công ty lớn đang rất ưu chuộng và mình cũng đang sử dụng nó.
Mọi người đang dẫn chuyển sang layout sidebar để sử dụng layout full size
Ưu điểm của layout full size.
1: Người dùng dễ dàng tập trung hơn (quan trọng nhất).
2: Cân bằng thứ tự render tải tối hơn (lợi thế trình duyệt render từ trên xuống dưới)
3: Layout full size rộng rãi và thoáng mắt hơn.
4: Sử dụng lazy load tối ưu hơn (không phải khi người dùng kéo đến đoạn bên sidebar có ảnh và đồng thời body cũng có ảnh, nó tải ảnh bên sidebar trước xong mới tải ảnh bên body mà người dùng cần cái body).
5: Thân thiên gần gũi với giao diện điện thoại hơn rất nhiều.(bạn sử dụng sticky sidebar màn trên điện thoại không được hưởng lợi mà cũng phải load một đống file javascript để hỗ trợ sticky sidebar … ghi chú: sticky sidebar thời thiết kế điện thoại lên ngôi thì kiểu có sticky sidebar là một điều mình cảm thấy rất ngỡ ngẩn)
6: Viết ít css hơn để hiện thị, ít cấu trúc dom hơn load nhanh hơn một chút cũng không đáng kể lắm.
7: google sẽ ưu ái layout full size seo hơn sidebar.(ưu ái rất nhỏ)
Nhược điểm:
1: khi up load ảnh phải up load ảnh rộng hơn ảnh bên sidebar mới hiển thị kích thước đủ (tức là ảnh sẽ nặng hơn)
2: với WordPress sử dụng hình ảnh png-8 mà dùng adaptive image WordPress thì đang bị lỗi tái tạo ảnh mình có hướng dẫn sửa lỗi đó, sửa lỗi tái tạo thumbnail WordPress
Khi nào thì nên sử dụng thiết kế nào tốt nhất
Không có câu trả lời đúng hết mọi trường hợp, layout full size hay layout sidebar thì có một điểm mạnh và điểm yếu riêng.
Bạn cần phải dùng đúng trường hợp thì bạn nó mói phát huy tác dụng hiệu quả.
Theo kinh nghiệm của mình thì cũng tùy vào ngành nghề chủ đề website của bạn thì bạn mới biết quyết định chọn layout nào là tốt nhất.
Hiện tại có rất nhiều ngành nghề mình không thể nghiên cứu liệt kê chính xác ngành này dùng thế này mình chỉ nói một số chỉ số xem bạn có phù hợp không mà thôi, để gợi ý cho bạn để bạn quyết định.
Mạnh nhất không bằng phù hợp nhất
Hiện nay mình thấy nhiều website họ áp dụng kết hợp điểm mạnh của 2 layout này vào, những trang thì họ sử dụng layout sidebar có những trang họ sử dụng layout full size. (để đạt được kết quả tốt nhất)
Nếu muốn biết cách thực hiện thị được, bạn phải biết lập trình temple themes hoặc đơn giản sử dụng themes genesis họ có hỗ trợ lựa chọn layout từng bài viết, từng chuyên mục bla bla…
1: Website của bạn có rất nhiều traffic quay trợ lại. (vì sidebar chỉ thường sử dụng điều hướng cho người dùng thường xuyên ghé thăm đến bạn).
2: rất tốt làm bộ lọc sản phẩm, web app ứng dụng.
3: cần nhồi nhiều quảng cáo, như bạn quảng cáo google adsense thích nhiều quảng cáo để kiếm thêm nhiều tiền.
4: bạn đang kinh doanh nhiều ngành nghề sản phẩm… Menu header của bạn không có đủ diện tích để bạn nhét thêm vào để điều hướng người dùng bạn cần phải dùng layout sidebar để trợ giúp
5: Website của bạn chỉ số tỷ lệ thoái thấp, người dùng chuyển hướng lên tục.
Với thiết kế layout sidebar điều hướng là muôn lắm.
Khi nào thì nên sử dụng layout full size
1: bạn cần sự tập trung của người dùng vào bài viết, bài hướng dẫn, quảng cáo, content, chả có cái ladding page chuẩn nào lại dùng sidebar cả …
2: Bạn kinh doanh ít ngành nghề, ít sản phẩm menu header đã quá đủ cho người dùng chuyển hướng.
3: Cho quảng cáo vào body full size vẫn luôn hiệu quả hơn là cho quảng cáo và sidebar.
Với thiết kế layout full size tập trung của người dùng là muôn lắm.
Lựa chọn tốt nhất hiện tại:
Theo mình thì lên kết hợp sử dụng của cả vào một website, ưu điểm của cài này vào chỗ nào, ưu điểm của cái kia vào chỗ kia.
KPI mình thấy sử dụng layout chuẩn là FPT SHOP và Điện Máy xanh quá nổi tiếng ở Việt Nam là 2 ứng cử viên làm cực ngon khoản layout bạn có thể phân tích, FPT SHOP chắc mình nghĩ hiện tại là làm tốt nhất kết hợp nhịp nhàng giữa 2 layout và siêu chuẩn ux.
FPT shop là trang bán hàng họ kết hợp các layout rất tốt .
Nếu là một blog cơ bản như wp tăng tốc thì bạn có thể tham khảo mình, hiện tại mình đang sử dụng layout full size, mỗi trang tổng hợp danh mục blog thì mình sử dụng layout sidebar.
Để lại một bình luận