Tránh những sai lầm thiết kế Web - những con người

Đơn giản chỉ cần lên Web - đặc biệt là các khu vực có nhiều trang cá nhân, như trang web GeoCities hoặc khu vực quê hương của AOL - và bạn có thể tìm thấy nhiều ví dụ về các trang được thiết kế tồi. Nhưng điều đó làm cho các trang này trở nên tồi tệ? Trong số nhiều lỗi thiết kế bạn có thể thực hiện, ba trong số những người sáng tạo trang Web mới thường gặp: trang tải chậm, kết hợp màu xấu xí và văn bản nhỏ.

Các trang tải chậm

Đây là số 1 của thiết kế trang web, dù là nghiệp dư hay chuyên nghiệp. Mọi người nghĩ rằng họ đang thiết kế một tạp chí và ném đồ hoạ lớn, không nén xung quanh, một vài trang. Sau đó, họ thêm các phần tử thiết kế nhỏ dễ thương, mỗi phần đều phải được gửi đi dưới dạng một tệp riêng biệt bởi máy chủ Web. Khi mỗi yếu tố khác nhau được đưa vào, thiết kế trang sẽ thay đổi và làm nổi bật một cách đảm bảo gây say xe. Khi một trang của bạn tải chậm, thường là do thực tế bạn đang thực hiện một trong hai lỗi chính.

• Lỗi # 1 liên quan đến việc thiếu chăm sóc với một hoặc hai đồ họa riêng lẻ. Bằng cách giữ các tệp đồ hoạ lớn, bạn sẽ làm mất toàn bộ trang để tải chậm.
• Lỗi # 2 là sử dụng đồ hoạ nói chung. Các trang được thiết kế cao có thể có rất nhiều yếu tố đồ họa nhỏ gây ra nhiều lần chuyển tệp riêng khi tải trang. Trừ khi trang được thiết kế cẩn thận, trang thực sự thay đổi một chút khi mỗi đồ hoạ in. Hiệu quả tổng thể có thể khá lúng túng.

Kết hợp màu xấu xí

Nhiều nhà xuất bản trang Web không quan tâm nhiều đến việc kết hợp màu sắc mà họ sử dụng là hấp dẫn hay không. Những người khác chăm sóc, nhưng không thể đánh giá một cách phê bình công việc của họ và xem những điều xấu xí và / hoặc khó sử dụng là như thế nào.

Bạn có thể hiểu rằng một số kết hợp màu nhất định có thể là xấu, nhưng có lẽ chúng ta có thể kỳ lạ khi nói rằng các màu xấu có thể dẫn đến những trang khó sử dụng. Lý do là trên Web, màu sắc xác định các siêu liên kết, với các liên kết không sử dụng và các liên kết gần đây được sử dụng có màu sắc khác nhau. Các màu tiêu chuẩn cho các liên kết là màu xanh cho các liên kết không tìm thấy và màu tím cho các liên kết truy cập. Nếu bạn thay đổi những màu này, khách truy cập của bạn gặp sự cố khi xác định những liên kết họ đã truy cập và liên kết nào họ không có.

Nếu bạn chỉ cần thay đổi màu liên kết, hãy thử sử dụng các kết hợp màu tương tự như các màu chuẩn - màu nhẹ hơn, bắt mắt cho các liên kết không nhìn thấy và màu sắc đậm đối với các màu được truy cập.Điều này ít nhất tương tự, theo khái niệm, với màu sắc tiêu chuẩn. Sau đó kiểm tra thiết kế trên một vài người và xem họ có thể nhanh chóng tìm ra các liên kết nào.

