Bài giảng Nguyên tắc thiết kế Web 2 - Phạm Ngọc Hiếu

Nguyên tắc thiết kế web 
1 
Second Edition 
Nguyên tắc thiết kế web 
2 
Tổng hợp bởi Phạm Ngọc Hiếu , tin 4-K53,Cao Đẳng Bách khoa Hà Nội 
Email: hieupn89@gmail.com 
Nguồn từ : thegioiwed.vn 
1)Thiết kế Website như thế nào cho hiệu quả............................................................................. 3 
2. Một số cấu trúc website mẫu ................................................................................................... 5 
3) 6 luật cơ bản khi thiết kế web.................................................................................................. 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 ........................................................................................ 15 
6) thiết kế web dưới góc nhìn của David Bell............................................................................ 17 
7) 10 lời khuyên của Lisa Irby cho thiết kế web ....................................................................... 19 
8) tạo một NAVIGATION tiêu chuẩn - Max Cabba ............................................................... 21 
9) bố cục và hình ảnh minh họa thu hút nhiều bạn đọc nhất ................................................... 22 
10) 15 xu hướng tạo hình trong thiết kế logo ............................................................................ 29 
11) Qui ước "ngầm" trong thiết kế web.................................................................................... 36 
12) chìa khóa để thiết kế WEBSITE hiệu quả ......................................................................... 37 
13) PORTAL là gì ? ................................................................................................................... 38 
14) những điều luật cơ bản khi thiết kế web ............................................................................. 39 
15) Quy trình thiết kế và phát triển website ............................................................................. 40 
16) ánh sáng cơ bản : phần 1 ..................................................................................................... 41 
17) ánh sáng:hướng của ánh sáng :phần 2................................................................................ 53 
18) ánh sáng:phần 3:ánh sáng tự nhiên .................................................................................... 63 
19) phần 4:ánh sáng nhân tạo và ánh sáng trong nhà ............................................................. 92 
20) Ánh sáng nâng cao: Radiosity:Phần 1 .............................................................................. 107 
21) Ánh sáng nâng cao: Phần 2 ............................................................................................... 112 
22) Ánh sáng nâng cao: Light Tracer: Phần 3 ........................................................................ 115 
23) Quy luật kiểu dáng............................................................................................................. 117 
24) Xây dựng website và những lưu ý khi chuẩn bị làm web ................................................. 119 
25) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 1)......................................... 121 
26) Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 2)......................................... 122 
27) 10 thủ thuật bổ trợ thiết kế website................................................................................... 124 
28) Thiết kế Brochure thế nào để đạt hiệu quả cao? .............................................................. 125 
29) 5 nguyên tắc chính khi thiết kế logo .................................................................................. 128 
30) Nguyên tắc thiêt kế website ............................................................................................... 129 
31) 24 Điều cần biết khi thiết kế một trang Web .................................................................... 131 
32) Điều hướng truy cập Website thành công......................................................................... 133 
33) Làm thế nào tạo được tương tác thiết kế web................................................................... 136 
34) 10 thủ thuật hoạch định một website thành công (Phần I)............................................... 137 
35) 10 thủ thuật hoạch định một website thành công (Phần II) ............................................. 139 
36) Làm thế nào để tạo được những website tiện ích.............................................................. 141 
37) 5 lý do lớn nhất làm hỏng thiết kế website........................................................................ 143 
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.............. 144 
39) Viết phần mềm trong 15 phút............................................................................................ 145 
40) Tăng tốc độ hiển thị Web................................................................................................... 150 
41) Những lỗi thường gặp trong thiết kế website.................................................................... 153 
Nguyên tắc thiết kế web 
3 
42) Thiết kế website tốt ............................................................................................................ 154 
43) SEO và thiết kế Web.......................................................................................................... 156 
44) Những thủ thuật thiết kế chung ........................................................................................ 157 
45) 5 điều cần xem xét khi thiết kế website ............................................................................. 159 
46) Các phương pháp thể hiện của logo .................................................................................. 160 
47) Giúp bạn thực hiện đồ hoạ trên các trang web................................................................. 162 
48) Một vài thủ thuật giúp trang web của bạn tải nhanh hơn................................................ 163 
49) Điều gì khiến website thành công? .................................................................................... 164 
50) Tiêu chuẩn để trở thành nhà thiết kế giỏi là gì ? .............................................................. 165 
51) 3 chiến lược hàng đầu để bạn có một trang web vượt trội ............................................... 167 
52) Nhà thiết kế web giỏi và một nhà phát triển website nên biết! ........................................ 167 
53) Wix – thuật riêng trong thiết kế web ................................................................................ 169 
54) Làm thế nào để thiết kế lại trang web của bạn ................................................................. 169 
55) Qui ước trong thiết kế web ................................................................................................ 171 
56) những điều luật cơ bản khi thiết kế web ........................................................................... 172 
57) Làm thế nào để tăng khả năng truy cập cho website của bạn?........................................ 178 
58) Làm thế nào để tăng khả năng truy cập cho website của bạn?........................................ 179 
59) Trang web của bạn có cần thiết kế lại không?.................................................................. 181 
60) Các bước đơn giản khi thiết kế web .................................................................................. 182 
61) 12 thủ thuật thiết kế cho website thương mại nhỏ............................................................ 184 
62) Thiết kế web vì lợi nhuận đầu tư....................................................................................... 185 
63) Những chỉ dẫn quan trọng về điều hướng website ........................................................... 186 
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ễ nhưng bạn sẽ không 
thể biết được có bao nhiêu người tới website và dự định của họ 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. 
Nguyên tắc thiết kế web 
4 
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ể 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. 
Nguyên tắc thiết kế web 
5 
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 độ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 t ...  đăng ký tên miền, tìm kiếm máy chủ và tải cho website. 
Tiêu điểm của web: 
Đây là bước đầu tiên quan trọng cần lưu ý để quyết định phát triển mục đích chính của website, và 
cũng là điều cần để bạn quyết định những ý tưởng tập trung triển khai. 
Bạn hãy luôn nhớ rằng: cần phải đưa ra điểm chính của website vì nó tác động tới toàn bộ dự án. 
Đồng thời, bạn cũng cần lựa chọn lưu trữ web, thông tin khách hàng đang cần, cũng như chọn 
thương hiệu website của bạn ra sao. 
Các tính năng của web: 
Những tính năng của website sẽ được lựa chọn ngay từ bước đầu tiên, song ở bước này bạn cần lựa 
chọn các tính năng web cụ thể như tính năng “ giỏ hàng - shopping cart “ đối với cửa hàng trực 
tuyến và cả mã bảo vệ của web. 
Hãy mô tả những phần chính của website: 
Cần chú ý rằng khi đã hoàn thành 2 bước đầu tiên thì bạn gần như đã thực hiện được một nửa phần 
thiết kế web, vì vậy ở bước này bạn cần chỉ rõ các mục khác nhau, để hiệu quả hơn bạn nên lựa 
chọn chúng theo dạng hình vẽ bởi vì đây là một công cụ hữu ích. Biểu đồ có thể giúp bạn dễ dàng 
nhận ra được thứ tự cây thư mục và cả mối liên quan giữa các danh mục khác nhau website. 
Phác thảo nội dung: 
Hãy lưu ý rằng, nội dung cuối cùng của web phải phù hợp với bản thiết kế web. Vì thế, nó rất quan 
trọng trong việc giúp bạn không phải suy tính lại về bản thiết kế web sau đó. Đồng thời nội dung 
còn mang lại giá trị và thành công cho website. 
Hãy tìm kiếm một mẫu web phù hợp: 
Sau khi đã hoàn thành phần nội dung bạn cần quan tâm tới giao diện của website. Để việc tạo và 
trình bày giao diện của website hiệu quả hơn bạn có thể nhờ tới sự giúp đỡ của một nhà thiết kế 
web. 
Phát triển website: 
Đây là giai đoạn bạn bắt đầu để kết thúc việc xây dựng website của mình. 
Đánh giá website: 
Sau khi website đã được hoàn thiện thì đây là lúc bạn cần đánh giá cũng như chỉnh sửa các nội 
Nguyên tắc thiết kế web 
184 
dung trên website của mình. 
Cuối cùng bạn cần tạo và đăng ký một tên miền cho website của mình, sau đó hãy tiến hành tối ưu 
hóa website trên phương tiện tìm kiếm. 
61) 12 thủ thuật thiết kế cho website thương mại nhỏ 
Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có 
thể tự thiết kế nó không? Và khi nào cần đến một website? 
Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có 
thể tự thiết kế nó không? Và khi nào cần đến một website? Sau khi thành lập và vận hành công ty 
hay là khi việc kinh doanh của bạn được tiến hành trên trang web. 
Dù có vài câu hỏi khiến bạn băn khoăn song chỉ có một câu hỏi mà bạn phải cố gắng tìm ra câu trả 
lời, và sẽ chỉ có được những câu trả lời phù hợp nhờ sự trợ giúp của người tư vấn hoặc công ty 
thiết kế web. 
Dưới đây là những điều bạn nên xem xét khi lên kế hoạch, thiết kế và xây dựng website, sao cho có 
một trang web có nội dung thu hút khách truy cập và dành được thứ hạng trên công cụ tìm kiếm. 
1. Hãy có một logo đẹp. Bởi nó là thương hiệu và là điều khiến mọi người nhớ tới website của bạn. 
Logo thường được đặt ở phía trên cùng của website vì khách thăm sẽ dễ nhìn thấy vị trí này trước 
tiên khi tới trang web của bạn. Logo/ thương hiệu có thể “ phản ánh” rất nhiều điều vì thế nó rất 
quan trọng. 
2. Bài text trên mỗi trang cần được liên quan tới nhau và có tối thiểu 250 từ, thật tốt nếu những bài 
text này có chứa các từ khóa về sản phẩm và dịch vụ của bạn. Song cũng có thể sử dụng các bài 
copy của chuyên gia về viết text cho website. 
3. Hình ảnh cũng rất quan trọng , hình ảnh đẹp về sản phẩm có thể thay muôn lời, còn hình ảnh 
không mấy “ thuyết phục” có thể ảnh hưởng tới giao diện của website. Song bạn cũng không nên 
tải lên quá nhiều hình ảnh. 
4. Mỗi trang nên có: Thẻ meta keywords, meta descriptions và tiêu đề trang riêng vì chúng là một 
phần rất quan trọng trong xây dựng website. 
5. Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện hơn cho các công cụ tìm 
kiếm cũng như giúp những thay đổi về màu sắc, phông hay cỡ chữ được thực hiện dễ dàng hơn. 
6. Nên sử dụng các thẻ H1-H6 để làm nổi bật tiêu đề chính trên trang text vì điều này có liên quan 
tới tiêu đề website của bạn và các thẻ H2 sẽ phù hợp cho các tiêu đề của các đoạn văn tiếp theo. 
Nên sử dụng chữ in đậm để làm nổi bật các từ khóa trong đoạn văn, nhưng cũng không nên dùng 
nó quá nhiều. 
7. Nếu bạn sử dụng điều hướng text thì các công cụ tìm kiếm sẽ lập chỉ mục cho website của bạn 
hiệu quả hơn. 
8. Hãy đảm bảo cho người sử dụng cuối cùng dễ dàng mua hoặc tìm kiếm được các sản phẩm và 
Nguyên tắc thiết kế web 
185 
dịch vụ của bạn, nên tiến hành nâng cấp để hướng tới sự đổi mới và mang lại doanh thu. 
9. Những đường dẫn từ các trang tới trang bên trong khác cũng phải tốt, hãy quảng cáo các sản 
phẩm hoặc dịch vụ khác, hãy sử dụng chúng để người dùng tìm thấy những yếu tố khác trên 
website của bạn dễ dàng hơn nhưng cũng không nên quá lạm dụng chúng. 
10. Hãy xây dựng một sơ đồ web để các phương tiện tìm kiếm lập chỉ mục dễ dàng hơn, bạn có thể 
tải một sơ đồ web XML từ các công cụ webmaster trên Google vì điều đó khiến việc lập chỉ mục 
cho mọi trang trên website của bạn thuận tiện hơn. 
11. Nếu đang thu thập bất kỳ thông tin nào từ website qua mẫu khai báo thì bạn nên có một chính 
sách riêng. 
12. Cuối cùng hãy cài đặt Google Analytics, điều này rất quan trọng, vì chúng cung cấp những dữ 
liệu vô giá về khách truy cập của bạn. 
Trên đây chỉ là vài điểm cần chú ý, song chúng lại rất cần thiết khi bạn bắt đầu thiết kế và xây 
dựng một webiste cho mình. Bạn hãy nên tìm đến một công ty thiết kế web để có thể thiết kế và 
xây dựng một website như ý cũng như chuyên nghiệp hơn trong công cuộc “chiến thắng” khách 
hàng mục tiêu. 
62) Thiết kế web vì lợi nhuận đầu tư 
Biến những người duyệt web thành người mua hàng và biến trang web thành tiềm năng thúc đẩy 
hành động của khách hàng như bạn muốn. 
Liệu bạn có tin rằng chỉ thay đổi một nút bấm trên web mà có thể làm tăng được 10% - 50% doanh 
thu hoặc tiềm năng thúc đẩy hành động của khách hàng? Việc tạo ra những thay đổi thiết kế đơn 
giản, nhỏ gọn cho một website có thể tăng lợi nhuận đáng kể như tựa đề một cuốn sách mới: Thiết 
kế Web vì lợi nhuận đầu tư – Biến những người duyệt web thành người mua hàng và biến trang 
web thành tiềm năng thúc đẩy hành động của khách hàng như bạn muốn. 
Các tổ chức cần phải coi website của mình như vốn đầu tư nếu họ muốn có được lợi nhuận và lợi 
thế cạnh tranh. 
Hãy kiểm soát những ưu thế của mình 
Lance Loveday và Sandra Niehaus cùng các cựu chuyên gia web (những người đã giúp Hewlett-
Packard và WebEx có được sự thay đổi diện mạo trên mạng internet) nói rằng: Việc thiết kế các 
website vì lợi nhuận đầu tư không như khoa học tên lửa mà chỉ là vấn đề đơn giản từ những thực 
tiễn đã được chứng minh như sau để tăng thêm lợi ích cho bạn. Loveday cho biết “Thời gian và 
tiền bạc để thiết kế một website tệ hay hiệu quả là như nhau. Song kết quả lợi nhuận thực có thể 
ảnh hưởng tới kết quả công việc kinh doanh của bạn”. 
Nhiều tổ chức chỉ tập trung thu hút khách truy cập mà không nghĩ tới điều gì xảy ra sau sự ghé 
thăm của họ. Sandra Niehaus chỉ ra rằng: “Liệu có hiệu quả không khi có hàng ngàn, triệu khách 
truy cập mà không ai mua hàng hay liên lạc gì? Vậy tốt hơn là hãy xây dựng một trang web trước 
hết phải có thành quả rồi sau đó mới quan tâm tới cách thu hút lưu lượng truy cập”. 
Thiết kế website vì lợi nhuận đầu tư thách thức các tổ chức nhìn trang web của mình theo một quan 
Nguyên tắc thiết kế web 
186 
niệm mới. Loveday nói rằng “Đây là thời điểm cần quan tâm tới website hơn. Hãy thiết kế web vì 
lợi nhuận đầu tư và cách thức làm tăng lợi nhuận cũng như lợi thế cạnh tranh tốt hơn”. 
Hãy xem xét 5 chỉ dẫn dưới đây để có một website thành công: 
1. Hãy coi trang web của bạn như một công việc kinh doanh: Các doanh nghiệp thành công đều 
có một chiến lược web. Hãy kết hợp sự đầu tư thời gian nỗ lực cho hoạch định kinh doanh cũng 
như khả năng tiềm tàng cho kế hoạch trang web .Các công ty lớn thường có các nhà thiết kế, kỹ sư 
và các nhà tiếp thị tạo ra những website khuyến khích được sự hành động của khách truy cập. 
2. Hãy hiểu rõ điều bạn muốn: Hãy chỉ rõ điều bạn đang cố gắng hoàn tất cụ thể cho trang web 
của mình. Bạn có muốn gia tăng doanh thu, tiềm năng thúc đẩy hành động của khách hàng và sự 
tin cậy không? 
3. Hãy thiết kế một trang web vì người xem: Cần hiểu ai là khán giả mục tiêu của bạn. Tại sao 
họ lai đến với website của bạn? Họ mong đợi điều gì? Bạn có thể làm như thế nào để trang web 
của mình sử dụng thân thiện và điều hướng dễ dàng? 
4. Đo lường các thông số thích hợp: Lưu lượng truy cập site và số lượt người truy cập vào 
website chưa nói hết cho bạn mọi điều; thông số này cần kết hợp với các chỉ số kinh doanh, thống 
kê site và thông tin phản hồi của người sử dụng. 
5. Sự lặp lại, học hỏi và kiểm thử: Thử nghiệm, học hỏi, làm đi làm lại, website của bạn như chưa 
bao giờ được "tiến hành". Hãy dành thời gian và thường xuyên xem xét site của bạn, thực hiện 
những thử nghiệm cho người dùng, và kiểm tra đối thủ cạnh tranh. Hãy sử dụng kiến thức đó để 
nâng cao website của bạn hơn nữa để đảm bảo truyền tải được chính xác những gì bạn muốn. 
63) Những chỉ dẫn quan trọng về điều hướng website 
Mục đích của điều hướng website nhằm hỗ trợ người dùng có được những thông tin họ cần. 
Đối với những website có nhiều mục và nhiều trang (như các website tin tức) thì kế hoạch 
điều hướng cần được nghiên cứu và thiết kế phù hợp. 
Mục đích của điều hướng website nhằm hỗ trợ người dùng có được những thông tin họ cần. Đối 
với những website có nhiều mục và nhiều trang (như các website tin tức) thì kế hoạch điều 
hướng cần được nghiên cứu và thiết kế phù hợp. 
Bạn cũng nên quan tâm tới các loại khách truy cập khác nhau và nghiên cứu các bước thông 
thường nhất họ phải thực hiện để tìm được thông tin cần thiết trên website của bạn, đây là lúc kế 
hoạch điều hướng website cần được tối ưu hóa. Ví dụ như, các bước để tìm kiếm catalog của các 
hạng mục sản phẩm, lựa chọn sản phẩm từ catalog đó, đưa chúng vào giỏ mua hàng, tiến hành 
thanh toán và nhập những chi tiết thanh toán là một chuỗi các hoạt động sẽ được thuận tiện hóa 
nhờ hệ thống điều hướng. 
Nếu chuỗi hoạt động này rắc rối có thể dẫn đến sự phiền toái cho người truy cập hoặc họ sẽ bị lỡ 
một bước quan trọng nào đó và kết quả là doanh thu của bạn sẽ giảm sút. Để đi đúng hướng thì 
người dùng cần được biết 2 điều sau: - Họ đang ở đâu và - Làm thế nào để đi đến những nơi khác 
trên website. Tuy nhiên điều hướng không thể hoạt động độc lập bởi vì tổ chức website tốt là 
điều kiện tiên quyết để có được một hệ thống điều hướng chặt chẽ. 
Nguyên tắc thiết kế web 
187 
Một hệ thống điều hướng được chia thành 2 phần chính: Những chỉ dẫn vị trí và Những điều 
khiển điều hướng. 
Những chỉ dẫn vị trí giúp người sử dụng biết nơi họ đang ở trên website. Nên nhớ rằng những 
người sử dụng bên ngoài sẽ truy cập vào bất kỳ trang nào trên website của bạn chứ không nhất 
thiết là trang chủ. Vì vậy họ cần nhanh chóng tự định hướng được trên website. 
Cũng tương tự như vậy thì việc điều hướng người dùng quanh website cũng cần giúp họ nhật 
biết chính xác được cả mục đang truy cập và sự liên quan của nó tới nội dung khác. Nên để các 
thông tin về vị trí xuất hiện cùng kiểu định dạng, cùng nơi trên mọi trang của website. 
Những chỉ dẫn vị trí nên cho người sử dụng biết chính xác vị trí của họ trên website và sự định vị 
này cần chính xác ngay cả khi người dùng truy cập vào website từ một trang bên trong của 
website đó. Những chỉ dẫn vị trí này cũng cần phải dễ nhận biết và phù hợp với ngữ cảnh của 
điều hướng khác. 
Với những website đơn giản thì banner trang bằng văn bản hay đồ họa để đặt tên cho website là 
đủ. Để cách này hiệu quả thì tên trang cũng nên xuất hiện trong điều hướng chính nhằm tạo sự 
liên quan trong toàn bộ cấu trúc website. 
Màu sắc cũng có thể được dùng. Ví dụ như màu nền khác nhau, màu tương phản hoặc thanh bên 
cạnh trên mỗi phần của website. Song để hiệu quả thì sự thay đổi về màu sắc này nên được thể 
hiện trong điều hướng. 
Sử dụng “breadcrumbs” (thanh hiển thị trên đầu mỗi bài viết) trên mọi trang của website cũng là 
một cách hiệu quả trong điều hướng. Các thanh Breadcrumb sẽ thể hiện một chuỗi các đường 
dẫn có thứ bậc, bạn đã sử dụng để di chuyển giữa các trang trên một mục của website. Sử dụng 
các thanh Breadcrumb giống như việc để lại một quãng đường mà bạn đã đi qua. Các thanh này 
nằm dưới mẫu điều hướng chính và trên đầu mục nội dung. 
Từng phần của thanh Breadcrumb là một đường dẫn tới mục lớn và tiểu mục đó. Điều này giúp 
bạn tránh việc sử dụng hàng loạt các nút ấn đen để chỉ dẫn người dùng trực tiếp quay lại mục lớn 
hay một tiểu mục khác. Quan trọng hơn là, nó luôn thể hiện được ngữ cảnh trang và sự liên quan 
của nó tới một mục lớn hay tiểu mục. 
Những điều khiển điều hướng là các đường dẫn điều hướng chính chỉ dẫn người dùng di chuyển 
quanh website. Cho dù các đường dẫn này là các hình ảnh hay văn bản thì đều cần có cùng kiểu 
định dạng và được đặt cùng một vị trí trên mỗi trang của website. 
Điều này nhằm giúp những người sử dụng di chuyển quanh website, cho họ biết về thông tin có 
sẵn trong đường dẫn; kết hợp với những chỉ dẫn vị trí để định hướng khách truy cập; một điều 
khiển điều hướng tốt trông sẽ giống như điều hướng chính của website; giúp chỉ dẫn tới nội dung 
rõ ràng – khiến khách truy cập sẽ thú vị với điều họ tìm thấy sau cú click chuột, và giúp điều 
khiến điều hướng nhất quán với những điều khiển điều hướng khác cũng như hỗ trợ người dùng 
nhận biết chính xác được kiểu dạng và vị trí của điều khiển điều hướng trên website. 
Không có bất kỳ phép lạ nào để có được sự tiện lợi. Bởi điều đó liên quan tới việc tạo một 
website, điều quan trọng với hầu hết mọi người truy cập là dễ dàng sử dụng và di chuyển trên 
website cũng như khả năng mang lại lợi ích của website đó. Bạn có thể sở hữ một website đáp 
ứng những tiêu chuẩn quan trọng nhất về sự tiện lợi bằng cách lên kế hoạch tốt cho nó và luôn 
lưu ý tới người sử dụng cuối cùng của mình. Hãy nhớ rằng website không được thiết kế riêng 
Nguyên tắc thiết kế web 
188 
cho chủ sở hữu mà cho những người sử dụng nó. 
Những vấn đề về sự tiện lợi của website có thể được được phản ánh từ 2 nguồn chính: Bản thân 
website và người sử dụng website đó. Thực tế thì website sẽ luôn mắc lỗi nếu một khách truy cập 
( dù nhiều kinh nghiệm hoặc thiếu kinh nghiệm) gặp phải những vấn đề về điều hướng, lấy thông 
tin trên website cũng như việc hiểu được website đó. 
Do số lượng người mới truy cập mạng internet tăng lên từng ngày nên khi các website càng trở 
nên phức tạp hơn thì những người sử dụng càng có ít kinh nghiệm hơn. Sẽ thật sai lầm nếu nghĩ 
rằng những người sử dụng chính của website sẽ là những người hiểu biết về website hay máy 
tính và họ sẽ hiểu được một website phức tạp. Vì vậy hãy xây dựng một website dễ sử dụng nhất 
cho tất cả các khách truy cập.