11 lỗi thiết kế web phổ biến (lỗi ngớ ngẩn)

Có hàng tấn trang web trên Internet và hàng trăm hoặc có thể hàng ngàn được tạo ra mỗi ngày. Đây là một điều rất thú vị để suy ngẫm - Các yếu tố của một trang web tốt là gì?

Xây dựng một trang web có thể khó khăn nhưng thách thức thực sự nằm ở việc làm cho nó có thể sử dụng được. Vấn đề là hầu hết các nhà thiết kế web quên rằng trang web không được tạo ra cho riêng họ mà để giải quyết nhu cầu của người dùng. Họ ưu tiên sáng tạo hơn tính thực tế và khả năng sử dụng.

Trong bài viết này, chúng tôi muốn nhấn mạnh 11 sai lầm thiết kế web mà các nhà phát triển và thiết kế web tạo ra và một số gợi ý làm thế nào những sai lầm này có thể dễ dàng tránh được.

1. Hộp Tìm kiếm ở đâu?

Web giống như một kho lưu trữ thông tin. Cho dù đó là một trang web công ty hay chỉ đơn thuần 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ể đang tìm kiếm thứ gì đó ẩn trong trang web, với hộp tìm kiếm, rất có thể, khách truy cập sẽ nhận được những gì họ muốn.

Gợi ý:Tìm kiếm tùy chỉnh của Google là một cách gọn gàng, đơn giản và hiệu quả để bắt đầu. Nó cho phép khách truy cập tìm kiếm trang web của bạn một cách hiệu quả. Chỉ cần sao chép mã HTML từ bảng điều khiển và dán mã lên trang web của bạn và voilà ??, bạn đã có chức năng tìm kiếm ngay trên trang web của mình.

Đây cũng là một mã mẫu đơn giản để hiển thị công cụ tìm kiếm của Google trên trang web của bạn. Tất cả bạn phải làm là thay đổi tên trang web thành tên trang web của bạn. Ngoài ra, bạn có thể sửa đổi giá trị gửi thành bất cứ điều gì bạn thích.

Hơn: Thiết kế Hộp Tìm kiếm Thánh: Ví dụ và Thực tiễn Tốt nhất- Bài viết này chi tiết hướng dẫn thiết kế hộp tìm kiếm.

2. Khả năng đọc và dễ đọc kém.

Đây là một yếu tố quan trọng của thiết kế web. Tất nhiên, một thiết kế giao diện tốt sẽ thu hút sự chú ý của người dùng nhưng người dùng phải đọc văn bản để có thể nắm bắt thông tin họ muốn. Một số trang web sử dụng các kiểu và kích thước phông chữ kỳ lạ nhất khiến việc đọc trở nên khó khăn.

Gợi ý:May mắn thay, có những cách đơn giản mà bạn có thể làm để cải thiện trải nghiệm đọc của người dùng trên trang web của bạn.

1. So sánh bảng màu của hầu hết các trang web lớn và chú ý cách màu sắc cải thiện khả năng đọc. Một nơi tốt để thử các cách phối màu khác nhau là Adobe Kuler.
2. Sử dụng một Kiểu chữ Sans serif vì nó cho phép đọc dễ dàng trên web.

Hơn: Đây là một bài viết tốt sẽ cung cấp cho bạn nhiều lời khuyên hơn về việc cải thiện khả năng đọc - Khả năng đọc - Làm cho các trang web dễ đọc.

3. Bố cục nội dung không có tổ chức.

Nội dung của một trang web là những gì thúc đẩy lưu lượng truy cập đến nó. Làm thế nào nội dung được cấu trúc là những gì sẽ làm cho nó thành công hay thất bại. Người dùng không đọc trừ khi thực sự cần thiết nhưng quét qua thông tin và chọn ra các điểm ưa thích trên trang web. Một số nhà thiết kế chỉ cần đặt một khối văn bản trên trang web và hoàn toàn bỏ qua các tiêu đề, tiêu đề phụ, đạn, từ khóa, đoạn văn, v.v..

Sử dụng một tiêu đề trang thích hợp cho mỗi trang web để người dùng biết chính xác vị trí của họ. Một số nhà thiết kế thậm chí quên tên trang web.

Nhìn chung, điều tồi tệ nhất trong danh mục này sẽ là đưa nội dung không chính xác, không thể truy cập, không đáng kể hoặc lỗi thời trên trang web của bạn. Nội dung phải trùng với chủ đề chung của trang web và phải hữu ích. Nếu một trang đang được xây dựng, tại sao phải đặt nó lên? Nếu một nhà thiết kế thực sự phải, thì đó chỉ là tạm thời và 3 tuần sẽ không còn được coi là tạm thời.

Gợi ý: Sắp xếp nội dung trên trang web của bạn bằng HTML và CSS nên được sử dụng khi tạo thiết kế trang của bạn.

1. Tạo đủ khoảng trắng giữa văn bản và hình ảnh của bạn bằng cách sử dụng lề.
2. Cập nhật và nhất quán. Mục đích của việc cập nhật không chỉ là thêm nội dung mới mà là phát hiện và sửa chữa những sai lầm trong quá khứ. Jakob Nielsen đề nghị bạn thuê một web “người làm vườn”.