Bây giờ, trở lại xấu xí. Chỉ vì Web làm cho nó có thể sử dụng kết hợp màu khác nhau không có nghĩa là bạn nên làm như vậy. Văn bản đen trên nền trắng hoặc trắng là điều mà mọi người thường sử dụng và luôn là lựa chọn an toàn nhất. Và với sự kết hợp này, màu sắc liên kết chuẩn sẽ hiển thị rất tốt. Bạn có thể sử dụng một thanh đồ họa ở một số vị trí nhất quán trên trang để cung cấp cho các trang Web của bạn một giao diện đồ họa đầy màu sắc, mà không phải hy sinh khả năng dự đoán và khả năng đọc được trong phần thân của mỗi trang.

Một vài kết hợp màu khác hoạt động khá tốt, nhưng nhiều người lại không. Hãy nhớ rằng một số người dùng chạy màn hình của họ ở chế độ 256 màu và chỉ có 216 màu trong 256 - bảng màu Web an toàn - giống nhau trên PC và máy Mac. Vì vậy, một sự kết hợp màu sắc trông tốt trên hệ thống của bạn có thể trông khá tệ trên hệ thống có ít màu hơn; Tương tự như vậy, màu sắc trông đẹp trên máy tính cá nhân có thể không quá nóng trên máy Mac.

Văn bản nhỏ (Và cả văn bản lớn)

Một sai lầm phổ biến mà mọi người làm là sử dụng văn bản nhỏ trên trang Web của họ. Văn bản nhỏ trông có vẻ mát mẻ, và nó cho phép bạn đóng gói rất nhiều thông tin. Bởi vì những cám dỗ này, ngay cả các trang Web lớn, chẳng hạn như các phiên bản đầu của trang Microsoft, đã mắc phải lỗi này. Sự cố là văn bản nhỏ trở nên

văn bản nhỏ khi xem trên màn hình có độ phân giải cao. Rất nhỏ, trên thực tế, nhiều người ghé thăm trang web của bạn có thể không thể dễ dàng đọc được văn bản trên trang của bạn. Ít thông thường, nhưng cũng có hại, là văn bản quá lớn. Bạn không cần phải thiết kế các trang web với văn bản có thể đọc được từ 20 feet. Có thật không. (Những người có vấn đề về thị lực thực sự chuyển đổi Windows và / hoặc trình duyệt của họ để hiển thị văn bản ở kích thước lớn hơn, do đó họ có cách để đọc văn bản bắt đầu ở kích thước bình thường.) Điều này có vẻ đáng sợ, đặc biệt khi xem trên một hệ thống với mức tương đối thấp độ phân giải, chẳng hạn như độ phân giải 800 x 600.

Cả hai vấn đề này đang trở nên tồi tệ hơn bởi xu hướng ngày càng tăng để nhúng nhiều văn bản của trang web vào hình ảnh đồ họa. Văn bản này luôn luôn có một cái nhìn nhất quán, bởi vì nó được điều trị bởi trình duyệt như là một hình ảnh, nhưng cái nhìn đó có thể dễ dàng quá nhỏ hoặc lớn. Khi bạn lưu văn bản dưới dạng tệp hình ảnh, trình duyệt không thể định lại kích thước văn bản để thích ứng với các cài đặt trình duyệt khác nhau. Vì vậy, người dùng không thể khắc phục bất kỳ vấn đề nào họ gặp phải với văn bản được hiển thị bằng đồ hoạ.

Vì vậy, văn bản "kích thước bình thường" là gì? Vui mừng bạn đã hỏi. Không có một kích thước bình thường chính xác, nhưng có một phạm vi bình thường. Để tìm thấy nó, hãy khớp kích thước văn bản trong trang web của bạn với kích thước văn bản trong một số trang Web bạn thích. Sau đó, hãy hỏi một vài người - không phải tất cả trẻ hơn và mắt chim ưng, cũng không già cả và ít trực quan hơn - để cho bạn biết liệu họ có thể dễ dàng đọc văn bản trong khi ngồi thoải mái cách xa máy tính một vài bước. Nếu không, hãy khắc phục sự cố trước khi trở thành gánh nặng cho khách truy cập trang Web của bạn.