Giáo trình Nguyên tắc thiết kế web tổng hợp

Nội dung text: Giáo trình Nguyên tắc thiết kế web tổng hợp

1. NGUYÊN TẮC THIẾT KÊ WEB TỔNG HỢP
2. Nguyên tắc thiết kế web 1 Tổng hợp bởi Phạm Ngọc Hiếu , tin 4-K53,Cao Đẳng Bách khoa Hà Nội Email: toiditimtoi992@yahoo.com Nguồn từ : thegioiwed.vn 1)Thiết kế Website như thế nào cho hiệu quả 2 2. Một số cấu trúc website mẫu 5 3) 6 LUẬT CƠ BẢN VỀ DESIGN 7 4) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB 9 5) 15 ĐIỀU NÊN TRÁNH KHI THIẾT KẾ WEB 16 6) THIẾT KẾ WEBSITE DƯỚI GÓC NHÌN CỦA David Bell 18 7) 10 LỜI KHUYÊN CỦA Lisa Irby CHO THIẾT KẾ WEBSITE 20 8) TẠO MỘT NAVIGATION TIÊU CHUẨN - Max Cabba 22 9) BỐ CỤC VÀ HÌNH ẢNH MINH HỌA THU HÚT NHIỀU BẠN ĐỌC NHẤT 23 10) 15 xu hướng tạo hình trong thiết kế logo 30 11) Qui ước "ngầm" trong thiết kế web 37 12) CHÌA KHOÁ ĐỂ THIẾT KẾ WEBSITE HIỆU QUẢ 39 13) PORTAL LÀ GÌ? 40 14) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB 41 15) Quy trình thiết kế và phát triển website 43 16) ÁNH SÁNG CƠ BẢN: PHẦN 1 44 17) ÁNH SÁNG: HƯỚNG CỦA ÁNH SÁNG: PHẦN 2 56 18) ÁNH SÁNG: PHẦN 3: ÁNH SÁNG TỰ NHIÊN 67 19) PHẦN 4: ÁNH SÁNG NHÂN TẠO VÀ ÁNH SÁNG TRONG NHÀ 96 20) Ánh sáng nâng cao: Radiosity:Phần 1 113 21) Ánh sáng nâng cao: Phần 2 118 22) Ánh sáng nâng cao: Light Tracer: Phần 3 121 23) Quy luật kiểu dáng 124 24) Xây dựng website và những lưu ý khi chuẩn bị làm web 126 25) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 1) 128 26) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 2) 129 27) 10 thủ thuật bổ trợ thiết kế website 131 28) Thiết kế Brochure thế nào để đạt hiệu quả cao? 132 29) 5 nguyên tắc chính khi thiết kế logo 135 30) Nguyên tắc thiêt kế website 136 31) 24 Điều cần biết khi thiết kế một trang Web 139 32) Điều hướng truy cập Website thành công 141 33) Làm thế nào tạo được tương tác thiết kế web 144 34) 10 thủ thuật hoạch định một website thành công (Phần I) 146 35) 10 thủ thuật hoạch định một website thành công (Phần II) 148 36) Làm thế nào để tạo được những website tiện ích 150 37) 5 lý do lớn nhất làm hỏng thiết kế website 152 38) Làm thế nào để tạo một Website: Bản phác thảo cho những mục tiêu của bạn 153
3. Nguyên tắc thiết kế web 2 39) Viết phần mềm trong 15 phút 155 40) Tăng tốc độ hiển thị Web 161 41) Những lỗi thường gặp trong thiết kế website 163 42) Thiết kế website tốt 165 43) SEO và thiết kế Web 166 44) Những thủ thuật thiết kế chung 168 45) 5 điều cần xem xét khi thiết kế website 170 46) Các phương pháp thể hiện của logo 171 47) Giúp bạn thực hiện đồ hoạ trên các trang web 173 48) Một vài thủ thuật giúp trang web của bạn tải nhanh hơn 174 49) Điều gì khiến website thành công? 176 50) Tiêu chuẩn để trở thành nhà thiết kế giỏi là gì ? 177 51) 3 chiến lược hàng đầu để bạn có một trang web vượt trội 179 52) Nhà thiết kế web giỏi và một nhà phát triển website nên biết! 179 53) Wix – thuật riêng trong thiết kế web 181 54) Làm thế nào để thiết kế lại trang web của bạn 182 55) Qui ước trong thiết kế web 183 56) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB 184 57) Làm thế nào để tăng khả năng truy cập cho website của bạn? 191 58) Làm thế nào để tăng khả năng truy cập cho website của bạn? 193 59) Trang web của bạn có cần thiết kế lại không? 195 60) Các bước đơn giản khi thiết kế web 196 61) 12 thủ thuật thiết kế cho website thương mại nhỏ 197 62) Thiết kế web vì lợi nhuận đầu tư 199 63) Những chỉ dẫn quan trọng về điều hướng website 200 1)Thiết kế Website như thế nào cho hiệu quả Khi kinh doanh trực tuyến việc xây dựng một website là điều tất yếu song để phát triển một website thành công thì không phải là điều dễ dàng. Trước hết chúng ta cần xem xét một số đặc điểm chung của những website thành công và khám phá những gì bạn có thể áp dụng cho website của bạn và Một Số Điều Nên & Không Nên Khi Thiết Kế Website 1. Những trang này được tổ chức rất chặt chẽ và dễ sử dụng. Để làm cho trang chủ đơn giản cần thiết kế bảng nội dung, bảng này cũng nên hết sức đơn giản và dễ sử dụng. Đồng thời sử dụng những từ và đoạn ngắn gọn dễ hiểu để thu hút người đọc. 2. Sử dụng từ ngữ dễ hiểu. Một ai đó sẽ không thể theo dõi được quảng cáo bán hàng của bạn cũng như mua những mặt hàng mà bạn đang cung cấp nếu như họ không thể hiểu được những gì bạn đang nói. Sử dụng những lời lẽ hoa mỹ để tán dương những sản phẩm bạn cung cấp thì rất dễ
4. Nguyên tắc thiết kế web 3 như thế nào?. Có thể bạn cung cấp những sản phẩm dịch vụ chất lượng tốt nhưng sẽ không ai mua nếu như họ không biết bạn đang chào bán những gì, hay không thể hiểu được lợi ích mà sản phẩm dịch vụ của bạn mang đến cho khách hàng. Hãy nhớ rằng khi một người đến thăm website của bạn, có thể anh ta chưa biết bạn là ai?. bạn đang chào bán sản phẩm gì?. Bạn phải giúp khách hàng hiểu rõ những vấn đề này trong thời gian ngắn nhất. Hãy dùng các câu ngắn gọn, cô đọng và giữ kiểu thiết kế cố định đối với tất cả các trang con. 3. Dễ dàng khám phá các đường link. Bạn hãy tạo các đường link bằng chữ hay biểu tượng ở tất cả các trang con để mọi người có thể xem lại hoặc xem tiếp mà không phải sử dụng đến nút "back" hay "forward" của trình duyệt. Bạn cũng cần nhớ là phải có những chữ thay thế tất cả các đồ hoạ và đường liên kết trong trang của bạn. Đây là những từ sẽ xuất hiện thay thế đồ họa khi tuỳ chọn đồ hoạ trong trình duyệt bị tắt hoặc khi người ta nhấn nút "stop" trước khi trang được tải về đầy đủ. 4. Thời gian tải về nhanh. Bạn đừng nghĩ rằng tất cả mọi người đều sử dụng một đường truyền Internet có tốc độ cao. Liệu bạn có muốn mình phải đợi 10 phút để tải một trang về trước khi xem trang đó không?. Chắc chắn là không, vì thế bạn đừng hy vọng khách hàng sẽ đợi. Bạn cũng nên nhớ rằng 30 giây trước màn hình giống như 10 phút vậy. Sử dụng đồ hoạ để trang trí là rất tốt nhưng đừng lạm dụng. Nếu bạn cần nhiều hình ảnh và đồ hoạ lớn thì nên có một biểu tượng nhỏ sẽ liên kết với hình ảnh đồng thời nhắc nhở người xem cần phải đợi. Sử dụng video và audio trong trang như một công cụ để bán hàng là ý tưởng khá hay, tuy nhiên bạn không nên sử dụng bởi hiện tại hầu hết mọi người vẫn đang sử dụng modem 28.8, 33.6 và 56.6. Nhân tố thời gian là vô cùng quan trọng vì mọi người thuờng không kiên nhẫn khi vào mạng. Nếu trang của bạn phải mất thời gian quá lâu để tải về thì khách hàng có thể nhấn chuột và bỏ đi. Đừng để mất khách hàng chỉ vì trang web của bạn tải về quá chậm. Hãy tăng tốc độ truyền của các trang web lên bằng cách: Giảm kích cỡ đồ hoạ trong trang web của bạn. Nhiều file đồ hoạ không nhất thiết phải có kích cỡ như trên các trang web thông thuờng. Bạn chỉ cần 72 dpi cho độ phân giải của màn hình và đồ hoạ cũng chỉ cần 256 màu. Một đồ hoạ kích cỡ nhỏ 4" - 2" không nên lớn hơn 10K. Thu nhỏ kích cỡ đồ hoạ, độ sâu của màu. Hãy để chế độ phân giải đồ hoạ và hình ảnh nền ở mức 256 màu. Nếu bạn rất cần một đồ hoạ lớn thì bạn có thể cung cấp cho người xem một hình ảnh nhỏ với tuỳ chọn xem tiếp một hình ảnh lớn hơn. Quy định cụ thể kích cỡ file đồ họa trong mã HTML. Nếu bạn quy định cụ thể
5. Nguyên tắc thiết kế web 4 kích cỡ các file đồ hoạ trong mã HTML, trình duyệt web sẽ rút ngắn kích cỡ của trang nếu cần thiết và nơi hình ảnh sẽ xuất hiện, hiển thị văn bản và để một khoảng trống cho file đồ hoạ tải về. Giảm số file trong trang web của bạn (cả file đồ hoạ và HTML kết hợp với nhau). Mọi người luôn xem nhẹ thủ thuật quản lý trang: giảm số file chứa trong website của bạn. Mọi người thuờng có tối đa bốn kết nối (socket) trong trình duyệt web của họ. Mỗi một socket sẽ cho phép chuyển một file về máy tính của bạn, vì thế nếu bạn có 4 socket thì bạn có thể tải cùng lúc 4 file về. Nếu bạn có 6 ảnh trong trang chủ và một file HTML thì tất cả là có 7 file cần phải tải về. Trình duyệt sẽ tải 4 file về trước , sau khi tải xong một file socket sẽ tải tiếp file còn lại. Nói cách khác file thứ 5 sẽ chỉ được tải về khi file thứ nhất được tải xong. Và file thứ 6 sẽ chưa được tải về cho đến khi quá trình tải file thứ hai hoàn thành quá trình tải về có thể kéo dài nếu có quá nhiều file đặc biệt khi những file này rất lớn. Theo như nguyên tắc, (giả sử đồ hoạ của bạn có kích cỡ khiêm tốn 5-12K) bạn hãy cố gắng có duới 5 file mỗi trang. 5. Nội dung không có hình ảnh. Nhiều người sử dụng ảnh "GIFS" và JavaScripts để tạo các logon và ký tự chạy ngang màn hình hay những gì tương tự. Điều này không chỉ làm tăng thời gian tải về mà còn làm người xem xao lãng nội dung bán hàng của bạn. Những người trên Internet là những con người của thông tin vì vậy bạn hãy chắc chắn rằng mình đang dành thời gian cho những thông tin có chất lượng chứ không phải là những hình ảnh vô bổ. Nếu bạn có một nội dung vô giá trong trang web, hãy làm cho nó dễ đọc. Hãy chia thành những đoạn quan trọng, bôi đậm những câu quan trọng trong từng đoạn và bạn đừng ngại trang trí với một số màu. Tô màu văn bản thay thế file đồ hoạ nếu có thể. Nói cách khác thay vì sử dụng một file đồ họa để gây sự chú ý, bạn có thể sử dụng văn bản có màu sắc khác nhau. Có thể bạn muốn cung cấp thông tin miễn phí duới dạng bài báo hay bài phóng sự, và sau đó cố gắng bán hàng. Nếu bạn muốn cung cấp cho người sử dụng những thông tin bổ ích (với mục đích thu hút khách hàng), hãy thêm những nội dung có chất lượng chứ không phải là những hình ảnh bên ngoài. Trong truờng hợp đó một chữ đáng giá hàng nghìn hình ảnh. Thậm chí bạn muốn trang của mình sinh động hơn một chút (có những biểu tượng biến hình, các dòng chữ bôi đậm ) nhằm thu hút mọi người tiếp tục quan tâm tới sản phẩm và dịch vụ của bạn. Công việc của bạn chính là kiểm tra những kết qủa mà khách hàng xem đem lại. Tất cả sẽ phụ thuộc vào những sản phẩm và dịch vụ bạn đang bán cũng như đối tượng khách hàng bạn cần tiếp thị hay thị truờng mục tiêu của bạn. Nếu bạn đang tiếp thị cho lớp trẻ thì sự sinh động của website sẽ làm tăng doanh số bán hàng. Nhưng nếu đối tượng khách hàng của bạn chủ yếu là những nhà kinh doanh có trình độ thì yếu tố sinh
6. Nguyên tắc thiết kế web 5 động đó có thể làm bạn giống như một hoạ sĩ nửa mùa. Đối với đối tượng khách hàng này bạn cần thu hút họ bằng những sự kiện, con số, sự trung thực và những lợi ích rõ ràng. 6. Dễ theo dõi "quá trình bán hàng". Bạn phải tạo điều kiện để khách hàng hiểu rõ những lợi ích của sản phẩm và dịch vụ của bạn đem lại cũng như cung cấp cho khách hàng phương thức đặt hàng thuận tiện nhất. Liệu bạn đã xây dựng được uy tín đối với khách hàng trước khi bạn yêu cầu họ đặt hàng chưa?. Bạn đã tạo cho khách hàng sự yêu thích và hứng thú trước khi bạn mời họ đặt hàng chưa?. Bạn đã cung cấp cho khách hàng một số cách đặt hàng thuận tiện cả trên mạng và ngoài mạng chưa?. Và liệu bạn đã huớng dẫn khách xem tất cả từng buớc một chưa?. 7. Tương thích với đa số trình duyệt web. Nếu bạn sử dụng bảng biểu hãy xem xét cẩn thận việc nó sẽ hiển thị như thế nào ở các trình duyệt khác nhau (ví dụ Internet Explorer, Netscape) và ở tất cả các cấp độ phân giải (ví dụ 640 x 480, 800 x 600, 1024 x 768). 2. Một số cấu trúc website mẫu Các trang mẫu web là các đơn vị tiêu biểu nhất của site được trình bày với nhiều hình thức hấp dẫn, đặc trưng và nhất quán với các hiệu ứng ấn tượng. Các trang mẫu được trình bày dựa trên sự kết hợp hài hoà với các trình bày tuỳ biến do các yếu tố tác động của khách hàng của bạn và người dùng Internet. a. cửa hàng điện tử Minh họa siêu thị điện tử của VDC ( Với mô hình siêu thị điện tử, website gồm các phần chính sau: Thông tin hàng hóa: là cơ sở dữ liệu phân loại nhiều nhóm sản phẩm, sản phẩm mới, sản phẩm đang khuyến mãi v.v Thông tin về từng sản phẩm gồm: hình, giá, giới thiệu ngắn, mô tả thông số, loại sản phẩm Thông tin giới thiệu, hướng dẫn: gồm những thông tin như: giới thiệu chủ sở hữu website, chính sách mua bán, giao hàng, trả lại hàng, hướng dẫn cách tìm kiếm hàng hóa v.v Công cụ mua hàng, thanh toán: nhất thiết phải có công cụ giỏ mua hàng (shopping cart), chức năng thanh toán (qua mạng, qua bưu điện, chuyển tiền, qua ATM, thanh toán khi giao hàng ). Nên có thông tin hướng dẫn các cách thức thanh toán khác nhau để người mua hiểu rõ và chọn lựa. Chức năng thành viên dành cho người đã mua hàng để tiết kiệm thời gian nhập thông tin khi họ mua hàng những lần sau và để cung cấp thông tin lịch sử mua hàng, giới thiệu hàng hóa mới, hàng hóa khách hàng quan tâm cho khách hàng. Một số chức năng tự chọn khác như chức năng tìm kiếm sản phẩm trong siêu thị,
7. Nguyên tắc thiết kế web 6 chức năng nhận bản tin định kỳ Cách thức triển khai thanh toán qua mạng cho siêu thị điện tử phục vụ thị trường trong nước, quốc tế sẽ được đề cập trong chương 5. b. Đấu giá trực tuyến: Với mô hình đấu giá trực tuyến, website gồm các phần chính sau: Thông tin hàng hóa: là cơ sở dữ liệu phân loại nhiều nhóm sản phẩm. Thông tin về từng sản phẩm gồm: hình, giá, giới thiệu ngắn, nhóm sản phẩm, giá sàn, thời gian kết thúc đấu giá, giá hiện tại, điều khoản khác liên quan đến việc bán món hàng Thông tin giới thiệu, hướng dẫn: gồm những thông tin như: giới thiệu chủ sở hữu website, chính sách mua-bán, quy định tham gia đấu giá, quy định giao hàng, trả lại hàng, hướng dẫn cách tìm kiếm hàng hóa v.v Công cụ rao bán, công cụ chọn mua, công cụ hỗ trợ thanh toán, công cụ tìm kiếm hàng hóa Thành viên: để lưu thông tin thành viên tham gia mua, bán, đấu giá, phục vụ các mục tiêu: Xác nhận tư cách tham gia, Lưu thông tin lịch sử tham gia mua, bán, đấu giá, Phục vụ việc quản lý mối quan hệ khách hàng giữa thành viên và website Minh họa website đấu giá trực tuyến nổi tiếng c. Sàn giao dịch B2B: Với mô hình sàn giao dịch B2B, website gồm các phần chính sau: Thông tin hàng hóa: là cơ sở dữ liệu phân loại nhiều nhóm sản phẩm. Thông tin về từng sản phẩm gồm: hình, giá, giới thiệu ngắn, nhóm sản phẩm, nhà sản xuất Danh mục thông tin về doanh nghiệp: phân loại theo ngành nghề, theo quốc gia, địa phương, theo nhu cầu mua – bán – tìm đối tác Thông tin chào hàng (chào mua, chào bán): như rao vặt, phục vụ nhu cầu tìm kiếm đối tác của các doanh nghiệp. Thông tin giới thiệu, hướng dẫn: gồm những thông tin như: giới thiệu chủ sở hữu website, chính sách mua-bán, quy định tham gia giới thiệu trên website, hướng dẫn cách sử dụng website v.v Những công cụ hỗ trợ như: đăng tải thông tin, tìm kiếm thông tin, hỏi thông tin, nhận bản tin định kỳ Thành viên: lưu thông tin thành viên tham gia phục vụ các mục tiêu: xác nhận tư cách tham gia; lưu thông tin lịch sử tham gia tạo sự tiện lợi cho thành viên khi cần truy xuất lịch sử tham gia; và phục vụ việc quản lý mối quan hệ khách hàng giữa thành viên và website. Minh họa sàn giao dịch B2B của Việt Nam d. Cổng thông tin (Portal):
8. Nguyên tắc thiết kế web 7 Với mô hình cổng thông tin, website gồm các phần chính sau: Phân loại thông tin: là cơ sở dữ liệu phân loại nhiều nhóm thông tin. Thông tin về từng “thông tin” gồm: địa chỉ website, giới thiệu ngắn về website, tựa đề dành cho website. Chức năng tìm kiếm thông tin. Chức năng gửi email cho bạn bè để giới thiệu trang web đang xem.- Chức năng đề nghị một website mới tạo điều kiện cho người xem đóng góp nguồn website mới, góp phần làm phong phú thêm cơ sở dữ liệu website hiện có. Cổng thông tin điển hình là Yahoo! tại địa chỉ e. Website thông tin phục vụ việc quảng bá, quảng cáo: Với website thông tin, phần chính là cơ sở dữ liệu các thông tin, được phân chia theo từng thể loại. Phần phụ là những thông tin quảng cáo (banner - cột dọc bên phải trang web) và thông tin liên hệ với chủ sở hữu website khi có nhu cầu quảng cáo. Điển hình là So với các website thông tin dạng này thì còn thiếu một chức năng cho phép mọi người tham gia gửi bài viết. Bài viết đạt chất lượng sẽ được VNExpress.Net đăng tải, có thể có hoặc không có nhuận bút, phục vụ hai điều: có thêm nhiều bài viết phong phú, khách quan; và tạo điều kiện cho người viết chuyên nghiệp hoặc không chuyên tham gia đăng bài. Đây là mô hình các website tương tự trên thế giới đang thực hiện. f. Website giới thiệu thông tin của doanh nghiệp: Website giới thiệu thông tin doanh nghiệp có các phần chính như: trang chủ, giới thiệu doanh nghiệp, giới thiệu sản phẩm, dịch vụ, trang liên hệ. 3) 6 LUẬT CƠ BẢN VỀ DESIGN Trong cuộc sống chúng ta gặp phải và chịu ảnh hưởng của rất nhiều điều luật.Luật lệ là do con người chúng ta đặt ra nhằm mục đích tạo 1 xã hội công bằng và văn minh.Trong thiết kế cũng vậy, cũng có những điều luật cơ bản chi phối diện mạo của 1 Layout Trong cuộc sống chúng ta gặp phải và chịu ảnh hưởng của rất nhiều điều luật.Luật lệ là do con người chúng ta đặt ra nhằm mục đích tạo 1 xã hội công bằng và văn minh.Trong thiết kế cũng vậy, cũng có những điều luật cơ bản chi phối diện mạo của 1 Layout.Chúng có thể không tương tác qua lại lẫn nhau và cũng có thể trùng lặp với nhau trong 1 số trường hợp. Vậy hãy cùng nhau phân tích những nguyên lý cơ bản của design, để mà chúng ta sẽ áp dụng chúng trong những mẫu thiết kế của mình. The law of design bao gồm:
9. Nguyên tắc thiết kế web 8 - Balance (cân bằng) - Rhythm (nhịp điệu) - Emphasis (nhấn mạnh) - Unity (đồng nhất) - Simplicity (đơn giản) - Proportion (cân xứng) The law of balance: luật cân bằng Sự cân bằng phù hợp của các yếu tố là sự cần thiết đối với 1 mẫu design.Luật cân bằng có 2 loại đó là cân bằng đối xứng và cân bằng bất đối xứng. Cân bằng đối xứng biểu thị tất cả các yếu tố như chiều cao, chiều rộng được sắp đặt 1 cách đối xứng trong trang.Cân bằng đối xứng đề cập đến tất cả những gì được sắp xếp trong 1 bố cục.Cân bằng đối xứng được chia ra làm nhiều loại như cân bằng đảo ngược, cân bằng 2 trục, cân bằng xuyên tâm Cân bằng bất đối xứng đạt được khi không có sự đối xứng.Khi tất cả các yếu tố được xếp đặt không có sự đối xứng với nhau , cân bằng bất đối xứng được thiết lập. Luật cân bằng được áp dụng trong rất nhiều thiết kế mà tiêu biểu là thiết kế logo The law of rhythm: luật nhịp điệu Nhịp điệu dùng để tạo nên sự dịch chuyển và điều hướng của tầm nhìn.Nó xảy ra khi các yếu tố trong 1 bố cục được lặp lại.Nhịp điệu được tạo ra bằng cách tạo nên 1 dòng chảy êm đềm của tầm nhìn.Nhịp điệu được dùng như 1 đường dẫn mà do đó mắt chúng ta có thể đọc được những phần quan trọng của 1 thông tin.Nó còn được gọi là 1 mẫu thức của nghệ thuật.Nhịp điệu rất quan trọng vì nó đóng 1 vai trò sống còn trong cuộc sống vật chất của chúng ta.Nhịp điệu giúp chúng ta nhìn nhận ra trật tự của thế giới chung quanh. Nhịp điệu có thể tạo nên bằng 3 cách đó là: sự lặp lại, dùng chuỗi và dùng sự liên tục.Người nghệ sĩ, thông thường sủ dụng tất cả các hình thức của nhịp điệu trong 1 bố cục.Họ phát triển thành 1 sự liên kết của nhịp điệu trong xây dựng, vẽ, các sản phẩm thủ công 1 cách nhuần nhuyễn và khéo léo để tạo nên 1 tổng thể tuyệt vời. The law of emphasis: luật nhấn mạnh Những yếu tố cần phải nối bật thì sẽ cần được nhấn mạnh.Sự nhấn được tạo ra bởi sự sắp đặ các yếu tố 1 cách hợp lý.Hoặc đặt chúng ở vị trí đáng được chú ý bằng cách dùng sự tương phản, có nghĩa là làm chúng nổi bật lên bằng những nét đặc trưng như màu sắc, hình dạng, tỉ lệ.Sự nhấn mạnh or tương phản mang lại sự muôn màu muôn vẻ cho 1 mẫu design.Một số loại tương phản phổ biến là: cong và thẵng, rộng và hẹp, hoa mỹ và xù xì Nhấn mạnh bằng tương phản xuất phát từ rất nhiều phương cách, nhưng cách phổ biến nhất có lẽ là dùng màu sắc.Sự tương phản về đường nét, hình dạng và kích thước làm nên ưu thế của 1 chi tiết so với tổng thể.Thí dụ như 1 đóa hoa được đặt trước 1 bức tường tĩnh lặng và đơn sắc thu được hiệu quả nhiều hơn trong 1 môi trường ồn ào náo nhiệt.
10. Nguyên tắc thiết kế web 9 The law of unity: luật đồng nhất Sự đồng nhất or hài hào tạo nên sự liên kết giữa các yếu tố trong 1 diện mạo.Nó là sự cân bằng phù hợp của tất cả các yếu tố để tạo nên 1 tổng thể dễ chịu.Sự đồng nhất được phản ảnh trong tổng thể hài hòa.Sự đồng nhất ám chỉ đến sự hợp nhất của tất cả các yếu tố trong 1 layout, nơi mà mỗi phần khác nhau hỗ trợ những phần còn lại và tất cả sự kết hợp đó làm thành 1 khối nghệ thuật đồng nhất.Nó đạt được bằng cách sử dụng sự liên tục và sự hài hòa. The law of simplicity: luật đơn giản Sự đơn giản trong design dẫn đến sự nhận thức chủ đề 1 cách dễ dàng hơn.Sự đơn giản là thực sự cần thiết, đặc biệt trong layout, để tạo nên sự rõ ràng, sáng sủa. The law of proportion: luật cân xứng Luật cân xứng là mối quan hệ giữa hình dạng và kích thước.Nó giúp cho chúng ta đạt được sự cân bằng, đồng nhất cho 1 layout.Để có được 1 sự cân xứng tốt thì các yếu tố phải được chiều chỉnh.Sự điều chỉnh kích thước của các yếu tố với 1 sự cân xứng hoan hảo tạo nên 1 mẫu design tốt.Đó chính là sự liên quan giữa kích thước của các yếu tố với nhau, và với sự cân xứng tổng thể.Sự cân xứng bao gồm những mối liên quan đó là liên quan về chiều cao, chiều rộng, chiều sâu và không gian chung quanh. Khỏang không gian mở chung quanh 1 chủ đề tạo nên 1 yếu tố gọi là tỉ lệ.Chúng ta có thể thấy rằng tỉ lệ liên quan mật thiết đến cuộc sống hằng ngày của chúng ta.Chúng ta đi vào siêu thị để mua 1 cái đèn ngủ trang trí cho căn phòng của chúng ta.Và chúng ta tìm được 1 cái ngỡ là phù hợp trong con mắt chúng ta lúc đó.Nhưng khi về nhà thì mới nhận thấy rằng nó quá to so với căn phòng.Chúng ta không thay đổi gì ở cái đèn, nhưng đối với không gian chung quanh đã có sự thay đổi về tỉ lệ.Đối với thiết kế cũng vậy.Bạn cứ ngỡ rằng nó rất phù hợp trên màn hình vi tính, nhưng khi in ra thì đó là cả 1 khỏang cách không thể không xem xét.Vì vậy tại sao người ta phải in những market đen trắng( ở những công ty nước ngoài người ta in đến hàng chục market như vậy) để tìm ra 1 layout phù hợp nhất. Do đó có thể nói rằng tỉ lệ là 1 yếu tố quan trọng nhất trong design, mặc dù nó chỉ được xếp ở vị trí thứ 6 trong những yếu tố của design (các yếu tố kia là đường nét, phương hướng, hình dạng, màu sắc, chất liệu và độ sáng tối). Tóm lại, những nguyên lý của design là những nguyên tắc cơ bản được ghi nhớ và áp dụng đi kèm với suy nghĩ và cảm xúc của người nghệ sĩ or designer.Những nguyên lý đó được soạn thành luật lệ cho những phương pháp làm việc, mà nguời nghệ sĩ đã rút ra qua bao nhiêu thế kỉ trải nghiệm, thực hành cũng như có những sai sót thực tế.Vì vậy tất cả những gì của ngày nay chúng ta được học tập là những tinh hoa của hàng trăm năm lịch sử design nói chung và graphic design nói riêng.Cùng với sự sáng tạo của mình kết hợp với những law of design nói trên, chắc chắn các bạn sẽ đưa graphic design của VN phát triển lên tầm quốc tế. 4)NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB Những điều tưởng chừng giản đơn, ai ai cũng biết, nhưng Granny's Mettle sẽ cho chúng ta thấy rằng không phải ai cũng ý thức được những điều đã biết ấy thật là quan trọng. Cơ bản và cần thiết đó là những gì bài viết này muốn gửi tới những người thiết kế Web.
11. Nguyên tắc thiết kế web 10 I. Điều luật cơ bản: 1. Người đọc không muốn phải kéo thanh cuộn ngang Theo kinh nghiệm của bản thân, tôi cảm thấy rất khó chịu khi phải kéo thanh cuộn ngang để đọc nội dung của trang đó. Cho nên bạn phải không được thiết kế trang web khiến người đọc phải kéo thanh cuộn ngang, nếu không hậu quả sẽ rất lớn. T heo kinh nghiệm của nhiều người thì bạn nên thiết kế web ở chế độ 800 x 600 Px vì hiện tại chỉ có 5% số người dùng màn hình 640 x 480 Px thôi. Với số lượng đó thì nghiêng về đa số vẫn hơn. 2. Thông tin quá dài ở một trang Kéo chuột sang ngang để đọc đã là rất khó chịu rồi, nhưng kéo mãi kéo mãi xuống dưới để đọc thì cũng chẳng dễ chịu chút nào với người lướt web. Hơn thế nữa trong một nghiên cứu chỉ ra rằng đến 75% người lướt web chỉ "đọc lướt" thay vì "đọc từng chữ". Do đó một bài quá dài dễ làm người ta nản. Tuy nhiên nếu bài đó có nhiều thông tin, thì bạn nên chia ra làm 2, 3 trang cho nó cũng là một cách khắc phục. Luật chung: Một trang web không nên để người đọc phải kéo 3 lần màn hình để đọc hết nội dung. Nếu bạn đang có vấn đề này thì hãy sửa chữa ngay đi. Tuy nhiên trừ trường hợp đặc biệt nếu đó là một chương sách thì không nói tới vì nếu người đọc đã biết nó là một chương sách và nội dung phù hợp với cái họ cần thì họ sẽ không ngại kéo đến cả chục trang đâu. Nhưng thường thì là nên như thế. 3. Dung lượng của một trang bất kỳ không nên nặng quá 50K Nếu tất cả chúng ta đều tuân theo quy luật như 1+1 = 2 thì tốt quá! nhưng bạn cũng nên biết rằng chẳng có cái gì là tuyệt đối, bao giờ cũng có những chỗ "sunsilk". Tuy nhiên một trang web load dưới 5 giây sẽ để lại ấn tượng rất tốt cho người đọc. Trong thực tế, có đôi lần bạn thực sự phải để nhiều hình đồ họa trên một trang ví dụ như trang về hình ảnh. Nếu bạn có một thư viện hình ảnh thì việc upload những hình bự chà bá lên mạng là không thể tránh khỏi, vì bạn muốn hình đó đủ to, đẹp để mà thu hút người xem chứ. Nhưng trong trường hợp này thì người xem đã xác định trước nên không thành vấn đề. Chung quy lại một trang load nhanh bao giờ cũng được đánh giá cao hơn một trang phải mất cả thế kỷ mới load xong. p/s: Tuy nhiên phụ thuộc vào từng thời kỳ mạng, nếu đa số người dùng sử dụng ADSL thì dung lượng trang web của bạn có thể được nâng lên. 4. Đừng bắt buộc người đọc phải download plug-ins Một điều khó chịu không kém là khi vào một trang nào đó bạn bị bắt buộc phải download một cái plug-in dở hơi nào đó để phải xem một cái gì đó mà bạn thậm chí còn chưa biết nó tốt hay dở nữa. Thực tế plug-in có thể tạo một ấn tượng mạnh cho phần giao diện của trang web. Nhưng bạn nên nhớ rằng không phải ai cũng có plug-in đó mặc dù chúng ta đang sống trong kỷ nguyên CNTT. Để làm cho
12. Nguyên tắc thiết kế web 11 tất cả mọi người đến trang của bạn đều có thể xem được, bạn nên nghĩ đến một cách hoàn thiện hơn như là dùng HTML để thay thế. II. Những quy định chung: - Mẫu thiết kế sử dụng kích thước thật của màn hình với khung hình chuẩn của web theo chiều ngang là 778px. Phần lớn người xem vẫn xem ở mode màn hình 800x600, ngoại trừ một số trường hợp đặc biệt có thiết kế riêng. - Sử dụng Mode màu RGB vì web chỉ hiển thị trên màn hình. - Nếu dùng Photoshop để dựng layout, yêu cầu bắt buộc phải dùng Folder Set để quản lý layer, vì mỗi website khi thiết kế hoàn chỉnh, có hàng trăm layer. - Việc dùng Flash cũng cần phải cân nhắc với những website thông tin vì nó chỉ thu hút người xem vào những lần truy cập đầu, sau đó sẽ chỉ làm cho website nặng lên không cần thiết. Khi làm file flash lớn, cần phải có phần loading. - Khi thiết kế, cần đưa tương đối đầy đủ nội dung với màu sắc, font chữ đúng với website sau này. Khi đặt nội dung, nên để font chữ ở chế độ Smooth là none, ko nên để là Crisp vì khi ra kết quả cuối cùng (web page) sẽ khác với thiết kế. - Không sử dụng các font chữ không chuẩn cho nội dung website, vì nếu máy người xem không có font đó thì sẽ hư toàn bộ layout. Nếu website sử dụng tiếng Việt, nên sử dụng các font Unicode chuẩn như Arial, Verdana, Tahoma, Times News Roman. - Các website thương mại nên hạn chế sử dụng các đường cong, hình ảnh lớn, background lớn chiếm diện tích thông tin của website trừ khi có thể quản lý chúng. Việc sử dụng đường cong hay background sẽ gây rất nhiều trở ngại khi chuyển qua HTML. - Cần nghĩ qua về việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần nào. - Thiết kế web cần tính toán làm sao để tương thích với cấu trúc HTML của website, nếu không, khi phân tích ra thành các trang web HTML sẽ trở nên rất khó khăn cho việc xây dựng nội dung cũng như lập trình. - Trước khi thiết kế, cần có sitemap cụ thể, để việc trình bày thông tin trở nên rõ ràng, dễ thuyết phục người duyệt mẫu. - Nên xem mẫu thiết kế trên các loại màn hình khác nhau, tốt nhất trên màn hình CRT bình thường, vì đây là màn hình của người sử dụng. Tránh việc duyệt mẫu, xem mẫu bằng giấy in láng (hoặc rửa hình), hoặc màn hình laptop, LCD. - Màu sắc website cần nhẹ nhàng, phù hợp với mục đích của website, thông tin rõ ràng. - Cần có một mẫu GUI Logic trước khi bắt tay vào thiết kế, GUI Logic này cần được duyệt qua bởi Người đối tác. GUI Logic là bản thiết kế thô, bao gồm các vị trí của các thành phần trên website, người thiết kế sẽ dựa trên đó để làm graphic. Bản GUI Logic này được tính toán trước về mặt thẩm mỹ và quan trọng là usabilities. Chuyển trang web thành HTML - Sau quá trình thiết kế web là quá trình phân tích, chuyển đổi mẫu thiết kế thành trang web HTML, cần theo các yêu cầu cụ thể sau: - Chương trình dựng trang web, chương trình thích hợp nhất là Macromedia Dreamweaver, vì đây là chương trình do rất nhiều lập trình viên đang sử dụng để code trực tiếp, tuyệt đối không dùng Frontpage. Frontpage có thể giúp đơn giản cho người sử dụng nhưng việc sinh mã HTML rất phức tạp, đặc biệt là sinh ra những mã HTML ko cần thiết và gây rối cho người lập trình. - Cắt web html cần có độ tỉ mỉ cao, nếu thiết kế mẫu layout, mất từ 4->8h (không tính thời gian sáng tạo), thì việc cắt web mất từ 2->4h một trang - Khâu thiết kế và khâu cắt web có vai trò rất quan trọng, vì sẽ tiết kiệm được thời gian cho các lập trình viên, tester sau này. Một trang web được cắt tốt không chứa các thành phần không cần thiết như mã HTML dư, hay các lỗi về cấu trúc HTML. Vì khi người lập trình làm việc, họ gần như chỉ làm việc
13. Nguyên tắc thiết kế web 12 trên code chứ không làm việc trên phần design. - Cần tính toán rõ ràng, cụ thể việc áp dụng Template trong website. Template giúp cho 1 website với những trang có thành phần giống nhau được quản lý một cách thống nhất, nếu cần thay đổi những phần này, chỉ việc chỉnh sửa file Template này. - Phối hợp chặt chẽ với bộ phận phụ trách nội dung website để bố cục, cấu trúc website rõ ràng hơn. - Khi cắt web, cần đưa các style css ở file riêng, không đưa định dạng font trực tiếp trong website, việc đặt tên các CSS cần sự nghiêm túc, có sự thống nhất. Hạn chế việc định dạng font chữ bằng tag . Nếu có các link, việc đặt các css: link, active, visited, hover là cần thiết. Nên định font chuẩn cho toàn website bằng cách định nghĩa lại tag . - Sử dụng file spacer.gif để trang web có thêm các tùy biến thay vì định kích thước ngang dọc cho các hay . File spacer.gif là 1 file gif trong suốt có kích thước 1x1. Khi cần định chiều cao cho 1 td thì nên chèn file này vào td đó và định chiều cao cho file spacer.gif. - Tránh việc Merge các Table lại với nhau quá nhiều, tối đa 1 cái. Việc này rất quan trọng, vì nó sẽ gây khó khăn và mất thời gian cho các lập trình viên khi làm việc. - Cần xem kỹ lại cấu trúc, yêu cầu của bên thiết kế web, để có thể cho phép website co giãn theo kích thước màn hình hoặc cố định (nhỏ tối đa 800px). Nếu là các co giãn theo kích thước màn hình, cần tính toán thiết kế sao cho khi giãn ra không có những khoảng trống hình ảnh. - NẾU LÀ 1 WEBSITE ĐỘNG HAY CẬP NHẬT THƯỜNG XUYÊN, TUYỆT ĐỐI KHÔNG DÙNG CHỨC NĂNG SLICE CỦA PHOTOSHOP HAY IMAGEREADY. Chức năng này chỉ thích hợp cho các website tĩnh vì HTML sinh ra rất phức tạp và có rối dẫn tới việc các lập trình viên không thể đọc hiểu hay chỉnh sửa được. III. Những quy tắc khi sử dụng font chữ 1. Font phải dễ đọc Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào "vùng nguy hiểm" rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc 2. Dùng font phù hợp. Font chữ không nên quá rắc rối mà có thể làm người đọc mất tập trung, mà font chữ nên phù hợp với nội dung của website. Ví dụ website cho trẻ em thì nên dùng font nghộ nghĩnh và nhiều mằu sắc, nhưng website cho người lớn thì nên dùng font ngay ngắn và rõ ràng. 3. Nên dùng một loại font Bạn nên sử dụng cùng một loại font cho toàn bộ trang web của mình, kể cả kích thước của font nữa. Hãy hình dùng một trang web mỗi trang là một loại font thì nó sẽ nhìn ra như thế nào? 4. Chỉ nên dùng những font tiêu chuẩn Bạn có biết rằng hiện nay có bao nhiêu font chữ tồn tại không? và hầu như ngày nào người ta cũng tạo ra một loại font mới. Nếu bạn may mắn kiếm được một font đẹp, thì hãy giữ cho riêng mình, đừng nên dùng trên trang web của bạn. Bởi vì chưa chắc gì người đọc của bạn lại may mắn giống bạn để có font đó. Cho nên lời khuyên của tôi là nên dùng font tiêu chuẩn như: Arial, Times New Roman, Tahoma, Corier New những font có sẵn trong Window vì bạn có thể chắc rằng ai cũng đọc được. Nếu máy của người đọc không có font bạn chọn, nó sẽ tự động chọn một font mặc định để thay thế. 1. Font phải dễ đọc Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào "vùng nguy hiểm" rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu
14. Nguyên tắc thiết kế web 13 ghi. Font chữ màu nhạt trên nền tối rất khó đọc Và Ví dụ về lỗi màu sắc khi sử dụng font chữ: 1. Font phải dễ đọc Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào "vùng nguy hiểm" rồi. Màu của font chữ cũng nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc 5. Trang web có rất nhiều font miễn phí Bạn có thể vào trang web sau có rất nhiều font miễn phí và rất đẹp:www.dafont.com. IV. 7 điều cần tránh khi thiết kế web: 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 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: Bạn luôn phải nghĩ rằng những người lướt web đế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,
15. Nguyên tắc thiết kế web 14 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 đựg 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 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. V.Những điều không nên khi thiết kế web: 1. 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. 2. Đừ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 dung pop up.
16. Nguyên tắc thiết kế web 15 3. Nên du`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. 4. 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. 5. Đừng tự động tái định hướng người dung 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 dung đế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. 6. 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? 7. Đừ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 căn 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. 8. Đừ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ư đia lấy con chuột của tôi. Do vậy hãy loại bỏ những thứ đó và chỉ nên dung khi thực sự cần thiết.
17. Nguyên tắc thiết kế web 16 9. Tham khảo những “ông lớn” trên net “Ông lớn” ở đây tôi muốn đề cập đến là các trang web lớn với hang 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ọ dung 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ọ. 5) 15 ĐIỀU NÊN TRÁNH KHI THIẾT KẾ WEB Những điều nên tránh cũng quan trọng không kém những điều nên làm. Tác giả Maricon Williams sẽ cho chúng ta thấy rõ những "hiểm hoạ" cần tránh khi thiết kế web. Sau đây là những điều nên tránh khi bạn thiết kế web, vì nó chỉ làm người đọc thấy khó chịu và không thoải mái. 1. Dòng chữ "website đang xây dựng, mời bạn quay lại sau" Để một dòng chữ như vậy trên trang của bạn biến thành bạn một tên "ma mới" trong làng thiết kế. Trang web phải được phát triển đúng lúc, đúng thời điểm. Nếu trang của bạn chưa hoàn thiện để cho mọi người xem, thì chỉ đơn giản không cần upload lên làm gì. Nhưng nếu là dòng chữ "Trang web đang nâng cấp, mời bạn quay lại sau" thì khác nhé! 2. Bộ đếm lượt truy cập Người đọc đến trang của bạn cũng chẳng màng quan tâm xem trang của bạn có nhiều người đến cùng họ hay không? tuy nhiên nếu một bộ đếm thể hiện một con số khoảng 3 chữ số, thì lại cho người đọc cảm giác trang của bạn mới được thành lập và rằng bạn còn newbie lắm. Nhưng nếu con số đó khoảng 6, 7 chữ số thì người ta nghĩ chắc bạn tự tăng lên chứ làm gì mà nhiều thế! Cho nên cách tốt nhất là bỏ hẳn bộ đếm đó đi, nhưng nếu bạn thực sự muốn biết là có bao nhiêu người truy cập vào trang của mình thì hãy kiểm tra thống kê trên host. 3. Thiếu dòng tuyên bố bản quyền Mọi thứ bạn viết hoặc tạo ra trên trang web của bạn phải được ghi bản quyền thuộc bạn. Hãy chèn một dòng © copyright vào trang của bạn và nhớ cập nhật mỗi năm một lần. 4. Lạm dụng công nghệ Hiện nay có quá nhiều phần mềm, công cụ hỗ trợ cho quá trình thiết kế web. Nếu bạn cứ tham lam dùng hết những công cụ đó thì bạn đã làm cho trang web thành nồi lẩu và làm người đọc mất tập trung. Nếu bạn phải chọn giữa công nghệ và sự
18. Nguyên tắc thiết kế web 17 giản đơn. Hãy đi theo lựa chọn thứ hai vì nó là yếu tố quyết định chức năng của trang web. 5. Câu văn quá dài Nhiều câu văn dài quá làm người đọc không có dấu chấm hoặc phẩy nào để nghỉ một chút lấy hơi nữa. Cho nên bạn nên giữ câu văn thật đơn giản, ngắn gọn và súc tích. Chỉ nói những gì cần nói và đi thẳng vào vấn đề. 6. Trang quá dài Hãy cố gắng giữ nội dung trên một trang ngắn gọn và súc tích. Người đọc và đặc biệt là người lướt web chỉ đọc lướt thôi và rất dễ chán. Cho nên hãy tập trung sự chú ý của người đọc. Nếu bạn phải viết về một vấn đề dài, hãy chia nó ra làm nhiều trang. 7. Không chỉ ra lợi ích của sản phẩm hoặc dịch vụ: Hãy chỉ ra các lợi ích của sản phẩm và dich vụ, đặc biệt các tính năng lợi ích nổi trội. Đồng thời cam kết những lợi ích đó là thực sự. 8. Không nói cho người đọc biết phải làm gì Trong marketing cái này được gọi là "ra lệnh hành động" (Call to Action). Trên trang của bạn nên có một chỗ nói cho người đọc biết phải làm gì ví dụ như là đăng ký newsletter, Order Now, Join US. 9. Flash quá nhiều hoặc lòe loẹt: Một đoạn giới thiệu bằng flash có thể rất sáng tạo và độc đáo, nhưng điều đó có thực sự cần thiết cho mục đích của bạn không? thậm chí bạn có thể tạo ra một đoạn flash với công nghệ cao, độc đáo và cực kỳ hấp dẫn, nhưng hãy nghĩ đến người đọc. Người ta đã mệt mỏi cả ngày tìm kiếm trên mạng, liệu họ có đủ kiên nhẫn ngồi xem một đoạn phim bằng flash của bạn không? 10.Quá nhiều thông điệp sẽ chồng chéo lên nhau. Bạn đã bao giờ bỏ thời gian ra đọc những tờ hướng dẫn sử dụng khi bạn mua một loại thuốc nào đó chưa? những chữ loại to và màu đỏ chót to chà bá chạy dọc chạy xuôi trên trang web. Bạn nghĩ nó có hiệu quả không? thay vì gào to lên trên trang của mình, bạn hãy bắt đầu bằng những lời thì thầm nhẹ nhàng mà cuốn hút. Hãy thể hiện những gì bạn muốn tốt nhất có thể, và nhớ để những khoảng trắng để cho con mắt của bạn có một chỗ để nghỉ và tiêu hoá những gì bạn vừa viết. 11. Những hình động làm mất tập trung Hãy nhớ lại kinh nghiệm của bạn khi vào một trang có hiệu ứng tuyết rơi và cá vàng bơi. Bạn có đọc và hiểu những gì họ nói không? hãy nghĩ đến người lướt web và đôi mắt mệt mỏi của họ. Bạn vẫn có thể thu hút sự chú ý của khách bằng
19. Nguyên tắc thiết kế web 18 những dòng chữ tĩnh thay vì cho nó chạy nhảy tùm lum dưới một làn mưa tuyết và cá bơi tung tăng. 12. Cú kích chuột đầy quyền lực Bạn biết là một người lướt web thì như thế nào đúng không? con chuột trong tay bạn, bạn muốn làm gì thì làm. Bây giờ hãy nghĩ con chuột đang nằm trong tay người khác và đang lướt trên trang web của bạn. Nếu trang của bạn đông nghẹt banner, flash, màu sắc loè loẹt hiệu ứng java các loại thì chỉ cần một cú click chuột thôi là bạn bị quên lãng. Nếu bạn không muốn họ bỏ đi thì hãy giữ cho nội dung và trang web gọn gàng và đơn giản. 13. Nhưng câu nói sáo rỗng sẽ bị quên lãng: Bạn đã bao nhiều lần nhấn vào một banner có dòng chữ "Chúc mừng bạn! bạn đã thắng $100000! nhấn vào đây để lấy tiền"? cho nên bạn hãy thực lòng với những gì bạn đang cung cấp hoặc bán cho khách hàng. 14. Pop-up cực kỳ khó chịu: Chắc không cần nói nhiều bạn cũng biết pop-up khó chịu đến mức nào. Có những lúc vào trang web mà có khoảng vài cửa sổ pop-up thi nhau nhảy lên che hết màn hình, tôi nghĩ chắc bạn cũng chẳng thèm đọc nó là cái gì mà đóng chúng lại và cả trang web khó chịu đó nữa. Cho nên nếu bạn không thích những kiểu đó thì đừng dùng nó trong trang của mình. 15. Không ai muốn đọc một lá thư chào hàng quá dài. Nếu bạn có thể tóm tắt một lá thứ khoảng 2 trang thành 5 chữ thì bạn sẽ thắng lớn trong mọi bài viết! cho nên hãy nhớ một điều viết lách trên web luôn luôn phải ngắn gọn và súc tích. Cuối cùng bạn hãy nhớ đến những điểm trên và giới hạn nó ở mức thấp nhất có thể. Hãy đặt mình vào vị trí của người đọc, người mà đang tìm kiếm thông tin mà bạn muốn cho họ. Hãy nghĩ đến những thứ mà làm bạn khó chịu khi lướt web và hãy tránh xa nó khi bạn làm trang của mình. Một trang web gọn gàng, tiêu đề phù hợp, rõ ràng và những bài viết giàu thông tin là một trang web thành công. 6) THIẾT KẾ WEBSITE DƯỚI GÓC NHÌN CỦA David Bell Những website hay bao giờ cũng có một vài điểm chung trong nó và đó là những điều tôi sẽ bàn ở bài này. Tôi khuyên bạn trước khi làm một website bạn hãy phác thảo kế hoạch ra giấy trước hơn là ngồi trước màn hình máy tính trống trơn Những website hay bao giờ cũng có một vài điểm chung trong nó và đó là những điều tôi sẽ bàn ở bài này. Tôi khuyên bạn trước khi làm một website bạn hãy phác thảo kế hoạch ra giấy trước hơn là ngồi trước màn hình máy tính trống trơn. Tôi không biết bạn như thế nào nhưng với tôi ngồi trợn mắt lên nhìn máy tình thì tôi không thể nghĩ ra được cái gì đáng giá cả. Cho nên tôi hay dùng cách cổ điển là dùng bút và giấy sau đó thì để cho trí sáng tạo của mình tuôn chảy. Bằng cách gạch đầu dòng bạn sẽ có thể bao quát mọi ý tưởng và không bỏ sót một ý tưởng nào, bởi
20. Nguyên tắc thiết kế web 19 vì đã gọi là ý tưởng thì thường là đáng giá. Một khi bạn đã quyết định được cho mình một chủ đề, thì công việc bây giờ là vẽ ra thanh di chuyển (Navigation). Bạn nên giữ nó ở mức đơn giản và dễ hiểu để cho khách đến thăm biết họ đang ở đâu trong site của bạn, nếu không họ sẽ thấy bực mình và bỏ đi. Hãy giữ thanh di chuyển giống nhau ở từng trang, để cho người đọc không phải tìm lại từng mục ở từng trang khác nhau. Link bằng hình đồ họa thường thì có hiệu quả hơn là chỉ có chữ không, nhưng bạn nên dùng những gì ít nhất là có thể đọc được và không quá khó chịu cho người đọc. Bạn cũng nên chú ý đến màu của các liên kết và phải mạch lạc trong toàn bộ trang. Bạn nên bao gồm thông tin liên lạc ở dưới hoặc góc trên của mỗi trang, ít nhất phải là địa chỉ email. Nếu là trang web về thương mại thì nên bao gồm cả phone, fax và tên công ty nữa. Bởi vì không phải ai cũng đến trang của bạn từ trang chủ mà có thể họ search được trên mạng và nhảy vào trang nào đó và nếu bạn không cho thông tin liên lạc ở mỗi trang thì có lẽ họ sẽ không thể liên lạc được với bạn. Nếu bạn thử đi dạo một vòng các trang web thì bạn sẽ thấy rất nhiều trang thiếu đi phần nội dung rất quan trọng này. Ở Vietphotoshop.com vì chúng ta đã có diễn đàn, cho nên giữa bạn và tôi không còn khoảng cách nên thông tin này không phải là quá cần thiết nữa. Nếu có thể bạn nên thêm sổ lưu bút hoặc góc nhận xét cho người đọc cũng là một cách tốt để bạn trực tiếp giao tiếp với người đọc mà không cần phải email hay gọi phone. Những hình đồ họa thường làm cho trang web thêm cuốn hút về mặt hình thức, nếu bạn sử dụng sai hoặc lạm dụng nó sẽ dẫn đến ấn tượng không tốt. Bạn nên sử dụng màu nền rõ ràng và tương phản với chữ, tốt nhất là nên dùng nền trắng chữ đen. Đây là màu chuyên dùng nhất trên hầu hết các trang web. Những người lướt web trong đó có cả tôi và bạn thường rất không kiên nhẫn khi phải ngồi chờ một trang cà giựt đến cả phút mà không thấy tăm hơi đâu. Nếu site của bạn khá lơn thì bạn nên có một mục Search để giúp đỡ người đọc tìm thông tin nhanh chóng hơn. Site của bạn càng nhiều thông tin thì người đọc càng khó có thể tìm chính xác được thông tin mà họ cần. Một khung tìm kiếm có thể giúp ích rất nhiều. Trình soạn thảo web như Microsoft Frontpage cho phép bạn thêm khung tìm kiếm một cách dễ dàng và form này tự động update khi có trang mới được thêm vào. Sở hữu một trang web có nghĩa rằng bạn phải update nó thường xuyên. Người lướt web muốn biết được thông tin họ đang đọc là mới và cập nhật. Nếu có thể bạn nên thêm ngày cuối cùng bài đó được cập nhật vào dưới hoặc trên của bài. Điều này cho phép người xem biết được thông tin được cập nhật khi nào hoặc một cách khác bạn có thể cho thêm một khung và đặt tên là "Thông tin mới". Thêm một trang liên kết về những thông tin liên quan đến chủ đề bạn đang viết cũng là một ý tưởng hay. Bạn có thể liên lạc với những admin của site khác và trao đổi link hoặc bạn cứ tự động thêm vào bài viết những liên kết bạn cho là hữu ích cho
21. Nguyên tắc thiết kế web 20 người đọc. Bằng cách trao đổi liên kết bạn có thể tăng traffic site của cả hai phía. Những trang tốt nhất trên mạng là những trang cho bạn thấy những đường link đến những trang khác có cùng chung một chủ đề hoặc ít nhất liên quan đến chủ đề bạn đang quan tâm. Nếu bạn có thể viết một đoạn giới thiệu ngắn ở dưới mỗi đường liên kết. Nếu bạn có một trang liên kết thì hãy kiểm tra nó thường xuyên để sửa những link hỏng. Sẽ rất bực mình nếu bạn nhấp vào đường link mà lại ra thông báo lỗi. Nếu bạn làm theo tất cả những điều trên và đưa nó vào trang web của bạn, bạn sẽ có một trang web thú vị, thiết kế đẹp mà khách đến thăm bắt buộc phải quay lại nhiều lần. Ai cũng có thể gia nhập Siêu lộ thông tin, nhưng điều đó phụ thuộc vào bạn sẽ sử dụng loại "xe hơi" nào ở đó. 7) 10 LỜI KHUYÊN CỦA Lisa Irby CHO THIẾT KẾ WEBSITE 10 lời khuyên sau đây sẽ không thừa ngay cả khi bạn đã xem một seri bài dạng này. Thêm bổ ích và hiểu biết đó là những gì người sưu tầm cảm nhận. Hy vọng bạn cũng sẽ như vây! 1. Lựa chọn màu sắc nghèo nàn Một điều quan trọng nhất khi thiết kế website mà bạn luôn phải nhớ đó là giữ nó thật đơn giản. Càng rườm rà rắc rối càng không cần thiết. Trang web của bạn không nên nhiều hơn 3 màu và chữ trong bài viết nên là màu có tính tương phản cao với nền. Không còn gì bực mình hơn khi phải đọc chữ màu vàng trên nền màu hồng, hoặc chữ màu cam trên nền màu xanh lá cây. Có thể theo bạn là rất đẹp nhưng với độc giả thì lại là một vấn đề khác và thường là khó chịu. 2. Thanh navigation rắc rối Nếu độc giả của bạn không thể tìm được họ đang ở đâu và làm thế nào để quay về trang chủ thì họ cũng sẽ đi mà không từ biệt. Chính vì thế thanh navigation (thanh di chuyển) của bạn nên được logic và mạch lạc ở tất cả các trang. Theo kinh nghiệm của nhiều người thì độc giả thích nhất là có thanh navigation dọc ở bên trái, sau đó là thanh navigation ngang ở dưới banner. 3. Font chữ và màu sắc lộn xộn. Cũng như là thanh navigation của bạn, bạn cũng nên thiết kế sao cho font chữ và màu sắc của trang thật mạch lạc. Nếu trang chủ của bạn font là Arial Font, kích thước là 10 thì những trang sau cũng nên dùng chung một font và kích thước như thế. Tất nhiên những vùng đặc biệt như là copyright, điều lệ thì bạn nên dùng font phù hợp. Tuy nhiên, trong hầu hết các trường hợp, bạn nên sử dụng cùng một loại font và kích thước xuyên suốt toàn bộ trang. Bạn nên nhớ rằng 90% những người lướt web tìm thông tin bằng cách dùng các Search Engine để tìm thông tin mình cần và các Search Engine lại tìm keyword (từ khóa) trong domain của bạn và sau đó quyết định nó sẽ xếp hạng trang web của bạn ntn. Nếu bạn muốn người đọc tìm được trang của bạn bằng cách gõ keyword
22. Nguyên tắc thiết kế web 21 "Free web host, Domain registration" thì bạn nên chọn những domain mà có chứa hoặc dính líu đến mấy từ domain, host hoặc webhosting. 4. Đoạn văn quá dài Đây là một lỗi chung hay mắc phải bởi rất nhiều webmaster. Để cho trang web của bạn đọc được một cách dễ dàng, bạn nên cắt nhỏ đoạn "diễn văn" đó ra và dùng những câu phụ đề. Hầu hết mọi người thì chỉ đọc lướt qua để dò xem mình cần cái gì cho nên nếu đoạn văn của bạn nhỏ và sắp xếp logic, nó sẽ giúp cho người đọc cảm thấy dễ chịu hơn. 5. Không có thông tin liên lạc của webmaster. Đừng để độc giả của bạn phải tìm thông tin liên lạc, đặc biệt nếu site của bạn về bán hàng hóa online. Bạn nên để thông tin liên lạc ở mỗi trang. Nếu thông tin liên lạc của bạn khó có thể tìm thấy hoặc không có thì làm cho khách hàng không muốn buôn bán gì với bạn hết. Tuy nhiên nếu website của bạn có diễn đàn hoặc một cái gì gần như thế thì thông tin liên lạc lại không thực sự quan trọng. Vì khách hàng có thể liên lạc trực tiếp với bạn qua diễn đàn, sổ lưu bút 6. Trang load quá lâu Nếu trang của bạn không được load dưới 10 giây, thì file HTML của bạn là quá lớn. Bạn hãy kiểm tra lại những hình đồ họa của mình. Liệu bạn sử dụng nhiều hình ảnh quá không? nó có cần phải định lại dung lượng không? Người ta hay quen dùng định dạng .JPG cho những file hình nhiều màu sắc và định dạng .GIF cho những hình đặc hoặc đơn màu. Bạn cũng nên nhớ định dạng độ cao, chiều rộng cho bảng trong khi thiết kế với HTML bởi vì chữ sẽ được load trước hình ảnh. Những hình GIF động làm giảm đáng kể tốc độ load của site. 7. Không có META tag Meta tag là một dạng code ẩn, người đọc không thấy nó hiện trên trình duyệt nhưng nó lại được nhìn thấy bởi những Search Engine. Thực ra hiện nay các META tag không còn quan trọng như trước đây nữa, nhưng các công cụ tìm kiếm vẫn một phần nào đó dựa vào những META tag này để hiển thị thông tin về trang web của bạn. 9. Sử dụng frame Frame có thể tạo ra rất nhiều phiên toái cho bạn. Nhiều Search Engine không index những trang dùng frame, frame đôi khi không cho phép người đọc book mark site của bạn và nó gây khó khăn khi in ấn. 9. Chữ chạy nhảy Thẻ marquee là một tính năng rất thú vị, nhưng có nhiều người lại lạm dụng nó.
23. Nguyên tắc thiết kế web 22 Mặc dù ý tưởng dùng chữ marquee là khá hay và hấp dẫn, nhưng bạn nên nhớ rằng không phải ai cũng thấy cách này là một cách hay đâu. Nếu bạn quyết định dùng marquee, thì bạn phải xác định rõ ràng là nó có thực sự mang lại hiểu quả và tăng thêm sức hấp dẫn cho site của bạn hay không. Có một vài trường hợp dùng marquee khá là hiệu quả như thông báo thông tin mới, thông tin nóng nhưng có nhiều trường hợp marquee text làm người đọc thấy khó chịu. 10) Chọn độ phân giải không phù hợp Hiện nay đa phần người lướt web dùng màn hình với độ phân giải là 800x600. Nếu bạn thiết kế trang web để phù hợp với độ phân giải là 1024x768 Px hoặc cao hơn, thì bạn phải nhớ rằng rất nhiều người phải kéo thanh cuộn ngang để xem thông tin. Tôi không biết bạn nghĩ ntn, nhưng tôi nghĩ nó khá là khó chịu. Tuy nhiên hiện nay những màn hình 1024x768 đang dần trở lên thịnh hành và bạn cũng không nên quá lo lắng nữa. Nhưng nếu bạn muốn trang web của bạn có thể hiển thị ở mọi độ phân giải, bạn nên định dạng bảng bằng chế độ phần trăm thay vì pixel. Ví dụ khi bạn định dạng bảng là 100% width thay vì "800" thì khi màn hình là 800 hay 1024 nó vẫn hiện đầy đủ hết. 8) TẠO MỘT NAVIGATION TIÊU CHUẨN - Max Cabba Tạo một navigation tiêu chuẩn như thế nào? Hầu hết các webmaster thường hay hỏi câu hỏi tương tự như vậy khi họ thiết kế trang web của mình - Max Cabba. Hầu hết các webmaster thường hay hỏi câu hỏi tương tự như vậy khi họ thiết kế trang web của mình. Trong bài viết này, tôi sẽ cố gắng trình bày những thứ cơ bản nhất mà theo tôi là một dạng thành navigation tiêu chuẩn. Mặc dù thanh navigation tạo ra nó chẳng có gì phức tạp, nhưng rất hiếm những người thiết kế lại chưa từng thử làm cho nó thêm phức tạp. Do vậy những đặc điểm cơ bản của một thanh di chuyển là: - Rõ ràng Bạn sẽ bỏ ra bao nhiêu thời gian để học cách di chuyển trên một trang đang sử dụng một loại navigation "vô tiền khoáng hậu"? Cho người mới biết đến thế giới mạng thì học cách dùng thanh navigation là không thể thiếu. Nhưng tại sao chúng ta lại để người đọc phải học cách di chuyển trên trang của mình? người lướt web tìm thông tin và webmaster thì cho họ thông tin. Cho nên thanh di chuyển nên rõ ràng cho mọi người ngay từ cái nhìn đầu tiên. - Đường liên kết dễ nhận biết Tôi không muốn phải tìm kiếm khắp trang với con chuột để tìm ra chỗ nào là có đường liên kết. Người đọc đã trở lên quen thuộc với những đường link màu xanh và có gạch chân. Tuy nhiên cho dù bạn muốn áp dụng kiểu gì cho trang của mình thì hãy nhớ rằng đừng làm cái gì quá đặc biệt mà người đọc phải khó khăn lắm mới tìm ra được. Bạn sẽ mất cơ hội đó!
24. Nguyên tắc thiết kế web 23 - Đồng bộ. Nếu tôi đã quen với cách bạn trình bày đường liên kết ở trang thứ nhất rồi thì bạn hãy giữ nguyên định dạng đó ở các trang còn lại bởi vì tôi không muốn học lại một lần nữa đâu. Đây chính là lý do vì sao người thiết kế web luôn giữ cùng một phong cách xuyên suốt toàn bộ trang web. Nó bao gồm hình ảnh, font chữ, màu chữ, cỡ chứ và nơi đặt chúng. - Dễ thấy Navigation nên được đặt ở những nơi được nhiều người quen với như là ở trên cùng dưới banner hoặc góc trên tay trái. Liên kết đến một trang khác thì nên đặt ở trên, liên kết đến trang kế hoặc quay lên trên lên được đặt ở dưới. - Tên ngắn gọn, súc tích và dễ đọc. Kích cỡ của đường link nên lớn một chút và đừng để người đọc phải mất công tìm kiếm. Tên đặt cho liên kết nên ngắn gọn và súc tích và phải phần nào đó nói lên nội dung của trang được link tới. - Số lượng vừa phải Chắc bạn cũng không thấy thú vị gì khi thấy một thanh navigation nào đó dài như tiểu thuyết và chi chít chữ nhỉ? cho nên thanh navigation nên được chia ra Menu chính và Submenu. Những submenu này bạn có thể dùng Java rất hợp lý, đẹp và tiết kiệm diện tích. 9) BỐ CỤC VÀ HÌNH ẢNH MINH HỌA THU HÚT NHIỀU BẠN ĐỌC NHẤT Người ta cho rằng tội lỗi lớn nhất mà bài quảng cáo có thể phạm phải là không thu hút được sự chú ý của bạn đọc. Làm cho quảng cáo được bạn đọc để mắt đến là công việc của họa sĩ vẽ bố cục và giám đốc mỹ thuật Người ta cho rằng tội lỗi lớn nhất mà bài quảng cáo có thể phạm phải là không thu hút được sự chú ý của bạn đọc. Làm cho quảng cáo được bạn đọc để mắt đến là công việc của họa sĩ vẽ bố cục và giám đốc mỹ thuật. Nhưng cũng như người viết lời quảng cáo muốn viết nên kiệt tác thì phải dẹp thứ ''văn chương hoa mỹ'', người giám đốc mỹ thuật cũng phải cất đi thứ ''mỹ thuật màu mè'' khi thiết kế quảng cáo ít ra thì mỹ thuật phải được xem là vấn đề thứ yếu. Mục đích chủ yếu của một bài quảng cáo chính là chào hàng. Do đó, bạn nên dùng các bố cục và hình ảnh minh họa với ưu tiên hàng đầu là nghệ thuật bán hàng rồi mới đến yếu tố thẩm mỹ. Một giám đốc mỹ thuật đã mô tả những chuyển biến tư tưởng của mình khi chị đang cố gắng thiết kế những bài quảng cáo về các sản phẩm. Khi mới bước chân vào nghề quảng cáo, chị cố gắng áp dụng những điều học được ở trường mỹ thuật. Khi thiết kế bố cục quảng cáo, đầu tiên chị quan tâm đến khiếu thẩm mỹ và thiết kế đẹp. Còn khi chọn hình ảnh minh họa thì tiêu chí hàng đầu của chị là dùng hình càng giống với tranh ảnh của những danh họa thời xưa càng tốt. Kết quả là khi xem những mẩu quảng cáo của chị, các đồng nghiệp khác hết ''Ồ'' rồi ''À!'' thích thú. Những bài quảng cáo của chị đoạt nhiều giải tại các cuộc triển lãm mỹ thuật thương mại. Có óc thực tế và nhận thức được mục đích chính của quảng cáo là chào hàng với số đông
25. Nguyên tắc thiết kế web 24 công chúng, vị giám đốc mỹ thuật này đã đưa những tác phẩm sáng tạo của mình cho các tài xế taxi, các nhân viên tốc ký, thư ký, và những người khác không quan tâm trực tiếp đến mỹ thuật xem qua. Chị đưa cho mỗi người xem vài bài quảng cáo và hỏi họ bài nào lôi cuốn nhất. Khi người đầu tiên bảo anh ta thích hơn cả là bài quảng cáo ít mang tính nghệ thuật nhất, chị đã cười xòa. Và khi một cô thư ký cũng bảo thế, chị lại nghi đó là một sự trùng hợp ngẫu nhiên. Nhưng khi hàng tá người xem bỏ qua các tác phẩm sáng tạo và chọn các bài quảng cáo kém nghệ thuật, thì người giám đốc mỹ thuật này bắt đầu nhận thấy ánh sáng chân lý. Kể từ đó, chị đã tiến hành hàng trăm cuộc kiểm nghiệm. Chị nhận ra rằng giá trị nghệ thuật của một mẩu quảng cáo không quan trọng bằng khả năng gây chú ý và có hiệu quả chào hàng. Đôi khi, các nguyên tắc mỹ thuật phải được đảo ngược hoàn toàn để tạo ra bài quảng cáo có hiệu quả. MỸ THUẬT THUẦN TÚY VÀ MỸ THUẬT THƯƠNG MẠI Nhiều họa sĩ quảng cáo ngày nay vẫn có suy nghĩ như vị giám đốc mỹ thuật nói trên khi chị chưa đưa những mẩu quảng cáo của mình cho những người bình thường xem. Rắc rối trong việc ứng dụng những quy tắc mỹ thuật vào quảng cáo là ở chỗ mỹ thuật tìm cách thỏa mãn cảm xúc và hài hòa về màu sắc với môi trường xung quanh. Tại sao những dãy ghế trong các công viên lại được sơn màu xanh mà không là màu cam? Bởi vì màu xanh đẹp hơn. Bởi vì màu xanh hợp với cảnh vật xung quanh hơn. Nhưng liệu nhà quảng cáo có muốn hòa điệu với môi trường xung quanh không? Liệu nhà sản xuất có chịu bỏ ra 40.0001[1] đô la cho một trang màu trên một tờ tạp chí chỉ để thỏa mãn khiếu thẩm mỹ của độc giả? Không hề. Họ chỉ muốn quấy phá người đọc, bắt người đọc dừng lại ngay - kích động họ và xúi giục họ mua hàng. SỬ DỤNG KIỂU CHỮ SAO CHO HIỆU QUẢ Điều chủ yếu cần xem xét khi chọn kiểu chữ cho tiêu đề chính là nó phải có kích cỡ đủ lớn và đủ sức thu hút sự chú ý của người đọc. Điều chủ yếu cần xem xét khi chọn kiểu chữ cho bài viết là phải dễ đọc. Kiểu chữ dễ đọc nhất đối với mọi người chính là kiểu chữ mà họ đọc thường xuyên nhất. Do đó, hãy in bài viết của bạn bằng kiểu chữ thông thường sử dụng hàng ngày trong các bài báo. Tránh dùng kiểu chữ lạ. Tránh dùng chữ thảo. Tránh dùng quá nhiều chữ in nghiêng. Tránh dùng chữ in quá mờ hoặc quá đậm. Tránh dùng bất cứ kiểu chữ nào làm người đọc tập trung chú ý vào kiểu chữ hơn là thông điệp quảng cáo. Đừng có tạo không khí bằng kiểu chữ. Một số giám đốc mỹ thuật sử dụng kiểu chữ như một phương tiện trang trí không hơn không kém. Họ ép chữ vào những hình vuông gọn ghẽ, hoặc hình chữ nhật hoặc những hình thù khác. Họ sắp xếp sao cho mọi dòng chữ đều dài bằng nhau, giống như những dòng chữ khắc trên bia tưởng niệm. Đôi khi họ dùng một kiểu chữ gầy khác thường hay chữ thảo để cho toàn bộ bài viết không lấn sang hình minh họa. Đôi khi họ sử dụng kiểu chữ như một phần của thiết kế bằng cách biến bài viết thành những dòng chữ dài khó đọc trong một kiểu chữ lạ với những khoảng trắng giữa các dòng. Thiết kế kiểu này có thể làm cho mẩu quảng cáo có nghệ thuật hơn nhưng nó lại không mời gợi người đọc. Hãy nhớ rằng người ta mua báo là để đọc truyện và tin tức. Do đó, nếu muốn bài quảng cáo của bạn có độc giả, hãy trình bày bài viết sao cho giống như bài báo hay truyện. Khi lựa chọn kiểu chữ cho các mẩu quảng cáo, bạn nên tham khảo những bài quảng cáo qua thư đặt hàng tiêu biểu được đăng đi đăng lại, như các hình 1.2 và 11.1. Hãy lưu ý đến những kiểu
26. Nguyên tắc thiết kế web 25 chữ cứng cáp, in đậm, dễ đọc sử dụng trong các tiêu đề và kiểu chữ rõ nét của bài viết. Nếu bạn không biết tên gọi của nhiều kiểu chữ khác nhau, bạn nên xé một mẩu quảng cáo qua thư đặt hàng có chất lượng trên một tờ báo hay tạp chí bất kỳ và bảo với người thợ xếp chữ: “Hãy xếp chữ cho mẩu quảng cáo của tôi giống như thế này”. Khi chuẩn bị bố cục của một bài quảng cáo, hãy thiết kế tiêu đề đậm và với cỡ chữ lớn vừa đủ để người đọc qua loa nhất cũng không thể bỏ sót được thông điệp của bạn. Nếu tiêu đề dài, hãy xếp chữ in hoa hoặc cỡ chữ cực lớn cho những từ hay cụm từ quan trọng, hoặc có thể dùng cả hai cách. Cỡ chứ lớn dùng trong tiêu đề sẽ gây được sự chú ý mạnh mẽ. Nó cũng tạo sức mạnh cho thông điệp của bạn. Xét tiêu đề sử dựng cỡ chữ bình thường này: THÔNG BÁO KIỂU SẢN PHẨM MỚI Bây giờ hãy xem tiêu đề có sức nhấn mạnh như thế nào với cỡ chữ lớn dưới đây: THÔNG BÁO KIỂU SẢN PHẨM MỚI Cỡ chữ lớn làm tăng thêm sức mạnh và tầm ảnh hưởng cho bản thông báo của bạn. Cỡ chữ lớn biến bản thông báo thành một tin tức quan trọng chứ không phải là một tin vặt. Nó tại được ấn tượng rằng bạn đang nói cao giọng thay vì thì thầm. Mẩu thông báo dùng cỡ chữ nhỏ hàm ý rằng bản thân bạn cũng không nghĩ điều thông báo đó là quan trọng. Thậm chí khi bạn không có tin tức gì - không cần thông báo điều gì, bạn cũng có thể mang lại hương vị tin tức cho tiêu đề bằng cách in tiêu đề bằng cỡ chữ lớn. Xét tiêu đề sử dụng cỡ chữ bình thường này: GỬI NHỮNG NGƯỜI MUỐN TIẾN THÂN Đây quả là một tiêu đề thú vị, nhưng hãy xem nó sẽ trở nên quan trọng hơn như thế nào khi nó chạy ngang trang báo với cỡ chữ lớn: GỬI NHỮNG NGƯỜI MUỐN TIẾN THÂN Cỡ chữ lớn dường như cộng thêm giá trị thông báo, giá trị tin tức, mặc dù tiêu đề chẳng cung cấp thông tin gì cả. Tuy nhiên, không nên dùng chữ in hoa nhiều hơn sáu bảy từ trong một dòng. Đối với hầu hết những người trưởng thành thì dòng chữ toàn chữ in hoa khó mà đọc suôn sẻ nếu nhiều hơn mức ấy. Hãy xếp tiêu đề trên như sau: Gửi những người muốn tiến thân LÀM NỔI BẬT NHỮNG TỪ QUAN TRỌNG TRONG TIÊU ĐỀ Khi xử lý tiêu đề dài dòng, có thể bạn không có đủ chỗ để đặt tất cả các từ vào cỡ chữ lớn. Trong trường hợp này, bạn chỉ đặt một phần tiêu đề vào cỡ chữ lớn. Ví dụ, sau đây là một tiêu đề dài mà không có từ nào được làm nổi bật: BẠN CÓ THỂ QUẲNG GÁNH LO VỀ TIỀN BẠC NẾU THỰC HIỆN KẾ HOẠCH TÀI CHÍNH ĐƠN GIẢN NÀY Còn dưới đây cũng là tiêu đề đó nhưng có nêu bật một số từ bằng cỡ chữ lớn. Khi xếp chữ cho một mẩu quảng cáo, những từ nêu bật này có thể được đưa ra đứng riêng, để bắt mắt người đọc.
27. Nguyên tắc thiết kế web 26 Hãy lưu ý rằng bản thân những từ được nêu bật phải chuyển tải một thông điệp hoàn chỉnh. Điều này rất quan trọng, không nên làm nổi bật những từ mà bản thân chúng không có nghĩa: BẠN CÓ THỂ QUẲNG GÁNH LO VỀ TIỀN BẠC nếu thực hiện kế hoạch tài chính đơn giản này Dưới đây là bốn tiêu đề nữa được xử lý tương tự. Trong cách viết đầu tiên của từng tiêu đề, không có từ nào được làm nổi bật. Trong cách viết thứ hai, những từ có nghĩa được đặt trong cỡ chữ lớn: (1) Gửi những ai muốn thôi việc vào một ngày nào đó (2) Gửi những ai muốn THÔI VIỆC vào một ngày nào đó (1) Trị bệnh cảm lạnh nhanh chóng theo cách này (2) TRỊ BỆNH CẢM LẠNH nhanh chóng theo cách này (1) Hàng nghìn người giờ hưởng nhàn trước kia không dám mơ được như vậy (2) HÀNG NGHÌN NGƯỜI GIỜ HƯỞNG NHÀN trước kia không dám mơ được như vậy (1) Còn ai muốn giặt trắng hơn mà không vất vả (2) CÒN AI MUỐN GIẶT TRẮNG HƠN mà không vất vả Khi bạn đưa bài viết cho họa sĩ thiết kế bố cục hoặc giám đốc mỹ thuật, họ thích bạn chỉ ra những từ nào quan trọng, nếu có, trong tiêu đề cần phải được nhấn mạnh hay xếp vào cỡ chữ lớn so với những từ khác. Nếu viết tiêu đề dài, bạn nên khôn khéo đưa vào một cụm từ có nghĩa mà có thể được in cực đậm hay dùng cỡ chữ cực lớn. Nếu có thể làm như vậy thì bạn nên sắp xếp ý tưởng sao cho cụm từ có nghĩa này xuất hiện ở phần đầu tiêu đề. Cách sắp xếp này được dùng ở ba trong số bốn tiêu đề đã liệt kê ở trên. Cách này không được dùng trong tiêu đề: ''Gửi những ai muốn THÔI VIỆC vào một ngày nào đó''.
28. Nguyên tắc thiết kế web 27 HÌNH ẢNH GÂY SỰ CHÚ Ý Người ta đã tiến hành hàng trăm cuộc khảo sát ý kiến bạn đọc, trong đó bạn đọc được hỏi về những mẩu quảng cáo nào khiến họ chú ý trong nhiều ấn phẩm khác nhau. Theo kết quả thu được, người ta có thể liệt kê ra những loại hình ảnh đặc biệt hiệu quả trong việc thu hút sự chú ý của người đọc. Ví dụ: § Hình cô dâu § Hình em bé § Hình loài vật § Hình những người nổi tiếng § Hình những người mặc trang phục kỳ cục, chẳng hạn như trang phục tại vũ hội hóa trang § Hình những người trong những tình huống kỳ quặc, chẳng hạn như hình người đàn ông đeo một miếng che mắt § Hình kể một câu chuyện, chẳng hạn như bé gái đang đội thử cái nón của mẹ § Hình lãng mạn, chẳng hạn như một chàng trai đang ẵm một cô gái băng qua dòng suối chảy xiết. § Những bức ảnh về thảm họa, chẳng hạn như tai nạn xe hơi § Hình thời sự, chẳng hạn như việc phóng tàu vũ trụ § Những hình ảnh đúng thời điểm, chẳng hạn như hình ông già Noel trong dịp Giáng sinh, hay hình cố tổng thống Mỹ Abraham Lincoln nhân ngày sinh nhật ông. Một nhận xét thú vị cũng được rút ra sau các cuộc khảo sát ấy là, đối với phần lớn sản phẩm, các quý ông hay để ý đến những bài quảng cáo có hình đàn ông, và ngược lại, các quý bà hay xem những mẩu quảng cáo có hình phụ nữ. Rõ ràng là hình ảnh đóng vai trò như một cái nhãn. Một người đàn ông nghĩ rằng mẩu quảng cáo có hình đàn ông thì có lẽ là quảng cáo về sản phẩm dành cho nam giới, và bài quảng cáo có hình phái đẹp thì có lẽ là về sản phẩm dành cho nữ giới. Khi chưa sử dụng những cuộc khảo sát bạn đọc rộng rãi, một số nhà quảng cáo vẫn tin rằng cách thu hút một bạn đọc nam là đưa ra hình một người đẹp đang tắm. Rõ ràng là kỹ thuật này thu hút không đúng đối tượng bạn đọc hoặc thu hút người đọc trong một tâm trạng không thích hợp. Loại hình ảnh này có thể chỉ gợi cảm giác khao khát cô gái chứ dường như không gợi cảm giác khao khát sản phẩm đang được quảng cáo. Có một câu chuyện trong buổi đầu phát triển của loại hình quảng cáo qua thư trực tiếp về một người đàn ông sau khi đọc một catalog quảng cáo đã gửi 29,95 đô la yêu cầu một chiếc áo đầm phụ nữ. Khi chiếc áo được chuyển đến, ông phàn nàn vì với 29,95 đô la, ông mong nhận được cô người mẫu mặc chiếc đầm trong hình in trên catalog! HÌNH ẢNH CÓ HIỆU QUẢ CHÀO HÀNG Khi sử dụng thông tin từ các cuộc khảo sát ý kiến độc giả, nên nhớ rằng giá trị thu hút sự chú ý của hình ảnh minh họa không đồng nghĩa với giá trị chào hàng cao. Để chào hàng hiệu quả thì hình ảnh phải liên quan đến sản phẩm. Một số nhà quảng cáo đã sử dụng sai các kết quả khảo sát bạn đọc khi minh họa quảng cáo
29. Nguyên tắc thiết kế web 28 bằng hình ảnh gây được sự chú ý nhưng không liên quan gì đến sản phẩm.Ví dụ như khi dùng hình cô dâu hay em bé nhằm mục đích gây chú ý cho bài quảng cáo xe hơi, bạn sẽ thu hút không đúng đối tượng độc giả và với tâm trạng không thích hợp. Hình cô dâu chỉ hợp với các sản phẩm quà cưới như trang sức bạc chẳng hạn. Còn hình em bé chỉ nên dùng cho sản phẩm phấn trẻ em. Căn cứ vào các cuộc kiểm nghiệm về hiệu quả chào hàng của quảng cáo, sau đây là những ví dụ điển hình về hình minh họa có giá trị chào hàng. 1. Hình sản phẩm. Ví dụ, trong quảng cáo cho xe hơi, hãy trình bày hình chiếc xe hơi 2. Hình sản phẩm đang được sử dụng. Ví dụ, hình một người phụ nữ đang sử dụng dụng cụ làm vườn mới mua. 3. Hình về những hiệu quả, lợi ích, v.v sau khi sử dụng sản phẩm. Ví dụ, hình một người phụ nữ đang trầm trồ một cái bánh ngọt cô đã nướng, hoặc đang thưởng thức cái bánh pudding cô đã làm, hoặc đang mặc một cái áo khoác đẹp mà cô từng ao ước. 4. Hình về việc đạt được tham vọng. Ví dụ, một cậu bé được nhận văn bằng. Ví dụ khác: mẩu quảng cáo về một trường hàm thụ và hình một người đàn ông tươi cười đang đưa cho vợ một ít tiền. Tiêu đề: ''Thêm 50 đô la nè, em yêu – Anh thật sự đã kiếm được tiền rồi''. 5. Hình một chi tiết được phóng to. Ví dụ, hình một loại ngòi bút mới được phóng to dưới kính lúp. 6. Hình thể hiện kịch tính. Ví dụ, một bài quảng cáo cho khóa học rèn luyện trí nhớ đưa ra hình một người đàn ông đang bị bịt mắt. Tiêu đề: ''Trí nhớ chỉ là chuyện nhỏ''. Một sai lầm nên tránh khi chọn hình minh họa là không nên dùng hình ảnh quá cường điệu hay quá khéo. Chuyện sau đây thỉnh thoảng cũng hay xảy ra. Một hãng nhiều năm làm quảng cáo cho những tour du lịch biển. Họ đã quá chán với những hình ảnh những con người sung sướng bước chân lên tàu, hay hình những nhóm người đang vui vẻ đánh cờ trên boong tàu. Họ muốn tạo ra cái gì đó khác biệt. Và thế là họ chuẩn bị một bài quảng cáo du lịch biển trong đó nêu bật hình ảnh một cái la bàn hay hình cái mũ của thuyền trưởng. Điều này quả là khéo léo, nhưng rất khiên cưỡng. Hãng quảng cáo ấy đã quên mất hai sự thật quan trọng, đó là: 1. Đối với một người bình thường khi đọc lướt qua một ấn phẩm thì hình cái la bàn là quảng cáo cho cái la bàn, hình cái mũ là quảng cáo cho cái mũ. 2. Những người để dành được đủ tiền cho một chuyến du ngoạn trên biển thường thích hình ảnh hành khách bước chân lên tàu hay hình những nhóm người chơi cờ trên tàu. Đó mới chính là những gì họ mong đợi. Do đó đừng để mất khách hay làm cho họ lúng túng với hình la bàn hay mũ. Khi tìm ý tưởng để minh họa cho quảng cáo, bạn sẽ thấy hình sản phẩm mang lại hiệu quả cao nhất. Ví dụ, Câu lạc bộ ''Sách hay nhất trong tháng'' đăng hình những cuốn sách. Nếu xem qua một catalog đặt hàng qua thư, bạn sẽ thấy: § Hình máy khâu là quảng cáo cho máy khâu § Hình máy hút bụi là quảng cáo cho máy hút bụi § Hình áo đầm là quảng cáo cho áo đầm § Hình giày dép là quảng cáo cho giày dép Nhũng ví dụ đã nêu không có ý loại trừ việc sử dụng các hình ảnh có kịch tính và gây hứng thú. Những hình ảnh thú vị sẽ rất tốt nếu điểm gây thú vị của chúng có liên quan đến sản phẩm được
30. Nguyên tắc thiết kế web 29 quảng cáo. TẠI SAO ẢNH CHỤP LÀ MINH HỌA TỐT Sau khi đã chọn được chủ đề cho hình minh họa của mình, thường thì bạn nên dùng ảnh chụp về chủ đề ấy thay vì hình vẽ. Về độ tin cậy thì không có gì khiến người ta tin tưởng bằng ảnh chụp cả. Nếu cứ dùng hình vẽ hay bức họa, bạn nên cố gắng dùng tranh càng giống như thật càng tốt, càng như ảnh chụp càng hay. Hiệu quả của ảnh chụp có thể được minh họa bằng một số kinh nghiệm cá nhân của tôi. Một cô bạn đã kể với tôi trong cả nửa giờ liền về cậu cháu trai cưng bé nhỏ của mình. Tôi không biết gì nhiều về cậu bé qua lời kể của cô bạn. Lời mô tả của cô quá lý tưởng hóa đứa cháu. Rồi cô ấy cho tôi xem một bức chân dung lớn vẽ bằng sáp màu về một cậu bé trai dễ thương. Tôi xem bức vẽ nhưng không thể mường tượng trong đầu hình ảnh cậu bé trong thực tế. Cuối cùng cô ấy cho tôi xem bức ảnh chụp nhanh một cậu bé đang trượt tuyết. Tấm hình tuy bé nhưng tôi có thể biết được mặt mũi cậu bé như thế nào. Cậu bé tỏ ra có cá tính với nụ cười dễ thương. Tôi đã có thể nhận diện cậu bé. Nhưng với bức tranh bằng sáp màu thì tôi không tài nào nhận ra cậu. Bức tranh nhìn không thật và không thuyết phục. Lần khác, tôi đang xem một catalog về các khu nghỉ mát mùa hè. Có hai bài quảng cáo về hai khu nghỉ mát đã thu hút tôi. Nhưng một bài có lợi thế hơn hẳn so với bài kia. Nó trình bày ảnh chụp khu nghỉ mát và vùng quê xung quanh. Qua những bức ảnh này, tôi có thể hình dung rõ ràng về khu nghỉ mát. Chúng đưa ra trước mắt người đọc những hình ảnh tuyệt vời chỉ kém chuyến nghỉ mát thực tế mà thôi. Mẩu quảng cáo kia in một hình vẽ lý tưởng hóa về khách sạn và đất đai xung quanh. Nó vẽ những lá cờ đang tung bay phấp phới, đài phun nước đang nô giỡn và cả những chiếc thuyền buồm xinh xắn trên mặt hồ gần đấy. Bức tranh ấy không chứng tỏ được điều gì cả. Nó không cung cấp thông tin thật. Nó không có sức thuyết phục. Nó chỉ đơn thuần là hình ảnh lý tưởng về một khách sạn mùa hè dưới con mắt họa sĩ. Một lần khác, tôi muốn đi mua túi hành lý máy bay. Tôi tìm quảng cáo trên báo và tạp chí. Một số bài quảng cáo có hình vẽ túi hành lý, một số minh họa bằng tranh vẽ một số khác dùng ảnh chụp. Những bài có ảnh chụp thu hút tôi nhất. Tôi biết nếu tôi đi xem những túi hành lý này thì tôi sẽ không thất vọng. Những túi hành lý trên thực tế sẽ giống như những bức ảnh này. Mặt khác, nếu đi xem những túi hành lý mà tôi chỉ được biết trước qua nét vẽ đồ họa hay tranh nghệ thuật thì có thể tôi sẽ thất vọng. Món đồ trên thực tế chưa hẳn sẽ giống như bức vẽ về nó. Ảnh chụp cung cấp thêm thông tin thực cho bài quảng cáo, ảnh chụp có sức thuyết phục, ảnh chụp chính là bằng chứng. Tất cả chúng ta đều biết khi xem ảnh chụp một người, một món hàng hoặc một khu du lịch chính là chúng ta đang xem những hình ảnh có thật. Có những chi tiết nhỏ trong ảnh chụp có thể nói lên rất nhiều điều - các chi tiết nhỏ về vẻ mặt hay cảnh vật xung quanh. Liếc nhìn một bức ảnh là gần như tận mắt thấy vật thể trên thực tế. Tục ngữ Việt Nam có câu: ''Trăm nghe không bằng một thấy''. Nếu quả điều này đúng thì một bức ảnh tốt có giá trị bằng hai trăm lời nói. SỬ DỤNG HÌNH ĐẦU NGƯỜI TRONG QUẢNG CÁO Tại sao các nhà quảng cáo qua thư đặt hàng hay sử dụng hình đầu đàn ông hay phụ nữ để minh họa cho quảng cáo? Câu trả lời là loại hình minh họa này mang lại doanh thu cao hơn các loại khác.
31. Nguyên tắc thiết kế web 30 Hình đầu người dễ gây sự chú ý. Điều này đặc biệt đúng khi người mẫu nhìn thẳng vào bạn và có liên quan đến sản phẩm hay dịch vụ được quảng cáo, ví dụ như hình một người đang sử dụng sản phẩm hay một học viên tốt nghiệp từ một khóa học hàm thụ. Bức ảnh một người nhìn thẳng vào mặt bạn sẽ khiến bạn dừng lại nhanh hơn là hình một bánh xà phòng hay hình phong cảnh. Xét khía cạnh không gian trang báo thì hình đầu người có hiệu quả kinh tế hơn. Bạn chỉ cần đưa ra khuôn mặt. Điều này có nghĩa là nếu bạn có khoảng trống rộng để dành cho hình minh họa thì bạn có thể phóng to mặt người cho nó lấp đầy khoảng trống, và như vậy tạo ra được một hình minh họa không thể nào bị bạn đọc bỏ sót. Nếu bạn sử dụng bài viết dài nhưng chỉ có một khoảng trống nhỏ dành cho hình minh họa thì không có hình nào đưa vào mà bắt mắt hơn hình đầu người. Nhiều mẩu quảng cáo có khổ 60 dòng nhét đầy chữ là chữ đến nỗi khoảng trống dành cho minh họa không lớn hơn một con tem. Tuy nhiên, khoảng trống nhỏ này cũng đủ để chứa một bức ảnh đầu đàn ông hay phụ nữ có hiệu quả thu hút. Còn những loại hình ảnh minh họa khác được dùng trong quảng cáo là gì? Đó là những cảnh ngoài trời, nhóm người, cảnh văn phòng, cảnh trong nhà, phong cảnh,v.v Hình ảnh minh họa kiểu này đưa vào những khoảng trống lớn trên trang báo thì thích hợp. Nhưng chúng không có lợi thế nếu sử dụng trong những bài quảng cáo khổ một phần tư trang hay với bài viết dài. Hãy xét trường hợp bạn dùng hình phong cảnh. Bạn không thể nhét một bức ảnh phong cảnh có hiệu quả chào hàng vào một khoảng trống nhỏ. Nếu bạn thu nhỏ lại bức tranh phong cảnh, những chi tiết của nó sẽ khó nhìn rõ. Nếu bạn cắt bớt một phần bức ảnh phong cảnh, bạn dễ làm hỏng nó. Nhưng giả sử bạn đang sử dụng hình đầu người. Bạn có thể bỏ đi phần vai và cổ áo. Thậm chí bạn cũng có thể bỏ đi phần đỉnh đầu, chỉ giữ lại gương mặt, và hình minh họa ấy vẫn tốt. Hình đầu người, nhất là khi anh ta đang nhìn bạn, là một trong những kiểu hình minh họa có hiệu quả nhất mà bạn có thể dùng với không gian hạn chế. Và nó cũng cực kỳ hiệu quả nếu phóng to lên lấp đầy một diện tích lớn hơn. Có những lý do thuyết phục khác để bạn sử dụng hình đầu người làm minh họa cho quảng cáo. Hãy xét trường hợp bài quảng cáo có lời chứng thực. Nếu bạn đưa ra thông tin quảng cáo. Họ sẽ cho rằng bài quảng cáo ắt hẳn là đúng sự thật, nếu không người đưa ra lời chứng không khi nào dám cho phép sử dụng hình ảnh của họ. Hơn nữa, khi bạn đọc đọc lời chứng, họ có thể thỉnh thoảng liếc nhìn người đã viết lời chứng ấy. Họ có thể thấy mặt mũi của người đó. Điều này làm tăng sự quan tâm của độc giả và khiến cho thông điệp quảng cáo toát lên cảm giác thân tình hơn. 10) 15 xu hướng tạo hình trong thiết kế logo Trong vài năm gần đây, người ta lại có khuynh hướng trở lại với những logo mộc mạc, giản dị. Xu hướng này tưởng chừng như đã biến mất một thời gian. Có khá nhiều logo đã được thiết kế dựa trên các hình hình học, pha trộn với những vòng xoắn đơn giản để tạo ra những cảm nhận thị giác. 1. Các giọt màu (Droplets) Một vài giọt màu nhỏ sẽ gợi cảm nhận về sự kết hợp. Người ta thường sử dụng các giọt màu làm biểu tượng cho sự hội tụ và liên kết, hòa hợp. Lối gây ấn tượng này xem ra có vẻ phù hợp với các tổ chức kỹ thuật hoặc khoa học. Thông thường, những hình này được thể hiện trên mặt phẳng, song một vài thiết kế có sử dụng các điểm nhấn hoặc tạo bóng để
32. Nguyên tắc thiết kế web 31 mang lại ấn tượng về các chiều không gian. Ví dụ minh họa: 2. Khả năng chắt lọc (Refinement) Trong vài năm gần đây, người ta lại có khuynh hướng trở lại với những logo mộc mạc, giản dị. Xu hướng này tưởng chừng như đã biến mất một thời gian. Có khá nhiều logo đã được thiết kế dựa trên các hình hình học, pha trộn với những vòng xoắn đơn giản để tạo ra những cảm nhận thị giác. Những lý do chủ yếu là sự kính trọng quá khứ của những năm 70 và thời đại của những thiết kế logo kinh điển; hay đó là sự tin cậy hơn đối với những hình học tự nhiên trong máy tính; hay cũng có thể chỉ đơn giản bởi vì ngày càng ít những nhà thiết kế có kỹ năng vẽ tay đủ để có thể phác thảo những logo minh họa? 3. Phong cách bình dân (Pop) Biến đổi theo một vòng xoắn ốc giống như thời trang, 30 năm một lần trở lại xu hướng cũ với những nét phá cách mới, ngày nay, các doanh nghiệp chuyên phục vụ giới trẻ cũng như các công ty nhỏ thích thú sử dụng ngôn ngữ văn hóa bình dân cuối thập niên 60, đầu thập niên 70. Việc sử dụng những định dạng ký tự, sau đó phá cách một cách đặc biệt đã tạo nên một phong cách thiết kế logo có phần bình dân khi nhào nặn các con chữ. Những logo dạng này thường trẻ, khỏe và như những con sóng dữ dội.
33. Nguyên tắc thiết kế web 32 4. Những vòng xoắn tự nhiên (Natural spirals) Hãy thử tưởng tượng, vài giọt sơn màu tối rơi vào một hộp sơn trắng, sẽ loang màu khi được khuấy nhẹ. Hay hình ảnh một đứa trẻ dùng đèn pin vẽ liên tục những vòng tròn bằng ánh sáng trên bầu trời đêm. Chúng chính là hình ảnh những vòng xoắn hay xoáy nước do thiên nhiên mang lại, không phải là sản phẩm trên máy tính, nhưng chính sự pha trộn giữa những vòng xoắn hỗn loạn với những hình hình học cơ bản trong các logo dạng này lại mang đến một cảm nhận về sự cùng tồn tại và hòa hợp giữa trật tự và tự do. 5. Hình ảnh động vật (Animorphic) Không ít doanh nghiệp đã thể hiện logo với hình tượng chính là các con vật biểu tượng. Đây là một xu hướng thiết kế khá phổ biến và các nhà kinh doanh tin rằng có một sự liên hệ khá chặt chẽ giữa sự phát triển của doanh nghiệp với đặc tính nổi trội của các con vật biểu tượng. Phần lớn logo theo phong cách này là của các doanh nghiệp vừa và nhỏ, tuy nhiên cũng có những hình ảnh nổi tiếng như chú cá voi của Pacific Life hay chú hươu của John Deere. Phong cách minh họa này đang ngày càng biến đổi một cách mạnh mẽ.
34. Nguyên tắc thiết kế web 33 6. Xu hướng xô nghiêng (Canted) Bạn có nghĩ rằng bạn có thể làm cho những hình hình học rất đỗi khiêm tôn có một gương mặt mới và trở nên đáng chú ý? Hãy xô nghiêng hay gói chúng vào một khối cầu, chỉ đơn giản bởi một cái nháy chuột - điều không chỉ bạn, mà rất nhiều nhà thiết kế có thể làm rất dễ dàng. Hãy cám ơn các phần mềm như Freehand, Illustrator hay Corel Draw, chúng đã làm cho các logo không có chiều sâu trở nên sống động hơn với giải pháp của thế giới 3D. 7. Gương mặt của những chữ cái (Alpha-face) Trong nỗ lực làm cho hình ảnh doanh nghiệp trở nên thân thiện và gần gũi hơn, những logo sử dụng các con chữ đã biến đổi chữ cái thành khuôn mặt hay hình người bé nhỏ. Chữ cái với các hình dạng khác nhau trở thành mắt, mũi, tai, miệng và tạo nên một logo. Lối thể hiện này đã xuất hiện khá lâu với nhiều thế hệ thiết kế song các nhà thiết kế vẫn tiếp tục tìm kiếm những cách thức thể hiện mới mẻ và sáng tạo hơn.
35. Nguyên tắc thiết kế web 34 8. Tạo bóng (Shadows) Hơi cứng nhưng lịch sự, việc tạo bóng mang lại cho các logo cảm nhận rõ rệt về vị trí. Đôi khi, việc tạo bóng bên dưới các logo sẽ mang đến cho chúng một dáng vẻ chắc chắn hơn. Khá nhiều logo không có đường ranh giới và người ta tạo bóng chính là để khoanh vùng logo trong một bố cục có ý nghĩa. Họa sĩ Guy Billout đã tạo bóng một cách khác với những tác phẩm của mình khi sử dụng các kỹ xảo kéo dãn. Cách thức hết sức thú vị của anh là việc xoắn các hình tự nhiên để tạo bóng một cách điêu luyện. Điều này đã truyền cảm hứng cho không ít các nhà thiết kế khi tạo các bóng méo mó và đặt chúng vào những đường cong lạ lẫm. 9. Hiệu ứng đổi màu trong suốt (Transperancy) Lâu nay không ít chúng ta vẫn thiết kế với một luật lệ lỗi thời. Đó là, một logo chỉ nên sử dụng một màu, và phải là màu bệt. Thực tế là, ngày nay có rất nhiều logo, như hình ảnh con bướm của hãng MSN, đã sử dụng hiệu ứng đổi màu trong suốt để tạo nên các lớp màu phức tạp. Những mẫu thiết kế này hết sức hấp dẫn, rất đặc biệt bởi sự mới lạ và nổi bật trong một thế giới các mẫu logo chỉ sử dụng một, hai hoặc nhiều lắm là ba màu phẳng.
36. Nguyên tắc thiết kế web 35 10. Xu hướng “Xanh” (Green) Đây là một xu hướng mang tính ẩn dụ rõ nét. Việc sử dụng màu xanh nhấn mạnh khả năng thân thiện với môi trường của doanh nghiệp. Xu hướng thiết kế này mang lại một bầu không khí và hơi thở tươi mới cho một nền công nghiệp vốn ngập tràn các màu đỏ, trắng và xanh nước biển. Những tổ chức phục vụ cộng đồng cũng thích thú xu hướng này. Tuy vậy, nếu quá cường điệu khi tạo dựng hình ảnh một doanh nghiệp xanh có thể sẽ làm cho doanh nghiệp trở nên hết sức lố bịch trước công chúng khi sản phẩm của họ không đạt tiêu chuẩn “xanh”. 11. Dấu câu - những ký tự đặc biệt (Punctuation) Trước đây, dấu câu - những ký tự đặc biệt trong dãy trên cùng của bàn phím được dành riêng để diễn đạt sự coi thường. Ngày nay, chúng lại biểu tượng cho một khuôn mặt tươi cười mãn nguyện. Điều này được tạo nên bởi khả năng sử dụng ngôn từ ngắn gọn của giới trẻ dùng Internet, song đã ngày càng mở rộng và dễ hiểu hơn với công chúng. Khá nhiều logo đã sử dụng ký tự @. Và người ta cũng ngày càng khám phá những ý nghĩa đa sắc của các dấu câu. Chúng trở nên đa nghĩa với cả các logo cũng như với những người viết quảng cáo (copywriters).
37. Nguyên tắc thiết kế web 36 12. Các nhãn hiệu (Labels) Một cách thể hiện logo rất trong sáng, đó là việc sử dụng các hình chiếu đơn giản. Bên trong hình là những phông chữ rõ ràng hết sức nổi bật. Những logo dạng này thể hiện chính xác những gì nhà thiết kế muốn nói. Không cần đến lối thể hiện màu mè, trái lại, hết sức giản dị và chân thực. 13. Hình ảnh biểu tượng (Photo icons) Đây là một lối đi quá dễ dàng. Một hình ảnh đơn giản, lấy trong các đĩa CD hình ảnh miễn phí, đặc biệt lập trên nền trắng, với tên doanh nghiệp phía dưới, đã đủ để tạo lập một logo dạng này. Cách tiếp cận này có phần quá đỗi đơn giản so với những hình ảnh thị giác đã được phức tạp hóa, song đôi khi lại tạo ra những ấn tượng riêng biệt.
38. Nguyên tắc thiết kế web 37 14. Đường uốn lượn (Slinky) Thay vì sử dụng những nét bút ngắn, những logo này lại sử dụng các hoa văn tạo bởi các đường uốn lượn, liên kết với nhau theo một trật tự riêng đặt phía trên tên doanh nghiệp, mang lại một cảm nhận khá hấp dẫn. 15. Những đường nét (Wire) Đặt chiếc bút lên tờ giấy trắng và phác thảo một hình ảnh với những đường nét hết sức cơ bản. Những nhà thiết kế đã quá bão hòa với những kỹ thuật thể hiện giờ đây lại thích thú lựa chọn xu hướng thiết kế này. Theo đánh giá của các nhà nghiên cứu, logo dạng đường nét vẫn tiếp tục mang lại sức hấp dẫn vài năm tới. 11) Qui ước "ngầm" trong thiết kế web Quy ước làm cho công việc của các nhà thiết kế đơn giản hơn, bởi vì chúng ta không phải sáng tạo ra những giải pháp mới cho những trường hợp đơn giản và cho phép chúng ta tập trung vào những điều chi tiết hơn. Một trong những kỹ năng quan trọng trong thiết kế có hiệu quả là biết đánh giá đúng chức năng của những quy ước hiện hành và áp dụng chúng một cách triệt để để có hiệu quả cao nhất. Vậy quy ước đó là gì? Nó có thể là màu sắc, hình dáng, pattern, giao diện, kiểu font qua thời gian nó mang ý
39. Nguyên tắc thiết kế web 38 nghĩa mà bản thân nó không phải nói ra. Trong lĩnh vực thiết kế web hiện nay có khoảng vài trăm quy ước mà bạn có thể đã biết. Một vài ví dụ cơ bản bạn có thể thấy là: Ở nhiều nơi trên thế giới, một biển báo giao thông màu vàng có nghĩa là "cảnh báo". Qua thời gian nó đã trở thành một quy ước trong các phần mềm. Một vùng của màn hình có hình nút bấm (hình vuông và nổi lên kiểu 3D một chút) đã được quy ước là sẽ có gì đó xảy ra khi bạn nhấp chuột vào nó. Dạng nút này bắt chước những thiết bị điện tử như là đài radio, tivi và máy tính. Bằng cách thiết kế một nút dạng như nút bấm nó lập tức gợi lên trong người đọc "Ah! nút bấm > Tôi có thể bấm > Sẽ có điều gì xảy ra. Những phiên bản trước đây của các trình duyệt web mặc định những đường link là màu xanh và gạch chân. Quy ước này đã tồn tại cả thập kỷ nay, cho dù nó không phải là định dạng dễ đọc nhất. Nếu bạn muốn quay lại trang chủ của một trang web, trước hết bạn sẽ nhìn lên góc trên bên trái của màn hình để tìm logo hoặc nút bấm có chữ "Trang Chủ". Không ai dạy cho bạn điều này cả, bạn học được điều này từ kinh nghiệm lướt web của mình. Nếu bạn nhìn thấy một tập hợp |Những Từ| |Được Chia| |Cắt bởi| |Những đường| |Thẳng Đứng| ở dưới cuối cùng của trang web, bạn lập tức cho rằng đó là một tập hợp các đường link chung của trang web mà bạn đang xem thông tin. Một vòng tròn bao quanh một nút chấm than giúp người đọc hiểu nhanh hơn gấp bội lần một chữ "Cảnh Báo". Những dạng này rất hứu ích bởi vì nó giúp bạn tiết kiệm rất nhiều thời gian và công sức. Vậy có nghĩa là bạn phải luôn luôn dùng những quy ước đã tồn tại? Không! thường thì bạn không chọn những quy ước chung này. Những điều đó là quy ước, và như những quy ước tốt nhất, chúng thường bị vi phạm hoặc "lách luật". Điều khó của các designer là biết được khi nào đi ngược lại những quy ước này sẽ bất lợi cho họ, và khi nào thì những quy ước này nên được lập lại. Cũng giống như bất cứ hệ thống quy ước nào, bạn trước hết phải hiểu luật và sau đó là chọn được cách nào là tốt nhất để tuân theo luật đó. Một điều rất quan trọng cho những designer là biết cách tránh sử dụng những quy ước sai cách! Lấy ví dụ về web ở trên Có một lần tôi thiết kế cho một khách hàng, anh ta muốn tôi thể hiện một tam giác màu vàng nhưng lại là link cung cấp thông tin cho người dùng. Tuy nhiên, thông tin lại không phải là "Cảnh Cáo", đây là một dạng gây hiểu nhầm. Một lần khác tôi gặp một giao diện sử dụng nút 3D trên cùng gần banner. Thanh "navigation" đó cũng hiển thị ngày. Để cho cùng một kiểu, anh bạn đó đã cho hiển thị ngày tháng trong một vùng cũng được bevel. Mặc dù đó rõ ràng chỉ là ngày tháng, nhưng người ta cứ cố gắng nhấp vào đó, bởi vì nó nói "Tôi là nút bấm > Bấm tôi > Sẽ có điều gì xảy ra. Tôi đã khuyên anh bạn đó bỏ cái đó đi và chỉ giữ thanh "navigation" đó cho đường liên kết. Nếu bạn sử dụng những dạng chữ màu xanh và có gạch chân, người ta sẽ nhấp chuột vào đó. Nếu đó không phải là đường liên kết thì điều đó là không cần thiết. Có một điều được ngầm định rằng, logo thể hiện cho toàn bộ trang web phải được đặt ở góc trên bên
40. Nguyên tắc thiết kế web 39 trái của mỗi trang. Đây là nơi mà người ta hay chú ý và được nhắc nhở là họ đang ở đâu. Nếu logo được đặt ở một nơi nào khác, thì nó sẽ mất nhiều công hơn cho designer muốn người đọc hiểu được ý đồ của mình. 12) CHÌA KHOÁ ĐỂ THIẾT KẾ WEBSITE HIỆU QUẢ Thiết kế website là một chủ để ngày càng trở nên nóng bỏng và quan trọng cho tất cả các hoạt động kinh doanh. Cộng đồng online đang phát triển mạnh mẽ với bộ mặt thay đổi hàng ngày. Thiết kế website là một chủ để ngày càng trở nên nóng bỏng và quan trọng cho tất cả các hoạt động kinh doanh. Cộng đồng online đang phát triển mạnh mẽ với bộ mặt thay đổi hàng ngày. Mỗi một cơ hội kinh doanh được thiết lập thì hình ảnh của họ xuất hiện online, sự cạnh tranh cũng từ đó mở rộng từ thị trường địa phương ra thị trường toàn cầu. Hiện nay hầu hết các sản phẩm đều sẵn sàng cho việc tìm hiểu và mua bán trực tuyến. Điều này làm tăng thêm sự cần thiết cho tất cả các hoạt động kinh doanh phải có sự hiện diện trực tuyến trên mạng. Trong lúc cộng đồng Internet đang phát triển nhanh thì sẽ có càng nhiều người dùng tham gia vào quá trình này. Ngày nay, khách hàng rất thấu hiểu những gì đang xảy ra xung quanh từng giờ một. Trong khi một vài khách hàng tìm kiếm sản phẩm, thì cũng nhiều khách hàng khác muốn lựa chọn để mua hàng trực tuyến. Cũng như bất kỳ bước kinh doanh nào trên cộng đồng internet, họ luôn cần tự hỏi "Tôi cần phải làm gì để thu hút khách hàng mua hàng trên website của mình?". Điều đó không có gì bí mật dù rằng việc xây dựng website hoàn toàn không hề đơn giản, tuy nhiên bí quyết chính là thiết lập những bộ phận kinh doanh xuất phát từ lợi thế cạnh tranh. Điều quan trọng nhất cần nhớ khi thiết lập website là sự tiện lợi và sự thân thiện với khách hàng. Một khách hàng sẽ không chịu mất nhiều thời gian để tiếp cận với những trang web khó hiểu hoặc phức tạp. Nếu bạn có thể giữ cho website của mình thật tiện lợi, thân thiện với khách hàng và có tính thẩm mỹ cao thì đảm bảo rằng công cuộc kinh doanh của bạn sẽ gia tăng lợi và đảm bảo được đầu tư của mình. 1. Hạn chế đồ hoạ: Những kỹ xảo đồ hoạ là rất cần thiết, nhưng việc đưa vào quá nhiều trong site sẽ làm cho thời gian tải trang web của khách hàng lâu hơn và gây cảm giác tải trang rất chậm. Trong khi bạn dùng đường thuê bao số tốc độ cao thì bạn phải hiểu rằng còn có rất nhiều khách hàng đang dùng internet qua đường quay số (dialup) với tốc độ rất thấp. Cũng như vậy, việc đưa quá nhiều đồ hoạ vào trang web sẽ là nguyên nhân gây ra sự hỗn độ không tập trung vào những thông tin cần thiết và nhiều khi nó là nguyên nhân gây ra mất kết nối trong quá trình tải web về. 2. Sử dụng ngôn ngữ tự nhiên: Khi thiết kế website, bạn nên sử dụng ngôn ngữ hàng ngày. Thậm chí nhiều khách hàng muốn "thư giãn" qua lời lẽ trình bày, đây chính là cơ hội lớn để họ mua hàng của bạn. 3. Tạo ra các đoạn nội dung ngắn và sử dụng gạch đầu dòng: Không ai thích đọc những đoạn nội dung dài dòng. Ngắt đoạn và các câu dài nên sử dụng dạng gạch đầu dòng. Tạo cho mắt người đọc chuyển động theo chiều từ trên xuống là chính thay vì phải đánh mắt sang hai bên. Sử dụng chữ hoa cho các thông tin quan trọng. Khi mắt của người
41. Nguyên tắc thiết kế web 40 xem lướt qua các đoạn nội dung thì nên thiết kế có các khoảng nghỉ. 4. Thường xuyên đổi mới site: Quay vòng các nội dung là vô cùng quan trọng. Nó không chỉ giúp cho khách hàng có một cái nhìn tươi mới về website của bạn mà còn là lý do để họ quay trở lại. Thêm nữa, việc quay vòng nội dung sẽ giúp các bộ máy tìm kiếm nhận biết và tăng thứ hạng cho website của bạn. 5. Các thông tin quan trọng nên để ở vị trí đầu trang: Chiếm sự quan tâm của khách hàng bằng cách đặt các khuyến mại hoặc những thông tin quan trọng trên nửa đầu của trang. Mọi người sẽ không bao giờ phải cuộn màn hình để tìm kiếm những thông tin này. 6. Có thông tin liên hệ rõ ràng: Nó sẽ dễ dàng hơn cho khách hàng trong việc liên hệ hỏi đáp hoặc đặt hàng. Nếu họ không tìm thấy thông tin liên hệ của bạn, họ sẽ tiếp tục mua hàng của đối thủ cạnh tranh với bạn. Hãy đặt thông tin liên hệ ở nơi dễ trông thấy và dễ tiếp cận ví dụ như thanh công cụ hoặc tiêu đề của trang. 7. Tránh đưa quá nhiều thông tin trên một trang: Mọi người muốn đọc thông tin về các sản phẩm, nhưng đừng cung cấp quá nhiều thông tin về chúng, như vậy sẽ làm mất tập trung và sự hấp dẫn. Hãy nêu sự thật về các tính năng, lợi ích với cách trình bày thật ngắn gọn và súc tích. 8. Vận hành thật rõ ràng và đơn giản: Phải đảm bảo rằng bất kỳ một khách hàng nào cũng dễ tìm những gì mà họ cần mua. Tạo tên rõ ràng và có mô tả kèm theo. Thêm các tuỳ chọn, khách hàng có thể phân biệt sản phẩm được tốt hơn. Ví dụ có thể cho phép khách hàng tìm theo tên sản phẩm, hãng sản xuất, giá tiền 9. Đặt hàng trực tuyến đơn giản: Hãy đem lại cho khách hàng sự dễ dàng, nhanh chóng và an toàn khi đặt hàng trực tuyến. Tạo ra đơn hàng đơn giản trên màn hình nhưng có đủ các thông tin cần thiết. Bằng cách sử dụng các hướng dẫn của thiết kế website bạn sẽ có được một website hiệu quả và lợi nhuận. Nó sẽ mang lại cho khách hàng sự tiện lợi và thân thiện khi mua hàng. Bạn sẽ có được thị trường khách hàng rộng lớn hơn nhiều ngoài địa phương của bạn. 13) PORTAL LÀ GÌ? Công nghệ Portal phát triển sau thời kỳ web khoảng 7-8 năm như một tất yếu xuất phát từ nhu cầu thực tế. Bài viết này mong muốn mang đến một số khái niệm cơ bản về "portal", về chủ đề nóng nhất trong ứng dụng CNTT của thế giới và Việt Nam hiện nay. · Portal (cổng giao dịch điện tử) là một bước tiến hóa của website truyền thống. Nó ra đời để giải quyết những vấn đề mà website truyền thống gặp phải. · Là "siêu web site“, gọi tắt là Portal, đối với người dùng vẫn chỉ là sử dụng trang web thông qua trình duyệt (tức là web browser), nhưng đằng sau đó là sự thay đổi thuật ngữ và quan niệm mới về triết lý phục vụ thay cho cách hiểu “tuyên truyền” thông qua web site như trước đây.
42. Nguyên tắc thiết kế web 41 · Là điểm đích qui tụ hầu hết các thông tin và dịch vụ cho người sử dụng cần, là điểm đích đến thực sự. Thông tin và dịch vụ được phân loại nhằm thuận tiện cho tìm kiếm và hạn chế vùi lấp các thông tin. · Bảo toàn đầu tư lâu dài. Có nền tảng công nghệ đảm bảo, do công nghệ Internet đã phát triển rất cao so với thời kỳ xuất hiện World Wide Web vào đầu những năm 90 của thế kỷ trước. Những công nghệ tạo nên thời đại Portal đều hỗ trợ tính mở và kế thừa rất mạnh, sao cho việc mở rộng các qui mô phục vụ bằng các phần mềm ứng dụng mới được “lắp ráp” vào Portal đang có, mà không phải hủy bỏ hoặc sửa chữa lớn như những web site trước đây. · Môi trường chủ động dùng cho việc tích hợp ứng dụng Xu hướng “tiến hóa” chung của web site theo hướng tiến đến portal được trình bày trong hình vẽ. · Phía ngoài, cung cấp một cổng giao dịch thân thiện, đủ các chức năng cho người dùng, trong đó có chức năng cá nhân hóa. · Phía trong, là cung cấp một hạ tầng điện tử, nhằm tạo quyền chủ động trong việc cung cấp, tích hợp thông tin và liên kết với các hệ thống, các dịch vụ thông tin khác. · Cung cấp môi trường cộng tác (collaborative) thông qua việc quản lý và khai thác thống nhất toàn diện các dịch vụ cơ bản như: Forum, Mail, Calendar, Task Management, Report Systems, Conferences, Discussion Groups, News Groups, v.v Các dịch vụ này là một phần của kho tài nguyên dịch vụ trên portal để người dùng lựa chọn. Việc quản lý người dùng được thực hiện một lần và thống nhất trên tất cả các ứng dụng dịch vụ của portal. Tóm lại, triết lý của portal là “siêu web site” để phục vụ tốt hơn thông qua quan hệ bình đẳng và tình cảm gắn bó với “siêu web site”, là định hướng phục vụ (user-centric), khác với sự phát triển tự nhiên của web site truyền thống là định hướng trình bày thông tin (data-centric). 14) NHỮNG ĐIỀU LUẬT CƠ BẢN KHI THIẾT KẾ WEB Bạn là người chuyên thiết kế hay là người cần hiểu thêm về Web, đây là những thông tin giúp bạn hiểu rõ hơn về Thiết kế đấy. 1. Người đọc không muốn phải kéo thanh cuộn ngang