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

Bộ môn CNTT
–Trường ĐH Thương Mại
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 Tổng quan về thiết kế 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 Tổng quan về thiết kế Website
3/55
2.1. Các bước xây dựng Website
2.1.1. Khái quát chung
2.1.2. Thiếtkế giao diện
2.1.3. Thiếtkế nội dung
9/3/2009 Tổng quan về thiết kế Website
4/55
2.1.1. Khái quát chung
z Thiếtkế Website không chỉ chú trọng đến
ngôn ngữ HTML, các công cụ phát triểnWeb
z Mà còn phảitập trung vào việcthiếtkế thiết
kếđồhoạ, giao diệnngườisử dụng hay
những kiếnthứcvề cách thứctổ chức thông
tin,…
9/3/2009 Tổng quan về thiết kế Website
5/55
2.1.1. Khái quát chung
z Trướckhixâydựng một Website, chúng ta

cầnphải:
– Xác định đốitượng độcgiả củawebsite
– Xác định mục đích của Website
– Thiếtlậpcácchủđềchính củawebsite
– Thiếtkế các khối thông tin chủ yếumàwebsite sẽ
cung cấp
9/3/2009 Tổng quan về thiết kế Website
6/55
2.1.1. Khái quát chung
z Xác định nguồn tài nguyên về nội dung, hình
ảnh thông tin mà chúng ta cần đến để tạo
nền website phù hợpvớimục đích được đề
ra - đó là nguồn thông tin sẽ duy trì cho
website hoạt động
9/3/2009 Tổng quan về thiết kế Website
7/55
Xác định mục tiêu cơ bản
z Điềunàysẽ giúp đỡ rất nhiều cho công việcthiếtkế
z Nó là điểmxuất phát để chúng ta mở rộng đếncác
mục tiêu chính, đánh giá sự thành công củamột
website
z Xây dựng một website là cả một quá trình liên tục
z Biên tập, quảnlývàduytrìkỹ thuậtdàihạnnhất định
phải bao trùm lên kế hoạch xây dựng website.
9/3/2009 Tổng quan về thiết kế Website
8/55
Xác định độcgiả
z Sự hiểubiết, trình độ, sở thích cũng như yêu cầucủa
độcgiả khác nhau (có hoặc không có kinh nghiệm)
z Mộthệ thống đượcthiếtkế tốtsẽ thích hợpchomột

dảirộng trình độ, nhu cầu độcgiả
Để chúng ta có thể thiếtkế cấutrúcphù
hợpvới nhu cầu, mong muốncủahọ
9/3/2009 Tổng quan về thiết kế Website
9/55
Độcgiả mới,không thường xuyên
z Yêu cầucấu trúc site rõ ràng, dễ truy nhập đếnsự tổng quát
về cấu trúc toàn bộ thông tin trên website, tránh cấutrúc
menu phứctạp
z Theo Jakob Nielsen ở Sun Microsystems, dưới10% độcgiả
cuộn màn hình xuống dướiphần đầucủamộttrangweb
z Họ chú trọng đến trang khái quát, cấutrúccóphânlớpvà
hình ảnh đồ hoạ, biểutượng để dễ nhớ, kếtnối đếnvị trí
thông tin họ cần trong website của chúng ta
z Mộttừđiển các khái niệm, từ viếttắt và danh sách các vấn
đề thường đượcxảyracóthể rấthữudụng cho các độcgiả
9/3/2009 Tổng quan về thiết kế Website
10/55
Độcgiả chuyên nghiệp, thường xuyên
z Vào website của chúng ta để nhận thông tin nhanh chóng
và chính xác
z Họ rấtsốtruộtvới menu nhiềulớpcóđồ hoạ chấtlượng
kém mà chỉ cung cấptừ 2 đến6 lựachọnmộtlần
z Họ muốn các menu không đồ hoạ (text), có thể kéo thả
đượcvàthờigiannạpxuống nhanh
z Họ thường có chủđịnh rõ ràng trong đầu, do vậysẽđánh
giá cao các menu text chi tiết, các nét chính của website
hoặccácchỉ số site phong phú giúp họ tìm kiếm, thu nhận
thông tin nhanh chóng
9/3/2009 Tổng quan về thiết kế Website

