Thiết kế giao diện mới Dân trí

Phiên bản mới Dân trí vừa mới lên, đạt được một số vấn đề sau thoáng hơn, tốc độ cao hơn, tiết kiệm 30% máy chủ và giữ được sự quen thuộc. Dưới đây là vài các quan điểm thiết kế của nhiều nhóm liên quan (BBT, Nội dung, Quảng cáo, Thương hiệu) kết hợp lại tạo nên giao diện mới. (Lưu ý đây chỉ là tổng hợp, không phản ánh quan điểm cá nhân)

1. Giao diện

 

* Dòng sự kiện: dùng cho việc theo dõi sự kiện quan trọng kéo dài trong nhiều ngày, cũng có thể sử dụng nó cho breaking news – Mới.

* Menu ngang: quan niệm mỗi chuyên mục là một lĩnh vực, người đọc chuyên sâu chọn lĩnh vực, sau đó mới chú ý tới tiểu chủ đề. Các mục menu là vùng phủ nội dung của báo.

* Vùng trung tâm: cải tiến quan niệm cũ, ngoài sự kiện trọng điểm và các sự kiện đáng chú ý trong ngày. Bổ sung thêm 3 sự kiện nổi bật, nhưng không trọng điểm bằng sự kiện chính. Vùng trung tâm chứa gọn trong màn hình đầu tiên, giúp độc giả xem lướt các sự kiện thời sự trong ngày.

* Vùng list nội dung chuyên mục: cấu trúc 1 cột, đọc tuần tự từ trên xuống dưới, đa phần phần title bài báo nằm trên 1 dòng, quá trình đọc không phải liếc mắt ngang dọc. Dân trí và Vnexpress khác biệt lớn nhất là ở đây, Vnexpress vùng này chia làm 2 cột, xuống dòng tiên tục, quá trình lướt mắt khác với Dân trí.

* Menu chuyên mục giấu bớt các menu con, chỉ khi nào rê chuột vào mới hiện ra (học tập ý tưởng của VnMedia). Hiệu quả là lượng thông tin độc giả phải nhìn giảm đi, nhưng vẫn giúp đọc giả ý thức được và truy cập nhanh vào chuyên mục con.

* Màu sắc, phối màu – giữ nguyên hệ thống màu sắc, kích cỡ, font chữ cũ để giúp độc giả có được sự quen thuộc, không bị phá vỡ thói quen quá mức.

* Kích thước: 780px, đảm bảo 2 cột đầu tiên nằm trọn trên màn hình 800*600 khó tính nhất, 980px – đảm bảo cả 3 cột nằm trọn trong màn hình 1024*768 khó tính nhất. Với màn hình lớn hơn toàn bộ hệ thông được căn giữa.

* Các chuyên mục: giữ quy luật đọc thẳng từ trên xuống, giúp độc giả lướt nhanh qua nội dung. Tùy từng lĩnh vực mà có các box nội dung ở cột thứ 2 rộng rãi.

Điểm dở nhất của giao diện này: toàn bộ nội dung căn sát lề trái, độc giả sẽ cảm giác là bị "lệch", mắt "lác". Tuy vậy kỳ vọng là độc giả sẽ quen dần với việc nhìn sang trái.

2. Quảng cáo

 

* Chuẩn: Đa phần tuân theo chuẩn quốc tế, đặc biệt là chiều ngang, về chiều dài là bội số của chuẩn quốc tế. Khách hàng có thể sử dụng các banner hoặc mẫu thiết kế quốc tế để triển khai trên Dân trí và các hệ thống site chuyên ngành khác mà không cần phải thiết kế lại.

* Kích thước: thiên về banner to rộng hơn và chia sẻ lượt xem để tạo ra chiều sâu ấn tượng bằng cảm giác hoành tráng, đẹp đẽ, không rối mắt hơn là các banner nhỏ mà ai cũng xem.

* Màu sắc: màu sắc cả trang nhẹ nhàng, tạo độ nổi và khác biệt giữa quảng cáo và nội dung.

* Độ thoáng: Giữa các quảng cáo được tạo độ thoáng nhờ các khoảng trống được chừa sẵn, các đường viền chờ sẵn nếu cần thiết. Khiến cho các quảng cáo tách biệt rành mạch, rõ ràng với nhau hơn.

* Ads Format đa dạng: sự đa dạng về kích cỡ, hình thức quảng cáo chấp nhận và các hình thái rich media giúp khách hàng có nhiều lựa chọn hơn.

3. Next step?

 

* Cá nhân hóa? Có thể bao gồm dịch chuyển các box chứa tin chuyên mục trang chủ, điều khiển số lượng tin hiển thị theo từng chuyên mục. Điểm dở là đi ngược lại nhu cầu về sự nhất quán, thống nhất và zero effort khi tiêu thụ nội dung kiểu đại chúng.

* Giảm từ 3 cột về còn 2 cột? Điểm lợi là hình ảnh và video sẽ to hơn, thông thoáng hơn – đặc biệt phù hợp với các nội dung có tính "xem" hơn so với tính "đọc". Tuy vậy độc giả màn hình 800*600 sẽ bị thiệt thòi nặng nề.

* Thêm các box bổ sung cho từng chuyên mục? Nghiên cứu và cải thiện liên tục

* Cải thiện cấu trúc từng bài viết? Ví dụ như bài liên quan, bài liên quan từ báo khác, đọc tham thảo thêm, dòng sự kiện, các box trích dẫn, thảo luận v.v.. – Vấn đề này thiên về quan điểm làm báo hơn là vấn đề thiết kế, công nghệ, vì thế không bàn ở đây.