7 lỗi thường gặp khi thiết kế một website

Xây dựng một website tuy không khó nhưng làm thế nào để điều hành và quản trị tốt một website lại là một câu hỏi khó trả lời. Có một vấn đề mà hầu hết các nhà thiết kế web bỏ quên đó chính là trang web không được tạo ra cho chính họ mà là để đáp ứng nhu cầu của người dùng. Từ việc tạo ra một website, các công ty thiết kế web và cả khách hàng thường hiểu lầm và hời hợt trong việc tạo ra một thiết kế web phục vụ theo đúng mong muốn của người dùng. Điều đó dẫn đến việc các trang web thường mắc một số lỗi cơ bản không đáng có. Vậy một số lỗi thường gặp khi thiết kế một website là gì và làm thế nào để khắc phục nó? Hãy theo dõi bài viết sau nhé!

1. Hộp tìm kiếm (Search Box) nằm ở đâu?

Nên đặt thanh công cụ tìm kiếm tại những vị trí dễ thấy

Trang web giống như một kho lưu trữ thông tin. Hãy tưởng tượng, bạn vào thư viện tìm một cuốn sách. Trong hàng ngàn cuốn sách được đặt trong các kệ sách, làm sao để bạn tìm được quyển sách mà bạn muốn tìm mà không mất thời gian? Thông tin trên trang web cũng giống vậy. Cho dù đó là một trang web của công ty hay đơn thuần chỉ là một blog, một hộp tìm kiếm là điều cần thiết. Khách truy cập có thể tìm kiếm cái gì đó ẩn trong trang web, với hộp tìm kiếm, rất có thể là, khách truy cập sẽ có được những gì họ muốn một cách dễ dàng và nhanh chóng.

Gợi ý: Sử dụng Google Custom Search đây là một cách đơn giản, dễ làm và hiệu quả. Chỉ cần vào trang web của Google Custom Search, tạo công cụ tìm kiếm tùy chỉnh, copy mã HTML này vào vị trí muốn hiển thị ô tìm kiếm trên trang web của chúng ta.

2. Cấu trúc website không rõ ràng, điều hướng tệ

Bố cục website rối rắm, các nút không hiển thị hoặc có thể được đặt ở vị trí sai, liên kết khó tìm. Tình huống như vậy thường làm cho khách hàng bực bội khi truy cập trang web của chúng ta để tìm kiếm thông tin họ cần.

Điều hướng trong một trang web nên liền mạch. Người dùng có thể tìm đường xung quanh một cách dễ dàng. Mặc dù không có tiêu chuẩn để điều hướng trong một trang web, đặc biệt khi các công nghệ phát triển web mới xuất hiện, điều bắt buộc là phải hiểu rằng điều hướng phải trực quan và nhất quán.

Gợi ý:

Tạo sự thoải mái cho người dùng bằng cách sử dụng “Breadcrumb”: Breadcrumb là một chuỗi liên kết trong, nằm bên trên hay bên dưới của trang, cho phép khách truy cập nhanh chóng định hướng trở lại phần trước kia hay trang gốc. Breadcrumb thường chứa trang tổng quát nhất (thường là trang chủ) là phần thứ nhất, các liên kết nằm bên trái liệt kê những phần cụ thể hơn ở bên phải.

Làm điều hướng trơn tru bằng cách sử dụng mô tả văn bản cho tất cả các liên kết. Nếu văn bản được sử dụng làm điều hướng, nó phải ngắn gọn. Nếu các siêu liên kết được sử dụng, thì chúng nên nổi bật so với phần văn bản. Liên kết chết nên không có chỗ trên bất kỳ trang web nào. Điều này làm tăng sự nhầm lẫn của người dùng và lãng phí thời gian. Và thậm chí còn tồi tệ hơn là có một liên kết trên trang chủ đến chính trang chủ đó.

Tổ chức và cấu trúc điều hướng của bạn song song với chủ đề của trang web. Các trang web cá nhân có thể được sáng tạo hơn nhưng một trang website thương mại đòi hỏi sự rõ ràng và hiệu quả hơn. Hãy nhớ rằng, nếu người dùng không thể tìm thấy những gì họ muốn trong ít hơn 3 lần nhấp chuột, hầu hết mọi người sẽ bỏ đi ngay lập tức.

3. Không tương tác với khách truy cập

Hãy tích hợp hệ thống phản hồi thông tin và bình luận vào trang web của chúng ta!

Đây là cách dễ dàng nhất để tạo dựng niềm tin và tình cảm tốt đẹp đối với khách hàng. Và đó cũng là cách đơn giản nhất để có được những đánh giá thích hợp về tính hiệu quả của trang web cũng như các sản phẩm dịch vụ mà chúng ta đang cung cấp. Đồng thời việc tương tác thường xuyên cũng sẽ giúp chúng ta biết được khách hàng của mình đang nghĩ gì, từ đó đưa ra những ý tưởng mới giúp cải thiện sản phẩm dịch vụ ngày càng tốt hơn.

Gợi ý:

Nếu website của chúng ta sử dụng wordpress  chúng ta có thể tạo form liên hệ cho website bằng cách cài đặt plugin Contact Form 7 – một plugins trên wordpress được viết bởi Takayuki Miyoshi. Contact Form 7 có thể quản lý nhiều Form gửi mail khác nhau. Ngoài ra chúng ta có thể tùy chỉnh hình thức và nội dung email rất dễ dàng.

Tích hợp Facebook Comment, Google+ vào website:

