Quy c ng m trong thi t k webướ ầ ế ế
Quy c làm cho công vi c c a các nhà thi t k đ n gi n h n,ướ ệ ủ ế ế ơ ả ơ
b i vì chúng ta không ph i sáng t o ra nh ng gi i pháp m i choở ả ạ ữ ả ớ
nh ng tr ng h p đ n gi n và cho phép chúng ta t p trung vàoữ ườ ợ ơ ả ậ
nh ng đi u chi ti t h n.ữ ề ế ơ
M t trong nh ng k năng quan tr ng trong thi t k có hi u quộ ữ ỹ ọ ế ế ệ ả
là bi t đánh giá đúng ch c năng c a nh ng quy c hi n hànhế ứ ủ ữ ướ ệ
và áp d ng chúng m t cách tri t đ đ có hi u qu cao nh t.ụ ộ ệ ể ể ệ ả ấ
V y quy c đó là gì?ậ ướ
Nó có th là màu s c, hình dáng, pattern, giao di n, ki u font qua th i gian nó mang ý nghĩa màể ắ ệ ể ờ
b n thân nó không ph i nói ra. Trong lĩnh v c thi t k web hi n nay có kho ng vài trăm quy cả ả ự ế ế ệ ả ướ
mà b n có th đã bi t. M t vài ví d c b n b n có th th y là:ạ ể ế ộ ụ ơ ả ạ ể ấ
nhi u n i trên th gi i, m t bi n báo giao thông màu vàng có nghĩa là "c nh báo". Qua th iỞ ề ơ ế ớ ộ ể ả ờ
gian nó đã tr thành m t quy c trong các ph n m m. M t vùng c a màn hình có hình nút b mở ộ ướ ầ ề ộ ủ ấ
(hình vuông và n i lên ki u 3D m t chút) đã đ c quy c là s có gì đó x y ra khi b n nh pổ ể ộ ượ ướ ẽ ả ạ ấ
chu t vào nó. D ng nút này b t ch c nh ng thi t b đi n t nh là đài radio, tivi và máy tính.ộ ạ ắ ướ ữ ế ị ẹ ử ư
B ng cách thi t k m t nút d ng nh nút b m nó l p t c g i lên trong ng i đ c "Ah! nút b m >ằ ế ế ộ ạ ư ấ ậ ứ ợ ườ ọ ấ
Tôi có th b m > S có đi u gì x y ra.ể ấ ẽ ề ả
Nh ng phiên b n tr c đây c a các trình duy t web m c đ nh nh ng đ ng link là màu xanh vàữ ả ướ ủ ệ ặ ị ữ ườ
g ch chân. Quy c này đã t n t i c th p k nay, cho dù nó không ph i là đ nh d ng d đ cạ ướ ồ ạ ả ậ ỷ ả ị ạ ễ ọ
nh t. N u b n mu n quay l i trang ch c a m t trang web, tr c h t b n s nhìn lên góc trênấ ế ạ ố ạ ủ ủ ộ ướ ế ạ ẽ
bên trái c a màn hình đ tìm logo ho c nút b m có ch "Trang Ch ". Không ai d y cho b n đi uủ ể ặ ấ ữ ủ ạ ạ ề
này c , b n h c đ c đi u này t kinh nghi m l t web c a mình.ả ạ ọ ượ ề ừ ệ ướ ủ
N u b n nhìn th y m t t p h p |Nh ng T | |Đ c Chia| |C t b i| |Nh ng đ ng| |Th ng Đ ng|ế ạ ấ ộ ậ ợ ữ ừ ượ ắ ở ữ ườ ẳ ứ
d i cu i cùng c a trang web, b n l p t c cho r ng đó là m t t p h p các đ ng link chungở ướ ố ủ ạ ậ ứ ằ ộ ậ ợ ườ
c a trang web mà b n đang xem thông tin. M t vòng tròn bao quanh m t nút ch m than giúpủ ạ ộ ộ ấ
ng i đ c hi u nhanh h n g p b i l n m t ch "C nh Báo". Nh ng d ng này r t h u ích b i vìườ ọ ể ơ ấ ộ ầ ộ ữ ả ữ ạ ấ ứ ở
nó giúp b n ti t ki m r t nhi u th i gian và công s c.ạ ế ệ ấ ề ờ ứ
V y có nghĩa là b n ph i luôn luôn dùng nh ng quy c đã t n t i? Không! th ng thì b nậ ạ ả ữ ướ ồ ạ ườ ạ
không ch n nh ng quy c chung này.ọ ữ ướ
Nh ng đi u đó là quy c, và nh nh ng quy c t t nh t, chúng th ng b vi ph m ho c "láchữ ề ướ ư ữ ướ ố ấ ườ ị ạ ặ
lu t". Đi u khó c a các designer là bi t đ c khi nào đi ng c l i nh ng quy c này s b t l iậ ề ủ ế ượ ượ ạ ữ ướ ẽ ấ ợ
cho h , và khi nào thì nh ng quy c này nên đ c l p l i. Cũng gi ng nh b t c h th ng quyọ ữ ướ ượ ậ ạ ố ư ấ ứ ệ ố
c nào, b n tr c h t ph i hi u lu t và sau đó là ch n đ c cách nào là t t nh t đ tuân theoướ ạ ướ ế ả ể ậ ọ ượ ố ấ ể
lu t đó. M t đi u r t quan tr ng cho nh ng designer là bi t cách tránh s d ng nh ng quy cậ ộ ề ấ ọ ữ ế ử ụ ữ ướ
sai cách!
L y ví d v web trênấ ụ ề ở
Có m t l n tôi thi t k cho m t khách hàng, anh ta mu n tôi th hi n m t tam giác màu vàngộ ầ ế ế ộ ố ể ệ ộ
nh ng l i là link cung c p thông tin cho ng i dùng. Tuy nhiên, thông tin l i không ph i là "C như ạ ấ ườ ạ ả ả
Cáo", đây là m t d ng gây hi u nh m.ộ ạ ể ầ
M t l n khác tôi g p m t giao di n s d ng nút 3D trên cùng g n banner. Thanh "navigation" đóộ ầ ặ ộ ệ ử ụ ầ
cũng hi n th n ngày. Đ cho cùng m t ki u, anh b n đó đã cho hi n th ngày tháng trong m tể ị ể ộ ể ạ ể ị ộ
vùng cũng đ c bevel. M c dù đó rõ ràng ch là ngày tháng, nh ng ng i ta c c g ng nh pượ ặ ỉ ư ườ ứ ố ắ ấ
vào đó, b i vì nó nói "Tôi là nút b m > B m tôi > S có đi u gì x y ra. Tôi đã khuyên anh b n đóở ấ ấ ẽ ề ả ạ
b cái đó đi và ch gi thanh "navigation" đó cho đ ng liên k t.ỏ ỉ ữ ườ ế
N u b n s d ng nh ng d ng ch màu xanh và có g ch chân, ng i ta s nh p chu t vào đó.ế ạ ử ụ ữ ạ ữ ạ ườ ẽ ấ ộ
N u đó không ph i là đ ng liên k t thì đi u đó là không c n thi t. Có m t đi u đ c ng m đ nhế ả ườ ế ề ầ ế ộ ề ượ ầ ị
r ng, logo th hi n cho toàn b trang web ph i đ c đ t góc trên bên trái c a m i trang. Đâyằ ể ệ ộ ả ượ ặ ở ủ ỗ
là n i mà ng i ta hay chú ý và đ c nh c nh là h đang đâu. N u logo đ c đ t m t n iơ ườ ượ ắ ở ọ ở ế ượ ặ ở ộ ơ
nào khác, thì nó s m t nhi u công h n cho designer mu n ng i đ c hi u đ c ý đ c a mình.ẽ ấ ề ơ ố ườ ọ ể ượ ồ ủ