Ngân sách để thuê một người làm vườn web như là một phần của nhóm của bạn. Bạn cần ai đó nhổ tận gốc cỏ dại và trồng lại những bông hoa khi trang web thay đổi, nhưng hầu hết mọi người thà dành thời gian của họ để tạo nội dung mới hơn là bảo trì. Trong thực tế, bảo trì là một cách rẻ tiền để tăng cường nội dung trên trang web của bạn vì nhiều trang cũ giữ mức độ liên quan của chúng và nên được liên kết vào các trang mới. Tất nhiên, một số trang tốt hơn hết là bị xóa hoàn toàn khỏi máy chủ sau ngày hết hạn - Jakob Nielsen

4. Điều hướng xấu.

Điều hướng trong một trang web phải liền mạch. Người dùng có thể tìm đường đi một cách dễ dàng. Mặc dù không có tiêu chuẩn cho điều hướng trong một trang web, đặc biệt là bây giờ khi có nhiều 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.

Nếu văn bản được sử dụng làm điều hướng, nó phải ngắn gọn. Các phép ẩn dụ trực quan không nên được phát minh lại. 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 thân của văn bản. Liên kết chết sẽ 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à một điều thậm chí còn tệ hơn là có một liên kết trên trang chủ liên kết đến trang chủ.

Gợi ý:

1. Làm cho đ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. Cung cấp văn bản thay thế cho hình ảnh. Sử dụng các kỹ thuật mô tả văn bản thay thế cho các liên kết Flash hoặc Javascript.
2. Sắp xếp 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ể đủ khả năng để sáng tạo hơn nhưng vẫn có thể truy cập nhưng một trang web kinh doanh đòi hỏi hiệu quả và rõ ràng 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, hầu hết sẽ rời khỏi ngay lập tức.

Hơn: Thực hiện điều hướng trang web hiệu quả - Bài viết này cung cấp cái nhìn sâu sắc hơn về việc thực hiện điều hướng hiệu quả cho trang web của bạn.

5. Thiết kế giao diện không nhất quán.

Sáng tạo quá mức có thể chỉ có vậy. Quá đáng! Một số nhà thiết kế đưa nó đến một cấp độ khác khi tạo trang web bằng cách tạo các thiết kế khác nhau cho mỗi trang web trong một trang web. Điều này không có nghĩa là gây nhầm lẫn cho người dùng. Và hoàn toàn khó chịu. Cho dù trang web nổi bật và hấp dẫn đến mức nào, nếu nhìn tổng thể và cảm nhận không nhất quán, người dùng không thể liên quan đến nó và cảm thấy ít kiểm soát hơn. Vì vậy, rời đi ngay khi họ đến.

Gợi ý:

1. Sử dụng một mẫu nhất quán tiêu chuẩn cho mọi trang có liên kết đến các phần chính của trang web.
2. Từ khóa rất đơn giản. Tạo các thiết kế đơn giản về mặt thẩm mỹ và người dùng sẽ không bao giờ bị nhầm lẫn trên trang web của bạn.

6. Độ phân giải màn hình không thân thiện.

Tôi chắc chắn chúng tôi đã truy cập các trang web mà bạn phải cuộn theo chiều ngang. Đây là một điều tuyệt đối không có trong thiết kế web hiện đại. Một nhà thiết kế giỏi sẽ phát triển các trang web phù hợp với hầu hết các kích thước màn hình. Bố cục được tối ưu hóa hiện tại cho các trang web hiện tại là 1024 x 768 pixel.

Gợi ý:Thật khó và hầu như không thể phục vụ thiết kế để phù hợp với mọi độ phân giải, đặc biệt là khi khách truy cập hiện đang lướt web từ điện thoại di động và netbook, nhưng chúng ta có thể hiểu sơ bộ về độ phân giải màn hình thường được sử dụng với những cách sau:

• Kiểm tra số liệu thống kê của bạn - Các dịch vụ phân tích như Google Analytics cung cấp cho bạn thông tin về độ phân giải màn hình họ đang sử dụng. Đây là những thông tin hữu ích bạn nên biết trước khi bắt đầu cải tạo tiếp theo.
• Chỉ số trình duyệt trường học W3 - Trường W3 đưa ra danh sách rõ ràng về trình duyệt phổ biến nhất được cư dân mạng sử dụng và sắp xếp chúng theo mức độ phổ biến. Có những thống kê thú vị và quan trọng khác nữa.

7. Mẫu đăng ký phức tạp.

Mẫu đăng ký rất khó. Bạn cần bao nhiêu thông tin từ người dùng? Đã qua rồi những ngày mà người dùng phải nhập một trăm chi tiết để đăng ký vào trang web của bạn. Một số trang web làm cho hầu hết các trường đăng ký là bắt buộc và xác thực các trường đến mức người dùng thất vọng sau một vài lần thử. Hãy nhớ rằng, người dùng truy cập một trang web để có được thông tin. Không phải cách khác.