– Để tích hợp Facebook Comment chúng ta cần tạo Facebook Apps để có thể kết nối đến app tượng trưng cho website của chúng ta trên Facebook. Từ đó chúng ta có thể thống kê, tạo ra các kết nối và đăng nội dung lên đến các fanpage/group mà chúng ta  đang quản lý.

– Sử dụng Plugin Comments Evolved for WordPress: Không chỉ đơn thuần là giúp chúng ta thêm hệ thống comment của Google+ vào blog mà nó còn đưa cả những hệ thống comment khác vào blog như Facebook Comment, Disqus Comment và đặc biệt là có thể sử dụng cùng lúc với hệ thống comment mặc định của WordPress mà không cần phải tắt nó. Nghĩa là khi dùng plugin Comments Evolved cho WordPress chúng ta sẽ được sử dùng cùng lúc 4 hệ thống comment.

4. Có quá nhiều thứ trên website

Chúng ta sẽ cảm thấy thế nào khi truy cập vào một website mà cửa sổ pop-up nhảy ra liên tục, vô số ảnh động đậy, âm thanh tưng bừng cho mỗi mục? Thật sự nó chẳng khác nào việc treo biển báo “Tránh xa tôi ra” trên trang web đó.

Khách hàng ngày nay không còn dễ tính ngồi dành thời gian để xem tất cả những chuyển động đồ họa đó. Họ chỉ dành vài giây và chỉ vài giây để xem nhanh thông tin cần thiết và rời khỏi. Điều cần thiết là đảm bảo trong vài giây đó khách hàng sẽ cảm thấy thoải mái và dễ tìm đến nội dung họ cần.

Gợi ý:

Hãy đặt mình vào vị trí của khách hàng xem họ sẽ cảm thấy thế nào về giao diện trang web của chúng ta để từ đó điều chỉnh các chức năng trên trang web của mình sao cho phù hợp với nhu cầu của người dùng. Việc tham khảo ý kiến từ những người xung quanh mình cũng là một cách hiệu quả để hiểu được nhu cầu của khách hàng đấy.

Sẽ không tồi nếu chúng ta tham khảo từ những website lớn. Thường thì nhưng trang web lớn sẽ có đội ngũ thiết kế web chuyên nghiệp. Đừng ngần ngại, hãy học tập họ vì điều đó là cần thiết.

5. Giao diện khó đọc, khó xem

Tính dễ đọc (Readability) và dễ xem (Legibility) là yếu tố rất quan trọng trong thiết kế web. Rõ ràng, một thiết kế giao diện tốt sẽ thu hút được sự chú ý của người dùng và cũng giúp họ nhanh chóng nắm bắt được thông tin họ muốn. Tuy nhiên, một số website sử dụng kiểu font “lạ” và kích thước chữ “quá khổ” khiến cho người dùng rất khó khăn để đọc nội dung trên web.

Gợi ý:

So sánh cách phối màu (color scheme) của các trang nổi tiếng nhất và nhận ra cách các màu sắc đã được sử dụng để cải thiện tính dễ đọc. Chúng ta có thể bắt đầu thử các cách phối màu khác nhau với Adobe Kuler –  một ứng dụng internet của hệ thống Adobe cho phép người dùng sử dụng và tạo ra (nếu muốn) những color schemes của riêng mình.

Sử dụng kiểu chữ Sans serif, Arial  để tăng tính dễ đọc cho trang web.

6. Không hỗ trợ đầy đủ các tính năng (Plug-in)

Có khó chịu không khi click vào một đoạn video chúng ta nghĩ rằng nó rất thú vị nhưng sau đó màn hình lại hiển thị yêu cầu chúng ta phải  download một cái gì đó gọi là “flash” hay “plug-in”? Nếu là tôi, tôi sẽ bấm thoát trang ngay giây đó bất kể là tôi đang xem thông tin gì đi nữa.

Sẽ rất tệ nếu chúng ta để khách hàng của mình trải nghiệm một website thiếu thốn các tính năng như vậy. Tuy rằng khách hàng có thể dễ dàng tích hợp  các tính năng thêm này ngay trên trình duyệt của họ nhưng nếu website của chúng ta sở hữu những tính năng này thì sẽ giữ chân khách hàng lâu hơn thay vì để khách hàng đi tìm đối thủ của mình.

7. Thiết kế web không tương thích

Luôn luôn thiết kế website tương thích với nhiều thiết bị

Thời đại ngày nay, người dùng sử dụng mọi phương tiện di động như smartphone, tablet… cũng như các hệ điều hành khác nhau như ios, adroid… để lướt web và tìm kiếm thông tin. Do đó, khi thiết kế web, việc các tính năng của trang web chúng ta có thể hoạt động tốt trên các thiết bị di động là điều cực kì quan trọng nếu không hãy để khách hàng tìm đến trang web đối thủ của mình.

Gợi ý:

Sử dụng web responsive. Có thể hiểu đây là một công nghệ thiết kế web đặc trưng giúp website của chúng ta có độ tương thích cao. Web responsive là  áp dụng nhiều bố cục trang web cho các loại kích cỡ màn hình khác nhau chứ không chỉ thiết kế một giao diện cố định như người ta vẫn thường làm trước đó.

Nếu bạn không sở hữu một web responsive thì ít nhất cũng nên có một ứng dụng website trên điện thoại.

Một website hoạt động tốt, các thao tác của người dùng hiệu quả thì dễ chuyển đổi thành khách hàng, và họ sẽ quay trở lại website của bạn nhiều lần hơn. Do đó, nên chuẩn hóa lại website. Hi vọng rằng danh sách những lỗi thường gặp nhất khi thiết kế một website sẽ giúp ích cho bạn khi thiết kế web.