10 Sai Lầm Phổ Biến Nhất Mà Nhà Thiết Kế Website Mắc Phải

Dưới đây là mười trong số những sai lầm phổ biến nhất mà các nhà thiết kế website mắc phải. Nhưng tất cả đều có thể sửa chữa được và đáng để bạn dành thời gian và nỗ lực. Mặc dù đây không phải là danh sách đầy đủ các lỗi phổ biến, nhưng nó là một điểm khởi đầu tốt.

1. Các trang quá dày hình ảnh, thông tin và sản phẩm.

“Khoảng trắng” hoặc “không gian âm”, không gian là yếu tố cực kì cần thiết trong thiết kế nền của bạn. Đó là một yếu tố thiết kế quan trọng ảnh hưởng đến cách cảm nhận của khách hàng khi truy cập vào website của bạn. Phải sử dụng đủ khoảng trắng giữa các cột, các phần tử trang khác nhau và thậm chí giữa các ký tự, dòng và đoạn riêng lẻ. 

Ngoài khoảng trắng, đừng cố gắng đặt quá nhiều vào một trang. Khách hàng truy cập vào website của bạn có thể tìm kiếm một cái gì đó cụ thể. Bạn chỉ nên đặt các thông tin liên quan và những điều hướng cần thiết. Tránh trường hợp những trang web dài nhưng lại bao gồm nhiều nội dung không liên quan.

2. Nội dung mới khó tìm

Trừ khi các trang web bạn đang thiết kế là hoàn toàn tĩnh thì việc hiển thị thông tin và nội dung mới là rất quan trọng đối với trang web. Khách truy cập trở lại có thể sẽ quan tâm đến những nội dung về thông tin sản phẩm hoặc những kiến thức mà website của bạn cung cấp. Điều này thường có ở các trang blog. Nhưng trên các loại trang web khác thì sao?

Bạn có thể dành toàn bộ phần cho nội dung mới. Đây có thể là một trang liên kết đến nội dung mới nhất (giả sử, mười bản cập nhật gần đây nhất). Hoặc đây có thể là một phần trong trang chủ. Làm cho điều này nổi bật là rất quan trọng, cho dù nó trực tiếp trong trang chủ hay trên trang của chính nó. Mục đích là giúp khách dễ dàng truy cập và tìm thấy nó.  

3. Liên kết 

Liên kết là một trong những phần quan trọng nhất của trang web. Trong mọi trường hợp, bạn cần đảm bảo các liên kết của mình dễ phân biệt với các nội dung văn bản khác.

Có hai điều cần ghi nhớ ở đây. Trước tiên, hãy đảm bảo rằng các liên kết của bạn được phân biệt theo một cách nào đó với phần còn lại của văn bản. Điều này có thể được thực hiện với một màu khác, một gạch dưới hoặc một số thuộc tính văn bản khác (bất kỳ thứ gì ngoại trừ văn bản nhấp nháy). Điều thứ hai cần ghi nhớ là không làm cho văn bản không được liên kết giống như một liên kết. Điều này có nghĩa là trong mọi trường hợp không được gạch chân bất kỳ văn bản nào trên trang web của bạn nếu đó không phải là một liên kết. Nó cũng có nghĩa là nếu bạn sử dụng các yếu tố khác để tạo kiểu cho các liên kết của mình, đừng áp dụng chúng cho văn bản không được liên kết.

4. Định dạng hình ảnh không chính xác

Hãy định dạng hình ảnh chính xác cho các hình ảnh khác nhau trên trang web. Sử dụng sai định dạng tệp hình ảnh có thể làm cho tệp hình ảnh của bạn lớn hơn mức cần thiết hoặc ảnh hưởng đến chất lượng của hình ảnh cuối cùng. Ba định dạng hình ảnh cần quan tâm đối với đồ họa trực tuyến là JPEG, GIF và PNG.

Định dạng JPEG rất phù hợp cho các bức ảnh hoặc hình ảnh có nhiều màu sắc và sắc thái khác nhau vì nó có khả năng tạo màu 24 bit. Nhược điểm của việc JPEG là nó sử dụng tính năng nén mất dữ liệu. Nói cách khác, bạn tạo kích thước tệp càng nhỏ, bạn càng bị giảm chất lượng. Sử dụng độ nén thấp hơn sẽ giảm thiểu điều này nhưng nó vẫn có thể là một vấn đề, đặc biệt là trong các hình ảnh lớn hơn hoặc hình ảnh mà bản gốc rất sắc nét. Bạn cũng không thể sử dụng độ trong suốt trong JPEG.

Định dạng GIF rất phù hợp cho những hình ảnh sử dụng bảng màu hạn chế. GIF chỉ có khả năng 8 bit màu (tổng cộng 256 màu). Điều đó có nghĩa là nó không thích hợp cho ảnh chụp hoặc hầu hết các ảnh có độ dốc. Tuy nhiên, GIF sử dụng tính năng nén không mất dữ liệu, có nghĩa là nếu bạn có một hình ảnh chỉ sử dụng một bảng màu hạn chế, nó có thể dẫn đến kích thước tệp thực sự nhỏ mà không làm giảm chất lượng. GIF cũng có khả năng làm trong suốt cho một màu duy nhất trong bảng màu.

