Vi c đ a ra XHTML MP và CSS t o nên m t s l ng đa d ng các giao di n ng i dùng m i. XHTML có nhi u ph n t /th h n WML, và cách hi n th các ph n t có th đ c hi u ch nh theo nhi u cách v i CSS. XHTML MP cung c p nhi u kh n ng h n cho các nhà cung c p d ch v giúp cho d ch v c a h h p d n, lôi cu n h n đ ng th i thêm vào đó là s ph c t p do đó t o nên nh ng thách th c v tính ti n l i.
3. C n chú ý đ n mô hình liên k t
Ta c n cung c p m t giao di n ng i dùng d dàng s d ng đ c xây d ng cùng v i m t mô hình đnh v nh t quán và d dàng n m b t. i u này quan tr ng h n là vi c c g ng s d ng t t c các kh n ng hi n th lôi cu n c a XHTML.
Nhu c u và s k v ng c a nh ng ng i dùng di đ ng khác r t nhi u so v i ng i dùng trên máy tính đ bàn. Nh ng ng i dùng di đ ng th ng mong mu n truy c p m t cách d dàng và nhanh chóng đ n nh ng thông tin h c n. Do đó, các n i dung trên di đ ng c n ph i ng n g n, chính xác và nhanh chóng.
Tránh vi c t o nên các n i dung th a, không c n thi t ho c các trang splash (splash screen) r i r m; tuy nhiên, ta có th hi n th m t logo nh ho c nh ng ph n nh n m nh th ng hi u t o nên s g n g i v i khách hàng. Trong nhi u tr ng h p nên hi n th n i dung chính y u ngay khi ng i dùng có yêu c u xem nó.
Vi c nh p d li u c ng là m t vi c làm gây khó kh n và m t th i gian trên ph n l n các thi t b di đ ng (các thi t b không đ c cung c p bàn phím chu n QWERTY), do đó c n xây d ng wapsite v i yêu c u nh p n i dung t i thi u, nh t là n i dung v n b n. làm đ c đi u đó ta có th cân nh c kh n ng giao ti p v i ng i dùng đ ch n hình th c nh p khác nh danh sách ch n (listbox, combo box), các nút ch n (check box, radio button) thay vì s d ng ô nh p v n b n thu n túy.
Khi th c s c n ph i nh p thông tin, ta có th s d ng thu c tính –wap-
input-format và đ t input mask, ví d nh *N đ nh p s . i u này giúp cho
ng i dùng tránh đ c thao tác chuy n đ i ch đ nh p.
Thu c tính –wap-input-format c a CSS xác đnh m t input mask cho d li u mà ng i dùng nh p vào, do đó h n ch vi c chuy n đ i ch đ nh p gi a text và s . Tuy nhiên trên nh ng phiên b n trình duy t XHTML không ph i c a Nokia tr c đây ch a h tr thu c tính này mà ch h tr thu c tính c format=””, do đó c n ph i đ t c hai thu c tính là –wap-input-format và format v i cùng m t chu i đnh d ng (ví d *N cho d li u s ). Xem thêm b ng đ c t WAP June 2000
[WML] ho c WAP Overview [WAPOver] đ rõ h n chi ti t cú pháp c a WAP input mask.
Nhi u ng i dùng di đ ng ph i tr theo th i gian truy c p do đó n u h không l y đ c thông tin h c n trong m t th i gian ng n thì h s ng ng dùng d ch v .
4. Thi t k h th ng phân c p trong liên k t
Mô hình đnh v là cách mà m t ng i dùng duy t qua các trang XHTML c a m t d ch v , t ng tác thông qua các liên k t, các trình đ n và d li u nh p. xây d ng m t mô hình đ nh v cho wapsite, c n ph i b o đ m các yêu c u sau:
̇ Mô hình đnh v ph i th ng nh t trên toàn th h th ng
̇ i v i các d ch v XHTML, tránh thêm vào các liên k t d n v trang v a m i truy c p b i vì b trình duy t s x lý vi c này m t cách t đ ng thông qua m t phím back đ c tích h p s n.
̇ Tránh xây d ng m t h th ng quá sâu. Ng i dùng s g p khó kh n trong vi c duy trì m t cái nhìn t ng th c a m t d ch v ch a 4 ho c 5 l p. ̇ a vào m t h ng liên k t tr v trang kh i đ u ho c các nhánh chính
c a h th ng đ ng i dùng d dàng quay tr l i đi m b t đ u. H th ng đnh v càng sâu thì càng c n ph i có m t liên k t tr v trang kh i đ u.
5. Nguyên t c thi t k cho màn hình nh
Các d báo cho r ng s l ng thi t b di đ ng s nhanh chóng v t qua s l ng máy tính đ bàn trên toàn th gi i, t o nên m t c h i kinh doanh kh ng l cho các ng d ng thân thi n ng i dùng đ c thi t k cho nh ng thi t b có màn hình nh này. M t đi u ch c ch n r ng s có nhi u thách th c cho vi c hi n th trên thi t b nh nh ng khó có th t o nên các ng d ng lôi cu n trên các thi t b di đ ng nh trên máy tính đ bàn. Ta nên tuân theo các yêu c u sau khi thi t k các n i dung dành đ hi n th trên các thi t b có kích th c màn hinh nh :
̇ C n đ m b o là có thông tin đ c hi n th khi ng i dùng truy c p vào trang wap
̇ S d ng m c <title> trong ph n <head> đ cung c p m t tiêu đ ng n cho m i trang wap. Thông th ng tiêu đ không nên dài quá 14 ký t tr khi ta có ý đ nh hi n th trang wap trên m t thi t b di đ ng xác đnh. ̇ S d ng đng d ng th ng nh t cho t t c các trang XHTML trong m t
d ch v . Tính th ng nh t đó s giúp nâng cao kh n ng n m b t, đ c bi t là nh ng ng i dùng s d ng d ch v th ng xuyên.
̇ H n ch vi c cu n trang theo chi u ngang. Thêm vào đó ng i dùng có th tr nên m t đnh h ng v v trí c a h trên toàn th trang. N u có th thì nên thi t k n i dung không r ng h n ho c dài h n màn hình hi n th c a thi t b .
̇ S d ng thu c tính canh l (left, right, center) cho các thành ph n đ t ng tính rõ ràng, nh ng tránh s d ng nhi u h n hai ho c ba ki u trên cùng m t trang đ n b i vì khi đó s làm c n tr kh n ng n m b t c u trúc t ch c c a trang.
̇ S d ng kho ng tr ng đ c bi t là d c theo các hình nh cao, h p. Ta có th làm nh th b ng cách s d ng thu c tính align trong ph n t
<img>. Ví d : <img align="left" src="sky.gif" alt="Sky Picture"/>. Thêm vào đó trong file CSS ta có th làm nh th (th m chí t t h n n a) m t trong các cách đó là đ t thu c tính float cho ph n t
<img>. Khi đó các hình nh v i thu c tính này cho phép hi n th v n b n d c theo nó do đó s s d ng h t ph n hi n th c a thi t b .
̇ Tránh l m d ng các thu c tính làm n i b t v n b n nh in đ m (bold), in nghiêng (italic) và g ch d i (underline) vì khi đó chúng s làm gi m s rõ ràng c a trang wap.
̇ Tránh s d ng các t dài, ph c t p trong khi có th dùng các t ng n g n, và súc tích h n.
̇ Tránh s d ng quá nhi u màu khác nhau trên cùng m t trang. M c dù màu s c làm cho d ch v tr nên lôi cu n h n nh ng quá nhi u màu có th gây ph n tác d ng. C g ng s d ng màu s c th ng nh t, ví d có th s d ng cùng m t màu cho m t ph n t XHTML trên toàn b h th ng. ̇ Tránh đ c p đ n tên màu s c, ví d nh : “nh n vào liên k t màu đ (adsbygoogle = window.adsbygoogle || []).push({});
đ …” b i vì trên nh ng thi t b di đ ng không có màn hình màu thì các n i dung có màu s tr thành tr ng đen.
6. m b o các tài li u ph i có kích th c nh
B i vì b nh c a các thi t b di đ ng có gi i h n nên ph i gi cho tài li u có kích th c càng nh càng t t. Tuy nhiên, do XHTML MP không h tr ch đ nhi u card trong m t tài li u nh WML nên vi c chia nh n i dung thành nhi u trang riêng bi t s làm cho vi c load các trang ch m h n. gi i quy t v n đ này ta nên t p h p t t c các n i dung tóm t t lên m t trang và s d ng các liên k t đ giúp di chuy n đ n các ph n t ng ng.
M t s ti p c n h u ích đ làm cho kích th c c a trang nh :
̇ Không đ a vào trang các l i chú thích dài. M c dù đây là m t thói quen t t trong l p trình nh ng nó không phù h p cho các tài li u dành riêng cho các thi t b di đ ng.
̇ S d ng kí t tab thay vì kho ng tr ng đ lùi đ u dòng, ho c th m chí không lùi đ u dòng n u có th .
̇ S d ng tên ng n cho tên các file, tên các l p CSS và các ID trong CSS. ̇ nh ngh a các ki u đnh d ng b ng qui t c cascading thày vì các thu c
tính l p và ID trong các ph n t . Ví d , trong b ng đnh d ng WAP CSS s d ng thu c tính p(color:red)thay vì s d ng thu c tính l p nh
sau .red {color:red}. i u này s h n ch vi c ph i xác đnh chu i
class=”red” trong m i ph n t <p> trong tài li u.
7. T o các ng d ng trên đi n tho i di đ ng
Khi quy t đnh thông tin nào đ c đ a vào các ng d ng khác nhau trên m t thi t b di đ ng c n cân nh c t ng tình hu ng mà thi t b s đ c s d ng. N i d ng c a d ch v ph i th a mãn đ c nhu c u c a nhóm ng i dùng đích và ph i đ c t i u hóa cho nh ng tác v thông th ng. B i vì tính di đ ng c a thi t b ng i dùng có th s d ng nó, ch y u khi không có máy tính đ bàn đ truy c p Internet, đ l y thông tin m t cách nhanh chóng. Ví d nh truy c p nhanh đ l y l ch chuy n bay, m u tin ng n và thông tin th i ti t. Hi m khi nh ng ng i dùng đó s d ng đi n tho i di đ ng c a h đ l t web m t th i gian dài.
8. m b o các tác v ti n hành trôi ch y và s d ng h p lý các hình nh nh
Các trang wap đ y màu s c s trong h p d n h n nh ng s kém ph n h p d n n u các hình nh làm cho d ch v b ch m l i. Theo các nghiên c u trong vi c s d ng, ng i dùng ít nhi t tình h n đ i v i các d ch v mà hình nh minh h a làm ch m tr các tác v c a h . c bi t, nh ng hình nh l n không đ c đánh giá cao khi ng i dùng đang đ c liên k t đ n trang c n tìm. Nh ng hình nh có ch a đ ng thông tin s đ c đánh giá cao nh ng trong nhi u tr ng h p ng i dùng s không cho hi n th hình nh đ ti t ki m th i gian và ti n b c c ng nh s chuy n đ n trang k ti p mà không ch đ n khi hình nh đ c t i v đ y đ . i u đó r t quan tr ng khi cho phép ng i dùng chuy n đ n các trang khác th m chí tr c khi t t c hình nh đ c t i v .
Các b ng (table) l n c ng gây ra v n đ t ng t , đó là ng i dùng có th s b m c k t t i m t trang cho đ n khi nó đ c t i v h t ho c không th tìm đ c cách đ th c hi n ti p tr c khi trang wap đ c t i v đ y đ . Do màn hình hi n th c a các đi n tho i di đ ng có kích th c khác nhau nên c n ph i đ m b o các b ng
d li u có th đ c đ c th m chí trên nh ng màn hình hi n th nh nh t; th ng thì chúng s b ép l i cho v a v i màn hình.
9. m b o c u trúc wapsite d dùng đ i v i ng i m i s d ng
i v i các d ch v trên di đ ng th ng thì m t c u trúc không quá sâu s d n m b t h n cho ng i dùng. Các liên k t và các trang wap nên cung c p các tên có tính mô t giúp cho ng i dùng tìm đ c thông tin mà h c n.
Th t khó đ có th đ a ra s l ng liên k t h p lý trên m t trang danh sách liên k t. N u các liên k t rõ ràng v i nhau và d dàng đ duy t qua (m i liên k t trên m t dòng, theo th t ch cái ho c theo th t logic khi đó ng i dùng không ph i đ c h t t t c các liên k t), khi cung c p kho ng 30 liên k t trên m t trang đ n s t t h n là 5 liên k t trên 6 trang khác nhau. N u có kho ng vài ch c liên k t thì nên cung c p tùy ch n đ s p x p các liên k t tr c khi hi n th chúng lên. M t liên k t n m v a trên m t dòng giúp cho vi c ch n l a d dàng h n và trang wap trông s t t h n.
Không có ph n t <do> trong WAP 2.0, thay vào đó chúng đ c thay th b ng các phím truy c p. Tuy nhiên h u h t ng i dùng d ng nh không quan tâm t i các phím truy c p và c ng không th tìm th y chúng. giúp ng i dùng hi u đ c khái ni m đó, c n đ m b o r ng các phím truy c p hi n th trên màn hình và d i d ng gi ng nh các phím đi n tho i.
N u không th th c hi n, thì nên cung c p m t ch c n ng tìm ki m. Nh ng ng i dùng có kinh nghi m s đánh giá cao nó.
10. Cung c p v a đ thông tin trên m t trang
Nh ng trang t ng tác nên ng n g n. Ta nên b t đ u m t wapsite b ng m t trang gi i thi u ng n, trang này ch hi n th l i chào và logo c a d ch v . i u này s t t h n khi ng i dùng đi đ n tr c ti p trang wap d ch v .
i v i XHTML, n i dung đ c t i xu ng d i d ng các trang, không ph i là các th nh trong WML. Có ngh a là vi c cung c p đ y đ thông tin trên m t
trang đ n s quan tr ng h n cho các tác v c a ng i dùng. Vi c đi t i và lui gi a các trang có th m t nhi u th i gian h n trong XHTML b i vì các trang đ c t i v m t cách riêng bi t. i v i tr ng h p các trang không th l u (cache) t i thi t b - ví d nh các n i dung ph i tr ti n ho c có ch a các thông tin cá nhân, thì vi c đó càng quan tr ng h n.
Ph n hi n th trên cùng c a trang là ph n quan tr ng nh t. T t c các liên k t th ng dùng, ph n tìm ki m, ph n đ ng nh p và ph n thông tin ch y u s đ c đ t đó. Ng i dùng có th di chuy n đ n các trang khác mà không ph i ch ph n còn l i c a trang đ c t i v đ y đ c ng nh không ph i cu n trang.
Tránh s d ng ph n trên cùng c a trang cho b ng qu ng cáo ho c nh ng hình nh mang tính minh h a. T t h n là nên đ t qu ng cáo bên trái ho c bên ph i trang.
Vi c cu n trang lên xu ng r t khó kh n nên các trang t ng tác có ch a các form d li u không nên quá dài Ng i dùng s không bi t đ c h đã đi n đ y đ các thông tin hay ch a trên m t form quá dài. Ng i dùng có th m t kh n ng đi u khi n n u form nh p dài h n hai trang màn hình.