Thiết kế Header là thuật ngữ không thể bỏ qua đối với những nhà thiết kế trong lĩnh vực kinh doanh, quảng cáo. Tuy nhiên, không phải ai cũng thực sự hiểu Header là gì trong từng lĩnh vực cụ thể. Nhằm giúp bạn hiểu rõ hơn thuật ngữ này,STV đã tổng hợp những thông tin quan trọng trong bài viết dưới đây, bạn hãy tham khảo thêm.
Bạn chỉ có vài giây để gây ấn tượng, giới thiệu và thu hút với khách hàng khi họ truy cập vào trang chủ website của bạn. Header ấn tượng là một thời khắc quan trọng nhưng hầu hết các trang web bỏ lỡ để gây ấn tượng và kết nối với khách truy cập của họ.
Những tiêu chí thiết kế header ấn tượng
Có rất nhiều cách để tạo nên 1 header ấn tượng với khách hàng ngay lần đầu truy cập website như để phần header chiếm toàn bộ màn hình, show 1 vài sản phẩn mới hay đơn giản là 1 vài câu slogan thú vị. Nhưng nhìn chung, 1 header ấn tượng sẽ có các yếu tố sau đây:
- Lời kêu gọi gây tò mò, hứng thú
- Tiêu đề bắt mắt
- Ảnh nền lớn, video nổi bật
- Hoạt ảnh
- Thương hiệu công ty, logo hoặc slogan
- Thanh navigation ấn tượng
- Giới thiệu nội dung kiểu băng chuyền, slide show
Lời kêu gọi (The call to action)
Khi bạn đã thiết lập thông điệp ban đầu của mình thông qua tiêu đề lớn, bắt mắt, bước tiếp theo là hướng dẫn khách và làm cho khách hàng muốn thực hiện theo hướng dẫn đó. Các hành động đó có thể là nhấp vào nút “đăng ký”, xem sản phẩm hoặc dự án của bạn hoặc để lại email. Điều này được gọi là “call to action”.
Khi thiết kế lời kêu gọi bạn cần đảm bảo rằng nó nổi bật và đánh thức được trực quan của khách hàng. Điều này có nghĩa là sử dụng màu của thương hiệu làm nền, đặt ở vị trí nổi bật trên màn hình. Như ở trung tâm hay là ngay dưới dòng tiêu đề – đây là một lựa chọn rất phổ biến, nhưng bạn không nhất thiết phải như vậy. Lựa chọn màu tốt có thể làm nổi bật lời kêu gọi ngay cả khi nó ở góc màn hình.
Khi bạn đã có được chỗ đặt lời kêu gọi hợp lý thì điều bạn cần suy nghĩ tiếp theo là cách sử dụng từ. Hãy suy nghĩ đến hành động bạn muốn khách hàng làm? Lựa chọn từ bắt đầu hợp lý, trách các từ thô, có ý nghĩa mơ hồ.
Tiêu đề bắt mắt (The headline)
Bắt đầu với phần tiêu đề. Những vị khách vãng lai khi truy cập website của bạn có thể sẽ đọc tiêu đề đầu tiên vì vậy nó cần đơn giản, dễ hiểu và truyền đạt đúng nội dung để nhanh chóng thu hút và truyền tải đến khách hàng những thông điệp cần thiết nhất.
Ảnh nền (The background image)
Bạn có 1 thông điệp và 1 hành động. Bạn không muốn dành khoảng không gian lớn để đặt tiêu đề hay lời kêu gọi, bạn muốn giành nhiều không gian hơn cho các nội dung khác. Cách sử dụng hình nền lớn thay cho tiêu đề cũng là 1 ý hay và cũng được áp dụng khá là rộng rãi. Cách này có thể thực sự hiểu để kết nối mọi người tới thông điệp của bạn thông qua những bức ảnh nền.
Hiện nay cũng có rất nhiều các trang web cung cấp ảnh chất lượng cao và miễn phí, bạn có thể thử và xem bức ảnh nào là tốt nhất, phù hợp với trang web và thông điệp của bạn nhất, tất cả đều nhanh chóng và miễn phí.
Phong cách, bố cục hợp lý(Getting the style right)
Khi bạn đã có tiêu đề đơn giản, dễ hiểu thì bạn cũng cần phải trình bày chúng 1 cách rõ ràng trên website. Như ví dụ trên, tiêu đề to, màu tối, đặt giữa khung hình với nền trắng, bạn không thể nào truy cập trang web mà bở lỡ được cái tiêu đề này.
Ngoài các tiêu chí trên thì còn nhiều các tiêu chí cũng như là cách khác để tạo nên 1 header ấn tượng, bắt mắt.
- Sử dụng gradient-color
- Tạo khung nhìn đầy đủ
- Sử dụng video làm nền
- Sử dụng video ngắn để truyền đạt thay vì sử dụng tiêu đề và lời kêu gọi
- Suy nghĩ táo bạo không cần tiêu đề cầu kì, lời kêu gọi hào hùng hay ảnh nền, chỉ cần cách bố trí giản dị, ngay khi người dùng truy cập vào trang web đã có thể thấy toàn bộ các thông tin cơ bản và nổi bật của trang web mà không cần phải cuộn chuột một cái nào.
- Phá vỡ mọi quy tắc: trang chủ hồi xưa của basecamp, thoạt nhìn thì khá lộn xộn, logo thì đặt ở giữa, menu bị chia làm 2 và có tới 3 tiêu đề.
Header trong website quan trọng như thế nào
- Header là một thẻ quan trọng trong website nó là tiêu đề của trang web xuất hiện trên mỗi trang và hiển thị trên kết quả tìm kiếm.
- Header thường xuất hiện trên logo, slogan, và thanh menu điều hướng. Đôi khi nó còn thêm công cụ tìm kiếm.
- Nó là đoạn text phải ánh đúng nội dung của bài viết trên trang của bạn
- Header tạo sự chuyên nghiệp cho trang web mang lại sự trải nghiệm tốt nhất cho người dùng
Tùy vào từng công cụ khác nhau thì khái niệm Header là gì và vai trò của nó cũng khác nhau. Điều quan trọng là nhà thiết kế phải nắm được tác dụng của Header cũng như cách thiết lập để có được sản phẩm hoàn hảo và ấn tượng nhất.