11/55
Menu cho phép truy
cập nhanh
9/3/2009 Tổng quan về thiết kế Website
12/55
Các độcgiả nước ngoài
z Độcgiả có thể là mộtngười ngay ngoài phố, hoặcmột
ai đó đang ở bên Mỹ, Nhật,…
z Để đáp ứng tối đasố lượng độcgiả trên các quốcgia
khác nhau, chúng ta cầnbiêndịch, ít nhấtcũng là các
trang chủđạo. Tránh các từđịaphương, hoặc các khái
niệmkỹ thuật, viếttắttrongbảngiớithiệu hay các
trang giảithích
z Ví dụ, Không viếttắt ngày trên các trang web
9/3/2009 Tổng quan về thiết kế Website
13/55
Có
Tiếng
Anh
9/3/2009 Tổng quan về thiết kế Website
14/55
Chiếnlượcthiếtkế
-Bạnmuốn nói gì?
-Tại sao thông tin củabạnlàcầnthiết?
-Bạnmuốnmọingườithựchiện điềugì?
9/3/2009 Tổng quan về thiết kế Website
15/55
Các ứng dụng trên công nghệ Web
z Đào tạo
z Dạyhọc

z Giáo dục
z Tham khảo
9/3/2009 Tổng quan về thiết kế Website
16/55
Dạochơi trên Web (Browsing)
z Diễn đàn
9/3/2009 Tổng quan về thiết kế Website
17/55
Đào tạo (Training)
z Mục đích tập trung vào thông tin chủ chốtlàđào tạo
z Giớihạn các liên kếtbằng nút "Tiếptục", hay "Quay về trang
trước" đảmbảomọi độcgiả sẽ nhìn thấy cùng mộtgiáotrình
z Đại đasố giáo trình giả thiếtthờigiantruynhậpdướimộtgiờ,
hoặcsẽđược phân đoạn thành các phầníthơnmộtgiờ
z Nên thông báo cho người đọcvề lượng thờigiancủa bài giảng,
lưuý họđừng đixakhỏiphầnchínhcủa bài giảng nếu bài
giảng đócầnphảitrả tiền để đọc
z Các ứng dụng đào tạoloại này thường yêu cầusự log-in của
độcgiả. Thông tin vềđọcgiả, bảng điểm đượclưutrữ trong cơ
sở dữ liệu được liên kếtvớiwebsite
9/3/2009 Tổng quan về thiết kế Website
18/55
9/3/2009 Tổng quan về thiết kế Website
19/55
Dạyhọc (Teaching)
z Trong các ứng dụng dạyhọcdựa trên công nghệ web,
thông tin được trình bày thường tinh tế và có chiềusâu
hơnlàtrongcácứng dụng đào tạo
z Các mốiliênkếtlàmặtmạnh củaweb
z Nên nhóm các liên kết đến các tài nguyên web khác

ngoài website của chúng ta cách biệtkhỏiphần thông
tin chính
z Nên cho phép ‘IN’ in thông tin trên web để ĐG đọc
chúng sau này
9/3/2009 Tổng quan về thiết kế Website
20/55
9/3/2009 Tổng quan về thiết kế Website
21/55
Giáo dục (Education)
z Thường các độcgiả nhóm này thường có trình độ cao -> ko
nên thiếtkế quá thu gọn, quá trình tự, nên thiếtkế mộtcấu
trúc uyểnchuyển, có tương tác, không đơn điệu
z Thiếtkế phải cho phép truy nhập nhanh đếnmộtphạmvi rộng
các chủđề, phong phú vớicácliênkết đến các thông tin có
liên quan, trên website của chúng ta hay trên các website khác
z Cầncóhìnhảnh đồ hoạ thiếtkếđẹp, thay đổi cùng các minh
hoạđi kèm thông tin
z Thờigiantruynhậpthường ngắnhơn các site cho đào tạovì
độcgiả thường yêu cầu nhanh
z Cho phép in ấn(bắtbuộcphảicó)
9/3/2009 Tổng quan về thiết kế Website
22/55
9/3/2009 Tổng quan về thiết kế Website
23/55
Tham khảo(Reference)
z Các website tham khảo đượcthiếtkế tốt cho phép người đọc
nhanh chóng đithẳng vào vấn đề, tìm cái họ cầnvàsauđódễ
dàng in hoặclưugiữ cái họ tìm thấy
z Thường thông tin không phải là các "câu chuyện", do đócấu
trúc của nó hoàn toàn không có trình tự

z Cấu trúc menu, nội dung phải đượctổ chứccẩnthận để hỗ trợ
tìm kiếm, thu nhận nhanh, dễ lưugiữ các file, in ấnkhicần
z Cầngiữ các hình ảnh đồ hoạ nhỏđểthờigiannạpxuống
nhanh, và chúng ta cũng nên nghiên cứu, áp dụng phầnmềm
tìm kiếm thay vì chỉ cung cấpmột danh sách các liên kết
z Thời gian liên kết càng ngắn càng tốt
9/3/2009 Tổng quan về thiết kế Website
24/55
9/3/2009 Tổng quan về thiết kế Website
25/55
2.1. Các bước xây dựng Website
2.1.1. Khái quát chung
2.1.2. Thiếtkế giao diện
2.1.3. Thiếtkế nội dung