Tương tác người máy - Chương 3: Định hướng

Biển chỉ đường (signposts): đặcđiểm trên giao diện giúp ngườidùng xác định vùng phụ cận.Ví dụ: tabs, breadcrumbs, page andwindow titles.Tìm đường (wayfinding):Sử dụng các nhãn chính xác và hợplý.Bố trí nội dung và chức năng ở cácvị trí hợp lý.Bản đồ.
Nội dung trích xuất từ tài liệu:
Tương tác người máy - Chương 3: Định hướngChương3:ĐịnhHướng LêQuýLộcKhoaCôngNghệThôngTinĐạihọcBáchKhoaĐHĐN LuônĐượcĐịnhHướng• Biểnchỉđường(signposts):đặc điểmtrêngiaodiệngiúpngười dùngxácđịnhvùngphụcận – Vídụ:tabs,breadcrumbs,pageand windowtitles• Tìmđường(wayfinding) – Sửdụngcácnhãnchínhxácvàhợp lý – Bốtrínộidungvàchứcnăngởcác vịtríhợplý ChiPhíĐịnhHướng• Bảođảmchiphíđịnhhướngtối thiểu• Vídụchiphíđịnhhướngquá lớ nChiPhíĐịnhHướngChiPhíĐịnhHướngChiPhíĐịnhHướng CácMẫuThiếtKế• Cáccấutrúcđịnhhướngcơbản – ClearEntryPoints – GlobalNavigation – HubandSpoke – Pyramid – ModalPanel• Biểnchỉđường(signposts) – SequenceMap – Breadcrumbs – AnnotatedScrollbar – ColorCodedSections – EscapeHatch ClearEntryPoints• Môtả:Chỉđặtmộtvàitácvụchínhtrêngiaodiện• Sửdụng:Đasốngườidùnglàngườidùngkhôngthường xuyên,ứngdụngđịnhhướngvàochỉmộtsốíttácvụ GlobalNavigation• Môtả:Sửdụngmộtphầnnhỏcủa page(hoặcwindow),đểđặtcác linkshaybuttonsđếncácthành phầnquantrọngcủawebsitehay ứngdụng• Sửdụng:Xâydựngcácứngdụng/ websitecónhiềuchứcnăng/nội dung HubandSpoke• Môtả:Đặtcácbutton/linkđếncácchức năngkháctrêngiaodiện,mỗichứcnăng chỉcómộtđầuvàovàmộtđầura• Sửdụng:Khiứngdụngcónhiềuchứcnăng táchbiệt Pyramid• Môtả:Liênkếtmộtchuỗicác page/windowbằngcáclink/button back/next• Sửdụng:website/ứngdụngcócác page/windowmàngườisửdụngmuốnxem cácpage/windowtheothứtự: slideshow,ebook,wizard ModalPanel• Môtả:hiểnthịchỉmột page/windowduynhất(khôngcó cáctùychọnđịnhhướngkhác)• Sửdụng:khiứngdụngđếnmột trạngtháimàkhôngthểtiếp tụcđược,nếukhôngcósựgiúp đỡcủangườidùng SequenceMap• Môtả:trênmỗipage/windowhiểnthị trìnhtựcủacủacácpagetrongchuỗi tiếntrình,vàđánhdấupage/window hiệntại• Sửdụng:website/ứngdụngcócácpage/ windowmàngườisửdụngmuốnxemcác page/windowtheothứtự:slideshow, ebook,wizard Breadcrumbs• Môtả:hiểnthịbảnđồcủatấtcảcác page/windowcha,đếnpage/windowhiện tại• Sửdụng:ứngdụngcóphâncấpkiểu cây,vàítcósựliênquangiữacác page/window AnnotatedScrollbar• Môtả:sửdụngghichútrên scrollbarđểchỉravịtríhiện tạicủausertrongpage/window• Sửdụng:xâydựngứngdụngcó khônggiancầnphảiscrolllớnAnnotatedScrollbar ColorCodedSections• Môtả:sửdụngcácmàusắckhácnhauđểxácđịnh cácvùngchứcnăngkhácnhaucủagiaodiện• Sửdụng:giaodiệncủawebsite/ứngdụnglớncó nhiềuvùngvàthànhphầnchứcnăngkhácnhau EscapeHatch• Môtả:trênpage/windowgiớihạn cáctùychọnđịnhhướng,đặtmột page/windowtrênpage/windowgiúp userthoátrakhỏi• Sửdụng:modalpanel,wizard