PDA

View Full Version : Những điều cần tránh khi thiết kế web



tuanhn
23-04-2008, 19:55
1. Nội dung sơ sài và kém hấp dẫn

Bạn nên nhớ rằng khi người lướt web họ tìm các trang web trong công cụ tìm kiếm là họ muốn tìm thông tin để dùng cho mục đích của riêng mình. Ví dụ trang web của bạn được họ tìm thấy, nhưng sau một lúc ngó dọc ngó xuôi, họ chẳng thấy có chút gì hấp dẫn họ về mặt nội dung cả. Và tất nhiên họ sẽ bỏ đi sang trang khác và sẽ không quay lại nữa.

Vậy nên bạn hãy tạo ra trang (http://hieukinhquangthai.com)web với nội dung thật hấp dẫn, sao cho người ta phải Add favourite ngay lần đầu đến thăm.

2. Tốc độ load chậm

Một điều hết sức khó chịu là trang web của bạn có tốc độ load chậm. Người ta không kiên nhẫn quá 5 giây để ngồi chờ trang của bạn load đâu.
3. Giao diện nghèo nàn (http://hieukinhquangthai.com)

Bạn luôn phải nghĩ rằng những người lướt web (http://hieukinhquangthai.com) đến thăm trang của bạn, họ không phải là những nhà thiết kế web chuyên nghiệp. Thậm chí họ chỉ mới biết đến Internet. Do vậy bạn phải làm sao cho trang của mình thật dễ sử dụng, người ta chỉ cần nhấn chuột 3 lần là đã tìm ra cái họ cần.

Thanh di chuyển nên chọn loại tiêu chuẩn là nằm ngang dưới banner hoặc bên tay trái. Đừng nên dùng những thanh di chuyển quá phức tạp.

Đừng nên dùng hiệu ứng Javascript cho con trỏ chuột

Màu chữ và cỡ chữ không nên quá to, hoặc quá chói. Tốt nhất là bạn nên chọn font chữ từ 12-14 Px và màu là màu đen. Người ta chứng minh được rằng, mắt người thấy dễ chịu nhất ở những trang có nền trắng chữ màu đen.

4. Kết hợp màu sắc quá tồi

Có đôi khi tôi vào một vài trang web về Photoshop Tutorial. Thật sự thì tôi cũng thích nội dung trang web đó, nhưng màu sắc thì … ôi thôi … không thể tha thứ được. Nền màu đỏ, chữ màu xanh lá cây, viền vàng, chữ xám … nhìn như một bát màu chứ không phải một trang web nữa. Ở những lúc như thế, tôi chỉ muốn thoát ngay ra mà không muốn chịu đựng thêm một giây nào nữa.

5. Có quá nhiều hình ảnh động và flash

Banner hoặc logo mà là dạng hình động chạy ra chạy dzô, ẩn hiện lập loè, xoay mòng mòng như chong chóng là những thứ mà các web designer nên tránh như tránh tà.

Một banner bằng flash giống như một bé mới tập làm web và khoe hết người này người nọ về tác phẩm mà cậu ta mới làm xong.

Một trang web chuyên nghiệp thì logo và banner (http://hieukinhquangthai.com) nên là dạng hình tĩnh hoặc đơn giản chỉ bằng chữ. Có nhiều nghiên cứu chỉ ra rằng banner và logo động dạng flash không mạng lại tính chuyên nghiệp cho trang web của bạn, mà sự thực nó làm điều ngược lại.
6. Bộ đếm số người truy cập – Hit Counter

Đoạn mã này chỉ được dùng bởi những tay mơ, mới bắt tay vào làm web. Bạn đừng bao giờ dùng đến nó. Bởi vì một host có cấu hình tốt sẽ giúp bạn kiểm tra được thông tin về số người truy cập là bao nhiêu, họ từ đâu tới, dùng trình duyệt gì, làm sao họ biết đến bạn nhờ công cụ tìm kiếm nào ...vân …vân … mà một bộ đếm truy cập thông thường chẳng bao giờ làm được như thế. Đó là chưa kể nó lại còn không chính xác nữa bởi vì mỗi lần có người refresh là nó lại nhẩy lên môt đơn vị.

Ý tưởng dùng công cụ Hit Counter này xuất hiện đã 8 năm về trước rồi. Thế giới đã đổi thay, bạn cũng nên vậy.

7. Viết theo văn phong dễ hiểu

Bạn luôn phải nghĩ trong đầu rằng không phải ai lướt web cũng giỏi văn như Nguyễn Tuân, Tố Hữu … mà trình độ của họ chỉ là trung học hoặc hơn chút. Do vậy bạn nên viết sao cho dễ hiểu, vào thẳng vấn đề và đừng nên vòng vo tam quốc, trau truốt câu văn bóng bẩy làm gì.

Văn phong bạn viết trên Internet nên ngắn gọn, súc tích và dễ hiểu vì người đọc rất lười đọc trên mạng. Họ chỉ đọc lướt qua thôi chứ không đọc từng câu từng chữ đâu.

8 Cách sử dụng màu và pattern

Nếu có thể bạn cho phép người đọc trên trang web của bạn có thể lưa chọn màu sắc, skin tuỳ theo sở thích của họ. Tiếp đến là việc tạo độ tương phản cao giữa chữ và hình nền, tạo ra độ tương phản giữa chữ và hình nền là điều nên làm, tuy nhiên bạn đừng nên dung pattern hay là texture background đằng sau chữ. Một màu đặc hoặc không có gì thường tốt hơn nhiều.

Bạn cũng đừng nên dựa quá nhiều vào ý nghĩa chỉ dẫn của màu sắc cho những đoạn thông tin quan trọng. Sử dụng màu sắc như là một cách để phân biệt những thành phần khác nhau trên một trang web có thể khá thú vị và vui mắt. Nhưng tránh lạm dụng màu sắc khi bạn phải dung nhiều màu cùng một lúc. Nên mạch lạc và đặt giới hạn cho số lượng màu mà bạn sẽ dung cho trang web.

9 Lựa chọn màu phù hợp

Màu an toàn nhất, dễ đọc hơn và chuyên nghiệp là sự kết hợp của chữ đen nền trắng. Theo khả năng trung bình của mắt người - màu đỏ và xanh lá cây sẽ rõ ràng nhất nếu được đặt ở giữa. Trắng, đen, vàng và xanh dương thì rõ ràng hơn khi được đặt ở vùng biên. Nếu muốn xác định hai nhóm nội dung, đừng nên sử dụng kết hợp hai màu đỏ và xanh lá, hãy luôn nhớ rằng hầu hết những người bị bệnh mù màu là mù với hai màu đỏ và xanh lá. Cũng tương tự như thế với hai màu Xanh dương và Vàng bởi vì có ít nhất 1-2% số người bị mù với hai mùa Vàng và Xanh dương.

Với mục đích để thu hút sự chú ý của người đọc thì màu đỏ hoặc những màu sặc sỡ khác có thể giúp ích được cho mục đích của bạn. Những màu sáng khác cũng rất tốt cho chế độ hiển thị nội dung trên màn hinh fmáy tính mà có thể được xem trong một thời gian dài. Những màu này cũng thích hợp với những người dùng lớn tuổi. Nếu bạn muốn màu sắc trên trang web phải khác biệt với nhau thì những màu xanh đậm, đỏ, màu tía, màu xám, vàng và da cam là những gam màu tốt.

10 Sử dụng màu để nói về công ty hay trang web của bạn

Những màu sáng như vàng để làm hình nền có thể được dùng để highlight cho những sản phẩm hạ giá. Những màu sắc phù hợp với thương mại là màu be, xanh dương, màu đỏ tía và màu xanh lá đậm ở trên hình nền trắng hoặc một màu thật nhẹ. Bạn đừng nên tạo thoi quen cho mình khi sử dụng chữ màu xám, hoặc màu nhạt cho những đoạn văn quan trọng. Nó cũng không tốt khi bạn sử dụng nhiều tông màu Xanh cùng một lúc. Bạn đừng tạo cho người đọc cảm giác bạn còn là một amatơ khi sử dụng những màu sặc sỡ để hihglight một cái gì.

11 Chọn màu dựa trên chế độ xem

Khi bạn trong điều kiện thiếu ánh sáng, sử dụng chữ nhẹ, mỏng với màu vàng nhạt hoặc đỏ với màu nền là mùa xanh đậm, xanh lá hoặc đỏ. Nếu bạn làm việc trong môi trường đủ ánh sáng thì chữ đen, mảnh trên nền trắng là tốt nhất.

Những hướng dẫn ở trên là dựa trên kinh nghiệm của tôi ... tuy nhiên bạn phải cảmnhận được những phản ứng của người đọc trên trang của bạn để đưa ra kết luận cuối cùng. Nếu những hướng dẫn trên không phù hợp với bạn thì đó là lúc bạn phải tìm ra thông tin hoặc học từ kinh nghiệm của chính bạn để phản ứng lại với nó

12 Nên giữ cấu trúc trang web của bạn thật mạch lạc

Có một vài webmaster muốn thay đổi cách nhìn của trang web vì họ muốn tránh sự nhàm chán bằng cách thay đổi cấu trúc của trang web ở những trang khác nhau. Ví dụ ở trang chủ thì thanh menu nằm dọc, sang đến những trang sau thì lại nằm ngang, hoặc vài trang khác lại là dạng menu trượt …

Người lướt web thích sự mạch lạc, do vậy trang web của bạn cũng nên như vậy. Hãy thử xem các bản Window đều hao hao giống nhau về cấu trúc mặc dù tính năng thì khác nhau một trời một vực.

13 Đừng nên dùng Pop up

Pop up có lẽ là một dạng mã làm cho người lướt web cảm thấy khó chịu nhất. Bởi vì người ta bị ép buộc phải đọc cái mà người ta không muốn đọc. Giống như bạn đang đi đường bị ai đó ném một tờ giấy vào mặt bắt bạn phải đọc.

Có một vài lần tôi có dạo qua một vài forum thấy có một bảng pop up hiện ra với lời lẽ khá lịch sự là yêu cầu tôi đăng ký làm thành viên. Bảng pop up đó cứ lẽo đẽo theo tôi, khi tôi kéo chuột xuống dưới nó cũng xuống theo, kéo lên trên nó cũng lên theo mà không sao tắt nó đi được.

Vấn đề đặt ra là nếu nội dung của trang đó hấp dẫn tôi, thì không cần phải nhắc tôi tự khắc sẽ đăng ký thành viên. Còn nội dung nghèo nàn thì cho dù admin của trang đó đăng ký nick cho tôi, chỉ cho tôi password và thậm chí login vào giùm tôi. Tôi chỉ việc post bài thôi cũng chưa chắc tôi đã tham gia chứ huống gì tôi phải đăng ký thành viên vì cái pop up đó.

Do vậy bạn hãy thật thận trọng khi dùng pop up.

14 Nên dùng hệ thống thanh di chuyển tiêu chuẩn

Có nhiều webmaster muốn cho trang web của mình sinh động nên nghĩ ra nhiều loại thanh di chuyển (navigation). Có người cho nó xoay mòng mòng quanh một quả cầu, có người cho nó chạy loanh quanh, có người cho nó trượt lên trượt xuống … những kiểu này chỉ làm người xem nhức mắt và nhầm lẫn.

Những trang web lớn họ đều dung navigation rất đơn giản là nằm ngang phía trên hoặc phần trên bên tay trái.

15 Nên để trang web của bạn phù hợp với màn hình 800 x 600 Px

Hiện nay màn hình 800 x 600 không còn chiếm đa số nhưng không hẳn là nó đã biến mất và vẫn chiếm khoảng 40% tổng số những người online. Cho nên khi bạn thiết kế, bạn hãy để tâm đến 40% này.

Việc kéo thanh trượt lên hoặc xuống không thành vấn đề vì việc đó khá dễ dàng với con chuột hỗ trợ con lăn. Nhưng việc kéo thanh trượt sang ngang là cả một vấn đề lớn và vô cùng khó chịu với người lướt web.

16 Đừng tự động tái định hướng người dùng sang một trang khác

Đôi khi có những webmaster muốn người xem chú ý đến một trang đặc biệt nào đó nên đã đặt đoạn mã tái định hướng mỗi khi ai click vào một trang cụ thể. Việc này có thể làm người dùng thấy khó chịu và không an tâm. Nếu bạn thực sự phải chuyển người dùng đến một trang nào đó, hãy để một đường link thay vì tự động chuyển họ.

Vấn đề then chốt ở đây là chúng ta tránh áp đặt những gì mình nghĩ cho người dùng, nên cho họ sự lựa chọn.

17 Nên giữ dung lượng của trang chủ không vượt quá 60Kb

Trang web có thể bao gồm chữ, hình ảnh và những định dạng khác như Flash và hình động. Nhưng khi bạn cộng tất cả các thành phần đó lại, thì dung lượng của nó không nên vượt quá 60 K.

Bởi theo các nghiên cứu được tiến hành, nếu trang web của bạn mất hơn 4 giây để load thì bạn đã mất một nửa sổ người đến thăm, còn nếu hơn 5 giây thì bạn mất trắng. Bạn thử tự hỏi mình bạn có thực sự kiên nhẫn khi phải chờ một trang nào đó ở kết quả tìm kiếm của Google khi nó load chưa?

18 Đừng canh giữa tất cả mọi thứ

Canh giữa tất cả chữ vào giữa giống thể thơ lục bát rất khó đọc, hãy tưởng tượng khi bạn đọc một cuốn sách mà tất cả chữ nghĩa đều được canh giữa.

Quy luật in trên giấy đã xuất hiện từ rất sớm và ai cũng phải công nhận rằng căn lề trái là cách dễ đọc nhất. Vậy trước khi bạn nên làm gì, hãy nhớ đến những gì ngành in ấn đang làm.

19 Đừng dùng Javascript cho con trỏ chuột

Tôi cũng có nhiều lần được chiêm ngưỡng những Javascript cho con trỏ chuột như đồng hồ chạy theo chuột, ánh sao lấp lánh, mũi tên, thanh gươm … nói chung nhìn nó đẹp và vui nhộn nhưng nó chỉ thích hợp với những trang cho trẻ con dưới 5 tuổi. Với những người như tôi, tôi chẳng thấy thích một cái đồng hồ hoặc một loạt ngôi sao cứ bám như đỉa lấy con chuột của tôi.

Do vậy hãy loại bỏ những thứ đó và chỉ nên dùng khi thực sự cần thiết.

20 Tham khảo những “ông bành” trên net

“Ông bành” ở đây tôi muốn đề cập đến là các trang web lớn với hàng triệu người truy cập một ngày như Yahoo, Google, MSN … bạn nên tham khảo cách thiết kế, trình bày, font chữ, màu sắc, hiệu ứng của họ.

Vì họ là công ty lớn, làm ăn lâu dài và họ đầu tư cả tấn tiền vào nghiên cứu rồi cho nên những gì họ dùng là kết quả của cả một quá trình đúc rút kinh nghiệm từ những sai lầm. Cho nên hãy tham khảo cách họ làm và học hỏi ở họ.


________Ngưồn không rõ xuất xứ từ đâu đầu tiên vì sưu tầm từ nhiều trang_____