Tiêu chí nào cho một thiết kế web đẹp?

Người truy cập là yếu tố chính quyết định sự thành công hay thất bại của một website. Vì họ là người duy nhất nhấp chuột và do đó quyết định mọi thứ. Thiết kế web theo hướng người dùng đã trở thành một cách tiếp cận tiêu chuẩn cho việc thiết kế web thành công.

Một website đẹp sẽ thu hút người dùng. Vậy tiêu chí nào cho một thiết kế web đẹp?

Tính thẩm mỹ

Giữa hàng triệu trang web đang tồn tại, hình thức bên ngoài là một trong những yếu tố quyết định website của bạn có được người dùng chào đón hay không.

Bạn sẽ cảm thấy thế nào khi vào một trang web được thiết kế sơ sài về hình thức? Không xét đến vấn đề nội dung mà chỉ xét về vấn đề cảm quan, tôi chắc chắn rằng bạn sẽ không cảm thấy tin tưởng khi xem những nội dung mà website đó cung cấp.

Tính thẩm mĩ của website được quyết định bởi:

– Ý tưởng thiết kế: Tùy thuộc vào chức năng của website mà có những ý tưởng riêng phù hợp. Một ý tưởng độc đáo, đảm bảo được công năng của trang web sẽ luôn được chào đón.

– Bố cục: Quan niệm về cái đẹp trong thiết kế web cũng giống như trong các lĩnh vực đồ họa khác như thiết kế poster, brochure, catalogue, …cũng phải tuân theo quy luật thị giác, phải đảm bảo điểm vàng trong bố cục, … Một website thu hút được người xem là một website tạo được điểm nhấn về bố cục, chỉ cần một vài điểm nhấn tại những vị trí trung tâm của ánh nhìn.

– Màu sắc: là yếu tố không thể thiếu trong thiết kế web. Một website đẹp cần có màu chủ đạo và những màu nhất định tham gia vào trang web đó để tạo sự thống nhất trong toàn bộ hệ thống của website.

Trang web Mikiya Kobayashi  thu hút người xem bởi bố cục tối giản, hình ảnh mạnh mẽ kết hợp với hiệu ứng ảnh động tinh tế

Các xu hướng thiết kế web hiện đại:

– Fresh and Clear: các trang web theo xu hướng này sử dụng màu sắc nhẹ nhàng, sự tương phản cũng nhẹ nhàng, tạo cảm giác trong trẻo, rõ ràng, minh bạch cho người xem.

– Cá tính mạnh mẽ: thường dùng những hình ảnh tương phản mạnh, hoa văn, đường nét đặc trưng, các bộ lọc độc đáo. Các website theo phong cách này thường dùng để thể hiện cá tính, khẳng định cá nhân. Do đó nó thích hợp cho các trang web cá nhân, blog,…

– Thiết kế web phẳng 2D hay web dạng khối 3D: mỗi thể loại đều có vẻ đẹp riêng. Tuy nhiên dù là phẳng hay khối thì cũng cần sự phối hợp hài hoà của tất cả các thành phần trong một trang và trong toàn bộ hệ thống website đó.

Tính khả dụng

Tính khả dụng đối với một website là cần thiết. Tính năng này giúp người dùng nhanh chóng tìm được những gì họ muốn khi thao tác trên web của bạn.

Hãy tham khảo hai ví dụ sau bạn sẽ thấy rõ được điều đó.

Website elle.vn

ELLE là một website chuyên về các thông tin thời trang. ELLE tiếp cận với người dùng  bằng cách khá đơn giản đó là tận dụng ưu điểm của những khoảng trắng. Khoảng trắng giữa ảnh và chữ cũng như giữa tin tức này với tin tức kia đủ lớn, giúp người đọc nhanh chống phân biệt và nhận diện được đâu là ảnh, đâu là nội dung, đâu là là tin thứ nhất, đâu là tin thứ hai. Thêm vào đó, việc sử dụng màu nền nhẹ nhàng kết hợp với style chữ mạnh giúp người dùng giữ được chính xác tiêu điểm mà họ muốn xem: thông tin thời trang.

Hầu hết nhu cầu thực sự của người dùng khi vào một website việc làm đó chính là tìm kiếm thông tin tuyển dụng. Và Canthoinfo.com đã phục vụ nhu cầu đó của khách hàng rất tốt. Trang web đã thực sự đặt nhu cầu tiếp cận và sử dụng của người dùng lên mức ưu tiên hàng đầu.

Bằng việc đặt các thông tin tuyển dụng nổi bật ngay trên nền trang chủ, nội dung thông tin được thể hiện một cách tóm lược và nổi bật gồm tên và địa chỉ nhà tuyển dụng hay địa chỉ làm việc của vị trí cần tuyển đó và vị trí có nhu cầu tuyển dụng.

