Tổng quan về thiết kế web

1
Tổng quan về thiết kế Web
1
Tổng quan về thiết kết WEB
Chương 2
Tổng quan về thiết kế Web
2
Lâm Quang V
Lâm Quang V
ũ
ũ
Phần 1 –Xác định mục đích, yêu cầu
của Website cần thiết kế
l Mục tiêu, yêu cầu cơ bản của WebSite
l Đối tượng phục vụ
l Chủ để của WebSite
Tổng quan về thiết kế Web
3
Lâm Quang V
Lâm Quang V
ũ
ũ
1.1 Mục tiêu, yêu cầu cơ bản
l Đề ra mục tiêu khái quát, ngắn gọn, rõ ràng
của Website cần thiết kế
l Làcông cụ để đánh giásựthành bại của một
Website
l Mục tiêu phải dài hạn, bao trùm toàn bộ kế
hoạch phát triển.
2
Tổng quan về thiết kế Web

4
Lâm Quang V
Lâm Quang V
ũ
ũ
1.2 Đối tượng phục vụ
l Xác định loại đọc giả chính của Website
l Tìm hiểu về:
– Sự hiểu biết
– Trình độ
– Sở thích
– Kinh nghiệm duyệt Web …
l Thiết kế tốt = thích hợp cho một dải rộng các loại
đọc giả cótrình độ vànhu cầu khách nhau
Tổng quan về thiết kế Web
5
Lâm Quang V
Lâm Quang V
ũ
ũ
1.3 Chủ đề
l Giúp định hướng cho nhàthiết kế
– Giáo dục
– Huấn luyện (online trainning)
– Tin tức
– Giải trí
– Diễn đàn trao đổi thảo luận
– Mua bán, quản lý….
l Xem vídụ
Tổng quan về thiết kế Web

6
Lâm Quang V
Lâm Quang V
ũ
ũ
Vídụ-Diễn đàn
3
Tổng quan về thiết kế Web
7
Lâm Quang V
Lâm Quang V
ũ
ũ
Vídụ-Online training
Tổng quan về thiết kế Web
8
Lâm Quang V
Lâm Quang V
ũ
ũ
Vídụ-tin tức
Tổng quan về thiết kế Web
9
Lâm Quang V
Lâm Quang V
ũ
ũ
Vídụ
4
Tổng quan về thiết kế Web

10
Lâm Quang V
Lâm Quang V
ũ
ũ
Vídụ-Online Shopping
Tổng quan về thiết kế Web
11
Lâm Quang V
Lâm Quang V
ũ
ũ
Phần 2 -Thiết kế giao diện
l Điểm khác biệt giữa tài liệu thông thường và
trang WEB
l Một số vấn đề liên quan đến việc thiết kế
giao diện cơ bản
l Thiết kế giao diện WebSite
Tổng quan về thiết kế Web
12
Lâm Quang V
Lâm Quang V
ũ
ũ
2.3 Thiết kế giao diện Website
Menu
Header
Content
Logo
5

Tổng quan về thiết kế Web
13
Lâm Quang V
Lâm Quang V
ũ
ũ
2.3 Thiết kế giao diện Website
2 x 2 Layout
Tổng quan về thiết kế Web
14
Lâm Quang V
Lâm Quang V
ũ
ũ
2.3 Thiết kế giao diện Website
Tablewithin a table
Tổng quan về thiết kế Web
15
Lâm Quang V
Lâm Quang V
ũ
ũ
2.3 Thiết kế giao diện Website
Theouter table
6
Tổng quan về thiết kế Web
16
Lâm Quang V
Lâm Quang V
ũ

ũ
2.3 Thiết kế giao diện Website
Theinner table
Tổng quan về thiết kế Web
17
Lâm Quang V
Lâm Quang V
ũ
ũ
2.3 Thiết kế giao diện Website
Centeredwith three columns
Tổng quan về thiết kế Web
18
Lâm Quang V
Lâm Quang V
ũ
ũ
Reallycomplicated design!
7
Tổng quan về thiết kế Web
19
Lâm Quang V
Lâm Quang V
ũ
ũ
2.1 Điểm khác biệt giữa tài liệu thông
thường vàtrang WEB
l Giống nhau: phải được trải qua sự phát triển
vàchuẩn hóa.
l Khác nhau: các mối liên kết siêu văn bản,

multimedia…
à cho phép người đọc truy nhập đến một
trang đơn lẻ màkhông cần đến lời tựa đề.
Tìm kiếm nhanh và đơn giản hơn.
Cóthể quay lại một loạt các liên kết.
Tổng quan về thiết kế Web
20
Lâm Quang V
Lâm Quang V
ũ
ũ
2.2 Một số vấn đề liên quan đến việc
thiết kế giao diện cơ bản.
l Thiết kế hướng tới người sử dụng
l Các giúp đỡ định hướng rõ ràng
l Không cótrang cuối cùng (dead-end)
l Băng thông và ảnh hưởng
l Đơn giản vàtính nhất quán
l Tính ổn định của các trang Web
l Phản hồi và đối thoại
l Tính tương thích trên các trình duyệt khác nhau
(thay thế)
Tổng quan về thiết kế Web
21
Lâm Quang V
Lâm Quang V
ũ
ũ
2.2.1 Thiết kế hướng tới người sử
dụng

l Người sử dụng là đối tượng chính quyết định
sự thành bại của Website
l Yêu cầu mức độ hoàn hảo của thiết kế giao
diện đồ họa
l Xây dựng các kịch bản mẫu cho các loại đối
tượng sử dụng khác nhau
l Cách tốt nhất: thử nghiệm à nhận các phản
hồi từ đọc giả.