Chương 2: TỔNG QUAN VỀ THIẾT KẾ WEB ppsx

Bộ môn CNTT,
Khoa Tin họcthương mại– ĐHTM
Email:
Chương 2. TỔNG QUAN
VỀ THIẾT KẾ WEB
Chương 2. TỔNG QUAN
VỀ THIẾT KẾ WEB
9/3/2009 Thiết kế và triển khai website
2/55
NỘI DUNG
2.1. Các bước xây dựng Website
2.2. Các nguyên tắcthiếtkế website
9/3/2009 Thiết kế và triển khai website
3/55
2.2. Các nguyên tắcthiếtkế Web
2.2.1. Các nguyên tắc chung
2.2.2. Nguyên tắc phân bố thông tin
2.2.3. Nguyên tắcsử dụng các hiệu ứng
9/3/2009 Thiết kế và triển khai website
4/55
2.2.1. Các nguyên tắc chung
z Tổ chức website chặtchẽ và dễ sử dụng
z Sử dụng từ ngữ dễ hiểu.
z Dễ dàng khám phá các đường link.
z Thờigiantảivề nhanh.
z Nội dung không có hình ảnh
z Dễ theo dõi "quá trình bán hàng".
z Tương thích với đasố trình duyệtweb.
z Mộtsố vấn đề quan trọng khác khi thiếtkế website.
9/3/2009 Thiết kế và triển khai website
5/55

2.2.2 Nguyên tắcphânbố thông tin
1. Khái quát
2. Các bướctổ chức thông tin
3. Các kiểucấutrúcthiếtkế
9/3/2009 Thiết kế và triển khai website
6/55
1. Khái quát
z Cầnphảichianhỏ các khối thông tin lớn.
z Lý do: Con ngườicógiớihạn trong việc
lưugiữ và nhớ lại thông tin
z Các nhà tâm lý họcnhậnthức: đại đasố
chúng ta chỉ có thể lưugiữ khoảng 4 đến
7 mẫu thông tin rờirạc trong trí trong một
khoảng thời gian ngắn
9/3/2009 Thiết kế và triển khai website
7/55
1. Khái quát
z Giúp ghi nhớ dễ hơnbằng việcsử dụng kết
hợpgiữathiếtkếđồhoạ, qui ướclớpvàbiên
tập thông tin thành các đơnvị riêng rẽ
z Thựctế với độcgiả các tin ngắngọn, riêng
biệtsẽ chứcnăng hoá hơnvàdễđịnh vị hơn
khối thông tin dài
9/3/2009 Thiết kế và triển khai website
8/55
1. Khái quát
z Độcgiả rấtítkhiđọccáctàiliệu dài, liên tục
trên màn hình
z Tổ chứccácđoạntin nhỏ thành các khối
thông tin riêng để tạo nên hệ thống đồng

nhất, hình thành nên cơ sở các liên kết
hypertext.
z "Nhỏ" chỉ có thểđượcxácđịnh trong ngữ
cảnh củatàiliệucần trình bày
9/3/2009 Thiết kế và triển khai website
9/55
2. Các bướctổ chức thông tin
z Phân chia thông tin thành các đơnvị logic
z Thiếtlậphệ thống phân cấp thông tin
z Tạomối quan hệ giữacáchệ thống phân
cấp thông tin
z Phân tích sự thành công về chứcnăng và
thẩmmỹ củacáchệ thống thông tin
9/3/2009 Thiết kế và triển khai website
10/55
a. Phân chia thông tin thành
các đơnvị logic
* Tại sao phải phân chia thông tin thành các đơn
vị logic?
z Trên Web bài giớithiệungắnkhôngcần đọc
nốitiếp
z Độcgiảđánh giá cao các đoạn thông tin ngắn
9/3/2009 Thiết kế và triển khai website
11/55
a. Phân chia thông tin thành
các đơnvị logic
* Nguyên tắc phân chia:
-Linhđộng, nhất quán
-Ngắngọn, súc tích
-Dựavàobảnchấtnội dung

9/3/2009 Thiết kế và triển khai website
12/55
a. Phân chia thông tin thành
các đơnvị logic
z Đồng nhấtcáchtổ chức, hình thức trình bày
thông tin
z Các đoạn thông tin ngắngọn, súc tích sẽ thích
hợphơnvới màn hình máy tính
z Việcápdụng phân chia thông tin phải linh
động, và nhất quán vớihệ thống logic và với
sự thuậntiệnchođộcgiả web
9/3/2009 Thiết kế và triển khai website
13/55
Sơđồphân bố thông tin của
website Ngân Hàng Công Thương
9/3/2009 Thiết kế và triển khai website
14/55
b. Thiếtlậphệ thống phân cấp
thông tin
z Tại sao?
z Vì ý tưởng trang chủ liên kếtphụ thuộcvào
sự phân cấp, di chuyểntừ cái nhìn khái quát
nhấtcủa toàn website (trang chủ), qua các
menu con xuống đến trang nội dung
9/3/2009 Thiết kế và triển khai website
15/55
b. Thiếtlậphệ thống phân cấp
thông tin
z Nguyên tắccơ bản để thiếtlậphệ thống
phân cấp thông tin:

– Xác định hợplýcácmức ưutiên
– Xác định mức độ quan hệ giữa các thành phần
9/3/2009 Thiết kế và triển khai website
16/55
Sơđồhệ thống phân cấp
củamột website
9/3/2009 Thiết kế và triển khai website
17/55
9/3/2009 Thiết kế và triển khai website
18/55
9/3/2009 Thiết kế và triển khai website
19/55
9/3/2009 Thiết kế và triển khai website
20/55
c. Mối quan hệ giữa các hệ
thống phân cấpthôngtin
z Nguyên tắccơ bản:
– Các mốiliênhệ giữachủđềvà nội dung thông tin
phải đượcliênkếtchặtchẽ và rõ ràng
– Các hệ thống phân cấp thông tin phải đượcsắp
xếpvàliênkếtvới nhau một cách cân xứng, hợp
lý, dễ hiểu, dễ tìm
9/3/2009 Thiết kế và triển khai website
21/55
9/3/2009 Thiết kế và triển khai website
22/55
9/3/2009 Thiết kế và triển khai website
23/55
9/3/2009 Thiết kế và triển khai website
24/55

d. Phân tích sự thành công về chức
năng và thẩmmỹ của các HTTT
•Tạosự cân bằng cấutrúc
giữa quan hệ của menu và các
trang nội dung.
•Xâydựng mộthệ thống phân
cấp menu củatừng trang web
sao cho tự nhiên, tạosự thân
thiện và không gây trở ngại
cho ngườitruycập website.
•Tạomột cây phân lớpthích
hợpcókhả năng truy cập
thông tin nhanh, dễ dàng.
9/3/2009 Thiết kế và triển khai website
25/55