Thiết kế trang web giới thiệu doanh nghiệp

Nhiều trang web chọn hiển thị một văn bản giải thích ngắn ở vị trí nổi bật trong bố cục trang web của họ để thông báo cho khách truy cập mục đích của trang web là gì. Văn bản giới thiệu này, khi được soạn thảo tốt, có thể giúp người dùng nhanh chóng quyết định xem họ có đang ở đúng nơi hay không. Một trang web chỉ có vài giây để cho khách truy cập biết rằng họ đã tìm thấy những gì họ đang tìm kiếm và phần giới thiệu trang web của bạn là lời giới thiệu ngắn gọn của bạn về điều đó.

Chúng ta sẽ khám phá việc sử dụng văn bản giới thiệu trang web trong các loại trang web khác nhau để hiểu rõ hơn về các xu hướng và kỹ thuật để thiết kế chúng một cách hiệu quả. Ở cuối bài viết này, cũng có phần giới thiệu một số thiết kế web xuất sắc có văn bản giới thiệu trang web tuyệt vời để chúng ta khám phá thêm về chủ đề này.

Mục tiêu thiết kế

Cần phải có một mục đích cho mọi thành phần của một trang web.

Mỗi người trong số họ phải hỗ trợ các mục tiêu và mục đích của trang web. Theo cách này, một cách tiếp cận chu đáo đối với thiết kế và bản sao của văn bản giới thiệu trang web của bạn là rất quan trọng. Mục tiêu của việc giới thiệu trang web của bạn là:

• Để cho khách truy cập biết, càng nhanh càng tốt, trang web nói về cái gì.
• Để đưa ra gợi ý về hành động (hoặc các hành động) mà họ có thể thực hiện ngay lập tức (kêu gọi hành động).
• Để cung cấp thông tin theo ngữ cảnh liên quan đến những gì mong đợi nếu khách truy cập quyết định dành nhiều thời gian hơn trên trang web.

Sau đây là một số cân nhắc thiết kế phù hợp với ba mục tiêu trên.

Văn bản nên súc tích và hữu ích

Bản sao của bạn phải rõ ràng và ngắn gọn — từ 1 đến 3 câu là đủ — giống như phần tóm tắt của một bài báo khoa học hoặc một đoạn trích của một bài đăng trên blog. Văn bản giới thiệu ngắn cải thiện khả năng sử dụng bằng cách cung cấp cho trang web một số ngữ cảnh, nhưng nếu nó quá dài, người dùng có xu hướng bỏ qua nó theo một bài báo của chuyên gia hàng đầu về khả năng sử dụng, Jakob Nielsen.

Phần giới thiệu thông tin và được thiết kế chu đáo sẽ giúp những người lần đầu truy cập trang web nhanh chóng xác định nội dung của trang web. Một văn bản giới thiệu trang web được xây dựng tốt là có thể thực hiện được. Ví dụ dưới đây từ Polecat là một ví dụ làm nổi bật tầm quan trọng và hiệu quả của việc ngắn gọn.

Chỉ trong năm từ, văn bản giới thiệu trang web đã gói gọn thành công trang web là gì. Bất chấp sự ngắn gọn của bản sao, nó thông báo rõ ràng cho khách truy cập rằng đó là trang web của các nhà phát triển iOS.

Thể hiện cá tính của công ty bạn

Vì văn bản giới thiệu của trang web thường là điều đầu tiên mà khách truy cập trang web mới sẽ nhìn thấy khi họ truy cập trang web của bạn, nên đây là cơ hội tuyệt vời để thể hiện cá tính của công ty bạn, giống như cách chủ đề thiết kế trang web của bạn (ví dụ:

tối, sạch sẽ, phong cách grunge, tối giản, v.v.) thể hiện cá tính của công ty bạn. Dưới đây là phần giới thiệu trang web của vịt thân thiện: Nó ngắn gọn, đơn giản, hấp dẫn và được viết có cá tính.

Hãy trực tiếp

Người dùng Internet không có nhiều thời gian; họ muốn biết càng nhanh càng tốt tại sao họ lại ở trên trang web của bạn.

Bạn có thể làm điều này bằng cách rõ ràng và đi thẳng vào vấn đề với thông điệp của mình. Ví dụ: văn bản giới thiệu của FreeAssociation cho khách truy cập biết họ làm việc với ai và họ làm gì.

Đưa ra đề xuất giá trị của bạn

Thông báo cho khách truy cập những gì bạn cung cấp là một ý tưởng hay.

Điều này được gọi là đề xuất giá trị của bạn. Bạn cung cấp giá trị gì cho khách hàng? Điều gì khiến bạn trở nên độc nhất?

Ví dụ, trang web Project365 hứa với khách hàng của họ rằng họ không phải là một công ty truyền thông mới bình thường và họ có thể cung cấp các thiết kế thông minh để thu hút khách truy cập vào trang web của khách hàng — một lời hứa mà không phải công ty thiết kế nào cũng có thể tự tin thực hiện.
Tìm hiểu thêm Dịch vụ thiết kế web chuyên nghiệp bao gồm những gì?

Đặt nó ở một vị trí bố cục đặc biệt

Văn bản giới thiệu trang web là thứ bạn muốn khách truy cập của mình nhìn thấy ngay lập tức. Thông thường, mục tiêu là để nó được nhìn thấy đầu tiên.