Hình thức đơn giản của một số người làm cho đăng ký không đau.

Gợi ý:So sánh các biểu mẫu đăng ký giữa các cộng đồng trên web và hiểu những thông tin cơ bản nào được yêu cầu của người dùng trong quá trình đăng ký.

Hơn: 9 lỗi sử dụng phổ biến trong thiết kế web - Bài đăng này trên Tạp chí Smashing xem xét sâu về các mẫu đăng ký trong số các lỗi sử dụng khác.

8. Sử dụng hình ảnh / hoạt hình vô đạo đức.

Quá nhiều hình ảnh trên một trang web là một sự tắt lớn. Hình ảnh có thể được sử dụng để thu hút sự chú ý của người dùng nhưng nó cũng có thể gây mất tập trung hoặc chỉ làm nặng thêm. Hình ảnh nên được sử dụng để minh họa và hướng dẫn người dùng khi thích hợp.

Ảnh động là tuyệt vời và một phương tiện mạnh mẽ. Đặc biệt là khi sử dụng hợp lý. Khi đó là một chu kỳ hoặc quá nhiều trên một trang web, nó sẽ khiến người dùng lo lắng. Người dùng không có sự kiên nhẫn, thời gian hoặc tài nguyên để các nhà thiết kế phải cung cấp các lựa chọn thay thế hoặc tốt hơn là nút bỏ qua, nếu đó là một hình ảnh động toàn trang.

Hơn: Flash: 99% xấu - Sử dụng Flash thích hợp. Đã gần 10 năm kể từ khi Jakob Nielsen xuất bản bài viết này nhưng nó vẫn phù hợp về khả năng sử dụng Flash, đặc biệt là Phá vỡ các nguyên tắc cơ bản Web cái.

9. Trang lộn xộn, khoảng trắng nhiều hơn.

Quá nhiều nhà thiết kế quên đi khoảng trắng và tầm quan trọng của nó. Họ chìm đắm trong sự sáng tạo trong thiết kế của chính họ đến nỗi họ quên rằng đó không phải là về họ. Vì vậy, họ cố gắng nhồi nhét hết mức có thể vào một trang. Kết quả cuối cùng? Một trang bận rộn, lộn xộn và không thể đọc được.

kylestanding sử dụng tốt khoảng trắng trong thiết kế của họ.

Dưới đây là một vài bài viết để cung cấp cho bạn một ý tưởng tốt về tầm quan trọng của khoảng trắng trong thiết kế web:

• So sánh bốn bố cục không gian trắng
• Giá trị của không gian trắng
• Khoảng trắng

10. Không có nhạc nền, làm ơn!

Người dùng không muốn mát mẻ, họ tìm kiếm hiệu quả. Và vâng, 99 phần trăm không quan tâm đến âm nhạc trên trang web của bạn. Một số nhà thiết kế làm cho nó tồi tệ hơn bằng cách đặt nhạc nền khác nhau trên mỗi trang web.

Gợi ý:Không sử dụng nhạc nền, nhưng nếu bạn phải, hãy tạo một khung cho mã và điều khiển người dùng. Bằng cách đó, các vòng lặp âm nhạc liên tục, thay vì thay đổi mỗi lần một trang mới được tải trong trang web. Và người dùng có thể dừng hoặc tạm dừng bất cứ khi nào.

11. Kiểm tra, thử nghiệm và thử nghiệm.

Điều này không thể được nhấn mạnh quá mức. Đã bao nhiêu lần chúng ta đến các trang web chỉ có thể được xem trên một trình duyệt nhất định? Các nhà phát triển web phải có một danh sách kiểm tra các loại khi kiểm tra các trang web.

• Trang web có thể được xem trong các môi trường khác nhau?
• Bố cục thiết kế có nhất quán trong tất cả các trình duyệt không?
• Có thể xem trang web trong các cài đặt khác nhau như Tắt hình ảnh, tắt JavaScript, v.v.?

Gợi ý:W3C cung cấp các công cụ để kiểm tra đảm bảo chất lượng. Kiểm tra Hộp công cụ đảm bảo chất lượng W3C và Xác nhận trang web.

Phần kết luận:

Giữ cho nó đơn giản, ngu ngốc (K.I.S.S). Đó là điểm mấu chốt. Nếu nó đơn giản, nó có thể sử dụng được. Tất cả trong tất cả, các trang web tuyệt vời giữ cho nó đơn giản và có thể sử dụng. Làm bài tập về nhà của bạn và nó đến dễ dàng và tự nhiên.

Kinh nghiệm của bạn trong các dự án thiết kế web là gì? Bạn muốn chia sẻ những lời khuyên và suy nghĩ nào khác về lỗi thiết kế web?

Ghi chú của biên tập viên: Bài này được viết bởi Brujo Owoh cho Hongkiat.com. Brujo Owoh là sinh viên năm cuối của Hệ thống đa phương tiện, chuyên về Thiết kế web và Hoạt hình 2D. Anh thích đọc tiểu thuyết, đi chơi với bạn bè và theo kịp xu hướng thiết kế trên Twitter. Ghé thăm blog của Brujo.