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

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.

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ế

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

+ 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ẽ

+ 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

+ Độ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

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

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?

Trên Web bài giớithiệungắnkhôngcần đọc

nốitiếp

Độcgiảđánh giá cao các đoạn thông tin ngắn

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

Đồng nhấtcáchtổ chức, hình thức trình bày

thông tin

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

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

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

+ 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

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

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.

Các web site quá nông, chỉ có mộtmức liên kết, uỷ thác

vào các trang menu nặng nề mà sau mộtthờigiansẽ

giống như mộtmớ hỗn độn các thông tin không liên

quan đến nhau, không theo mộttrậttự nào cả.

Hệ thống thông tin lạicóthể quá sâu, cấtgiấu thông tin dướinhiềulớp

menu. Bắtngườitruycậpphải định vị qua nhiềumức menu lồng nhau trước

khi tìm được thông tin, tạorachongườitruycậpsự khó chịu. Và như thế

menu sẽ mất đigiátrị chuyểntải

2.1.3. Các kiểucấutrúcthiếtkế Web

a. Cấutrúcnốitiếp (Sequence)

b. Cấu trúc phân cấp (Hierarchy)

c. Cấutrúcô lưới (Grid)

d. Cấutrúcmạng nhện (Web)

a. Cấutrúcnốitiếp (Sequence)

z Thể hiểnthị thông tin mộtcáchtuầntự, tiếpnối nhau

như mộtbảntường thuật, theo thờigian

z Ví dụ như mộtchuỗi logic các chủđềđược phát triểntừ

tổng quát đếncụ thể, hoặccũng có thể theo thứ tự abc,

như các chỉ số, tựđiển bách khoa, từđiểnthuậtngữ

z Ưu điểm:

* Thông tin đượchệ thống

mộtcáchtuầntự.

* Độcgiả dễ tiếpcận

z Nhược điểm:

* Chỉ thích hợpvớicác

website nhỏ

* Chuỗi thông tin càng

dài sẽ càng trở nên

phứctạpvàkhóhiểu.

b. Cấutrúcphâncấp (Hierarchy)

z Là mộttrongnhững

cách tốtnhất để tổ chức

các khối thông tin phức

hợp

z Cấu trúc phân cấp đặc

biệtthíchhợpchocác

website vì các website

luôn đượcthựchiệnrẽ

nhánh từ mộttrangchủ

duy nhất

c. Cấutrúcô lưới(Grid)

z Ưu điểm:

– Cấutrúclàcáchtốt để phản ánh tương quan các biếnsố như

sự kiện, công nghệ , văn hoá, …

– Các chủđề không có sự phân cấpvề mức độ quan trọng

– Rấttốtvớicác độcgiả có kinh nghiệm, những người đãcó

sẵnkiếnthứcvề chủđề và hệ thống

– Các sơđồ tổng quát có thể rấthữuích đốivới các site kiểu

lưới

z Nhược điểm:

– Khó hiểuvới độcgiả khi độcgiả chưaxác định đượcmốiliên

quan giữacácloại thông tin

d. Cấutrúcmạng nhện

z Ưu điểm:

- Khai thác triệt để năng lực

của các trang web trong việc liên

kếtvàkếthợp.

-Ý tưởng liên kếtgiống nhau

và tự do.

z Nhược điểm:

-Cáckhối thông tin dễ phát

triển thành mộtmớ hỗn độn, lộn

xộn.

-Nhằmvàocác độcgiả

chuyên nghiệp tìm kiếmnhững kiến thức chuyên sâu

Kếtluận

Sơđồ phảnánhmốitương

quan giữa4 kiểucấu trúc

* Đasố các website đềusử

dụng cả 4 kiểucấutrúc

thông tin trên.

* Tuy nhiên hệ thống thông

tin vẫnphải trình bày một

cách minh bạch, nhất quán

để hỗ trợ cho các mục

đích của website.

2.2.3 Nguyên tắcsử dụng hiệu ứng

1. Các nguyên tắc nghệ thuật

2. Các nguyên tắcsử dụng hình ảnh, đồ

hoạ, text.

3. Sử dụng lưới

4. Kếthợptấtcả

1. Các nguyên tắcnghệ thuật

a. Tính đồng nhấtvề mặthình ảnh:

b. Phá vỡ các quy tắcthiếtkế -sự cân bằng:

c. Cung cấpmộttiêu điểm:

2. Nguyên tắcsử dụng hình ảnh,

đồ hoạ, text

z Nên kếthợpgiữa đồ họavàvănbản

z Điềuchỉnh kích cỡ sao cho hợplý