Người dùng chỉ cần đọc sơ lược các thông tin cơ bản đó nếu thấy thích hợp sẽ nhấp chuột vào dòng chữ “Click vào đây để xem chi tiết”. Mặc dù trang web canthoinfo vẫn còn một số điểm cần cải thiện nhưng cách mà họ đã áp dụng đã giúp khách hàng dễ dàng tìm thấy những thứ mà họ cần trong tâm thái dễ chịu.

Chữ, chữ và chữ. Cái cần thì lại thiếu. Cái không cần thì lại hiện ngay trước mắt.

Tính tương tác

Hãy để trang web của bạn trở nên thân thiện hơn bằng việc cho phép người dùng giao tiếp với nó thay vì chỉ để họ xem các từ và hình ảnh nhàm chán, cứng nhắc. Nó giống như bạn đang đi đến một nơi nào đó mà mình không biết và ai đó đã chào bạn, giúp đỡ bạn và bạn sẽ thấy thoải mái và thư giãn hơn.

Sự tương tác website bắt đầu từ những cú click chuột. Khi truy cập vào một một trang web mà khi bạn di chuyển chuột tới các mục trên menu của web các tên mục sẽ thay đổi màu hoặc xuất hiện danh sách các mục con của mục đó, người dùng sẽ cảm thấy dễ chịu khi dễ dàng biết chính xác các mục đó còn có những chức năng khác, điều hướng khác để tìm kiếm thứ mà họ muốn tìm thay vì mò mẫm giữa vô số con chữ bất động trên website.

Hãy nhìn xem điều gì thay đổi ở vị trí chuột của bạn trên màn hình…

Tính tương tác trong thiết kế web còn thể hiện trong việc tạo hiệu ứng tooltip để phóng to ảnh mỗi khi di chuyển chuột tới bức ảnh đó. Tính năng này đặc biệt rất hữu dụng đối với các website thương mại điện tử trong việc tương tác với khách hàng.

Thường thì các website thương mại sẽ có rất nhiều sản phẩm, để cho người dùng thấy được sự phong phú trong các sản phẩm của mình website đó phải show lên một số lượng hình ảnh các sản phẩm đủ nhiều để khách hàng tham qua và lựa chọn.Mỗi màn hình máy tính có một kích thước nhất định. Và điều tất nhiêu càng show nhiều sản phẩm thì kính thước hình ảnh hiển thị sẽ càng giảm.

Khách hàng sẽ không thấy rõ được chi tiết sản phẩm và thay vì mất công click chuột chuyển sang một trang khác để xem chi tiết hình ảnh sản phẩm rồi quay lại trang chủ để xem sản phẩm khác thì việc các bức ảnh sản phẩm tự phóng to mỗi khi di chuyển chuột đến vị trí của nó sẽ tiện lợi hơn cho khách hàng và họ sẽ cảm thấy thoải mái hơn.

Tương tự, thay vì phóng to ảnh, người ta sẽ hiển thị thông cơ bản của sản phẩm mỗi khi chuột được di chuyển đến ảnh sản phẩm, giúp người dễ dàng nắm bắt thông tin của sản phẩm, cũng là một trải nghiệm tương tác người dùng tuyệt vời.

Nội dung

Nội dung chất lượng cùng bố cục rõ ràng bắt mắt sẽ giúp cho người dùng tin tưởng hơn những gì mà bạn đang chia sẽ.

Trường hợp nội dung bài viết phải copy từ trang khác, hãy “xào nấu” một chút cho người xem có cảm giác không bị trùng lặp. Tuy nhiên bạn nên tự mình viết ra nội dung thì tốt hơn.

Nên xác định đối tượng người dùng của trang web để đưa ra nội dung, văn phong phù hợp.

Trình bày nội dung phải dễ đọc, bố cục rõ ràng, nên dùng các video hoặc hình ảnh chất lượng liên quan đến nội dung bài viết để tạo hứng thú khi đọc và giúp học dễ tiếp thu nội dung bài viết.

Việc thiết kế một website đẹp, nổi bật để thu hút và giữ chân nguời dùng trong biển các website khác đôi lúc cũng là một vấn đề nan giải của những người làm trong lĩnh vực thiết kế web. Một website đẹp và hữu dụng cần có những tiêu chí nhất định cho nó trong quá trình thiết kế. Bạn không cần phải áp dụng tất cả nhưng ít nhất hãy áp dụng một vài tiêu chí trong 4 tiêu chí trên để website không chỉ đẹp mà còn hữu ích.

–  Vy Nguyễn –