Định dạng PNG phù hợp cho ảnh và đồ họa khác. Hình ảnh PNG có khả năng trong suốt alpha (trong các trình duyệt hỗ trợ nó), điều này mang lại lợi thế cho chúng so với ảnh GIF. Họ cũng sử dụng tính năng nén không mất dữ liệu, mang lại lợi thế hơn so với JPEG. Và chúng có khả năng có màu 8 hoặc 24 bit, vì vậy phù hợp với các hình ảnh trước đây sẽ được lưu dưới dạng GIF hoặc JPEG. Hình ảnh PNG không tốt bằng JPEG cho ảnh chụp, nhưng tốt hơn đáng kể so với GIF.

5. Để lại tiêu đề trang mặc định

Tiêu đề trang mặc định trong Dreamweaver là "Tài liệu không có tiêu đề". Nếu bạn tìm kiếm nó trên Google, bạn sẽ có gần 30 triệu kết quả. Đó thực sự là một bản sửa lỗi kéo dài hai giây. Hãy đảm bảo rằng trước khi tải lên, bạn đã thay đổi tiêu đề trang mặc định thành tiêu đề khác với tiêu đề mặc định.

Tuy nhiên, bạn nên thực hiện một bước xa hơn thế. Nhiều CMS sử dụng trang web hoặc tên blog làm tiêu đề trang mặc định cho mọi trang trong trang web. Một số sẽ thêm vào tiêu đề của trang cụ thể, nhưng một số thì không. Bạn nên đảm bảo rằng không chỉ tiêu đề trang cho mỗi trang là duy nhất, mà tiêu đề trang cụ thể hiển thị trước tiêu đề trang web. Đó là một trợ giúp lớn đối với SEO, cả về việc hiển thị kết quả cao hơn và làm cho những kết quả đó trông phù hợp hơn với khách truy cập tiềm năng.

6. Điều hướng khó sử dụng hoặc khó tìm

Điều hướng phải rõ ràng ngay lập tức đối với khách truy cập, cả về việc xác định vị trí và sử dụng nó. Có một xu hướng trong thiết kế web ở một thời gian trước là ẩn điều hướng, để tích hợp liền mạch vào hình ảnh hoặc nội dung khác trên trang chủ. Và mặc dù về mặt nghệ thuật, điều này rất thú vị, nhưng về mặt chức năng, nó rất không thân thiện với người dùng.

Ngay cả khi sử dụng những thứ như menu thả xuống để điều hướng đã có thể làm cho các trang của bạn kém thân thiện với người dùng hơn. Bạn hãy làm cho người dùng có thể tìm thấy chính xác những gì họ đang tìm kiếm với ít nỗ lực nhất. Phải luôn ghi nhớ điều này khi bạn thiết kế.

7. Kích thước phông chữ cố định

Hãy đảm bảo người dùng có thể thay đổi kích thước phông chữ trên các trang của bạn dựa trên sở thích của riêng họ. Điều này được thực hiện bằng cách sử dụng định cỡ EM cho phông chữ thay vì kích thước dựa trên pixel. Một lần nữa, đó là một điều tương đối đơn giản để thực hiện nhưng cải thiện đáng kể khả năng sử dụng và khả năng truy cập của trang web của bạn.

8. Mục đích trang web không rõ ràng

Khi khách truy cập vào website thì ngay lập tức nên biết trang web nói về cái gì, bất kể họ truy cập trang nào. Điều này có thể được thực hiện thông qua việc sử dụng các dòng thẻ hoặc các chỉ dẫn tương tự, thông qua tiêu đề trang hoặc thông qua các tiêu đề trên các trang riêng lẻ. Hãy đảm bảo rằng nó hiển thị trong vài giây đầu tiên sau khi khách truy cập vào một trang nhất định.

9. Sử dụng màu sắc khắc nghiệt

Màu sắc khắc nghiệt, và đặc biệt là việc sử dụng các màu tương phản gay gắt, có thể nhanh chóng làm cho các trang web của bạn trở nên khó xem. Nếu bạn không muốn làm bất cứ điều gì khiến khách hàng muốn rời khỏi trang web của bạn. Căng mắt là một điều khiến hầu hết khách truy cập rời khỏi bài viết một cách vội vàng. Trang web của bạn nên giới thiệu nội dung của bạn và tránh bất cứ điều gì làm giảm mục tiêu của trang web.

10. Quảng cáo kết hợp vào nội dung

Quảng cáo nên được đặt ngoài nội dung của trang web. Với quảng cáo biểu ngữ, điều này tương đối dễ dàng, hầu hết người dùng Internet đều biết quảng cáo biểu ngữ trông như thế nào. Tuy nhiên, nó phức tạp hơn một chút với các liên kết văn bản. Gắn nhãn quảng cáo của bạn cho những gì nó có ý nghĩa đối với khách truy cập và làm cho trang web của bạn được coi là đáng tin cậy hơn. Điều này đặc biệt quan trọng với quảng cáo trong văn bản, khi di chuột qua link sẽ hiển thị một cửa sổ phương thức có quảng cáo. Đảm bảo rằng các liên kết này được phân biệt với các liên kết bình thường của bạn.

(Nguồn : Cameron Chapman + Noupe Dịch : TBH)