Kỹ thuật thiết kế đặc biệt

Có nhiều kỹ thuật thiết kế đặc biệt mà bạn có thể sử dụng để thu hút sự chú ý của người dùng. Bạn có thể áp dụng các phương pháp liên quan đến trọng lượng hình ảnh, phân cấp hình ảnh, không gian âm và thậm chí cả nguyên tắc Hình-Mặt đất Gestalt. Ngoài ra, bạn có thể sử dụng một công cụ như Kích thước trình duyệt của Google để xác định tỷ lệ phần trăm dân số Internet sẽ thấy văn bản giới thiệu trang web của bạn khi tải trang ban đầu.

Trên cùng bên trái

Một kỹ thuật hầu như luôn hoạt động là đặt văn bản giới thiệu trang web ở đầu bố cục. Cho dù theo quy ước Internet ăn sâu hay xu hướng thực tế của con người, người dùng web nhìn về phía trên cùng của bố cục trang web khi họ đang tìm kiếm các thành phần quan trọng của trang web, chẳng hạn như menu điều hướng chính và các tính năng tìm kiếm. Theo một nghiên cứu theo dõi bằng mắt được thực hiện bởi Jakob Nielsen, phía trên bên trái của bố cục trang web là vị trí đắc địa vì sự chú ý của người dùng nghiêng về bên trái.

Lưu ý cách trang web Giám sát Chiến dịch có văn bản giới thiệu trang web của họ ở trên cùng bên trái của bố cục. Họ sử dụng các kỹ thuật thiết kế đặc biệt khác như khoảng cách (khoảng cách của nó so với các yếu tố thiết kế khác làm tăng tính khác biệt của nó), cách xử lý kiểu độc đáo và phân cấp trực quan.

Trung tâm hàng đầu

Một vị trí nổi bật khác là trên cùng và trung tâm.

Trang web Fork cho thấy cách đặt văn bản giới thiệu trang web của bạn ở giữa trên cùng của bố cục trang web giúp thu hút sự chú ý.

Tận dụng hình ảnh xung quanh

Một cách khác mà bạn có thể thu hút sự chú ý của khách truy cập trang web là thông qua việc sử dụng các yếu tố hình ảnh xung quanh để củng cố và hướng ánh nhìn về phía thông điệp của bạn. Lưu ý ba hình minh họa đều giúp hướng mắt bạn về phần văn bản giới thiệu trang web trên trang chủ của Carbonmade.

Thu hút sự chú ý của người dùng bằng kỹ thuật Typography

Có một số kỹ thuật bố cục kiểu chữ mà bạn có thể sử dụng để nâng cao hơn nữa tính hấp dẫn của văn bản giới thiệu trên trang web của mình. Hãy thảo luận về một cặp vợ chồng.
Kích thước kiểu chữ

Một kỹ thuật tạo kiểu chữ là kích thước. Các vật thể lớn hơn sẽ dễ tiếp cận hơn (theo Định luật Fitt) và nguyên tắc Gestalt về Tính tương đồng chỉ ra rằng nếu một vật thể lớn hơn đáng kể so với các vật thể khác xung quanh nó, thì nó sẽ nổi bật như một vật thể khác biệt.

Chú ý độ lớn của văn bản giới thiệu trang web trên Teehan+Lax. Bất kể độ tương phản thấp so với nền và độ sống động của các khu vực xung quanh, nó vẫn có thể thu hút sự chú ý của bạn do tỷ lệ tương đối của nó.

Kiểu dáng văn bản

Hiệu ứng văn bản độc đáo có độ tương phản cao so với nền của nó cũng có thể giúp ích rất nhiều cho văn bản giới thiệu trang web có thể thu hút sự chú ý.

Lưu ý hiệu ứng văn bản chuyển màu đơn giản trên trang web Great Bible Tales và cách nó có thể giúp thu hút sự chú ý của bạn đối với đề xuất giá trị của trang web của họ.

Cân nhắc sử dụng tiêu đề ngắn

Một số tin nhắn cần giải thích thêm. Một chiến lược phổ biến trong tình huống này là sử dụng một tiêu đề ngắn gọn, giàu từ khóa, sau đó là một đoạn văn ngắn.

Twitter thể hiện kỹ thuật này bằng một tiêu đề lớn, in đậm, sau đó là một câu ngắn.

Gần đến lời kêu gọi hành động

Điều tồi tệ nhất có thể xảy ra sau khi đọc văn bản giới thiệu của một trang web là không nhận ra hành động tiềm năng tiếp theo có thể là gì. Giảm khả năng khách truy cập trang web nhấn nút quay lại trên trình duyệt của họ bằng cách đặt lời kêu gọi hành động có liên quan gần với thông điệp của bạn.

Như được hiển thị bên dưới, Clearleft cung cấp cho bạn liên kết đến trang Giới thiệu của họ thông qua lời kêu gọi hành động (“Hãy xem những gì Clearleft có thể làm cho bạn.”) ngay sau văn bản giới thiệu trang web của họ.

MailChimp cũng làm như vậy bằng cách cung cấp nút kêu gọi hành động bắt mắt mà bạn có thể nhấp vào để đăng ký tài khoản với dịch vụ web của họ.