1 / 23

The Interface as Mediator

Trình bày : 0512212 – Nguyễn Duy Lộc 0512421 – Hà Cẩm Thiêm. The Interface as Mediator. Nội dung. Như thế nào là một giao diện người dùng hiệu quả?. 1. Hướng tiếp cận đến một hệ thống giao diện người dùng. 2. Một số quy tắc khi thiết kế. 3.

gili
Download Presentation

The Interface as Mediator

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Trìnhbày: 0512212 – NguyễnDuyLộc 0512421 – HàCẩmThiêm The Interface as Mediator The Interface as Mediator

  2. Nội dung Như thế nào là một giao diện người dùng hiệu quả? 1 Hướng tiếp cận đến một hệ thống giao diện người dùng 2 Mộtsốquytắckhithiếtkế 3 The Interface as Mediator

  3. Như thế nào là một giao diện người dùng hiệu quả? • Giúp đỡ người dùng hoàn thành tác vụ. • Không áp đặc yêu cầu lên người dùng. Không quá khó, hoặc tốn nhiều thời gian và công sức chỉ để học cách sử dụng giao diện. • Không hành xử bất ngờ (khó lường). The Interface as Mediator

  4. Hướng tiếp cận đến một hệ thống giao diện người dùng 1 Mô hình giao diện • Mô hình cảm quan (Mental model) • Mô hình thực tế (implementation model) • Mô hình trung gian (manifest model) 2 Trình độ người dùng • Mới bắt đầu (beginer) • Trung cấp (intermediate) • Chuyên gia (expert) The Interface as Mediator

  5. Hướng tiếp cận đến một hệ thống giao diện người dùng 1 Mô hình giao diện • Mô hình cảm quan (Mental model)- Là những gì mà người dùng nghĩ tới sẽ xảy ra. • Mô hình thực tế (implementation model) • Là những gì thật sự xảy ra. • Mô hình trung gian (manifest model) • - Là những gì hệ thống thể hiện cho người dùng về những gì sẽ xảy ra.. The Interface as Mediator

  6. Hướng tiếp cận đến một hệ thống giao diện người dùng 2 Trình độ người dùng • Mới bắt đầu (beginer) • Trung cấp (intermediate) • Chuyên gia (expert) The Interface as Mediator

  7. Hướng tiếp cận đến một hệ thống giao diện người dùng 2 Trình độ người dùng • Mới bắt đầu (beginer) The Interface as Mediator

  8. Hướng tiếp cận đến một hệ thống giao diện người dùng 2 Trình độ người dùng • Trung cấp (intermediate) The Interface as Mediator

  9. Hướng tiếp cận đến một hệ thống giao diện người dùng 2 Trình độ người dùng • Chuyên gia (expert) The Interface as Mediator

  10. Mộtsốquytắckhithiếtkế 1 Đểngườidùngnắmquyềnđiềukhiển 2 Giảmgánhnặngvềtrínhớ 3 Tínhnhấtquán The Interface as Mediator

  11. Mộtsốquytắckhithiếtkế 1 Đểngườidùngnắmquyềnđiềukhiển 2 Giảmgánhnặngvềtrínhớ 3 Tínhnhấtquán The Interface as Mediator

  12. Đểngườidùngnắmquyềnđiềukhiển 1 • Vớidữliệuđòihỏichỉnhsửathườngxuyên, nênđểngườidùngtự do chỉnhsửadữliệu, thayvìphảinhấnvàonút Add, Edit, Remove mỗilầnmuốnchỉnhsửa. • Tạothêmchứcnăng Undo, Rollback to save point đểđảmbảo an toàndữliệu. Đểngườidùngthấylàchínhhọlàngườikiểmsoátvấnđề, chứkhôngphảiứngdụng The Interface as Mediator

  13. Đểngườidùngnắmquyềnđiềukhiển 1 • Đừnggâyhoangmangchongườidùng, màhãychohọlựachọn Message box nàychẳnggiúpíchđượcgìngoàithôngbáolỗi. Ngườidùngkhôngcóquyềnlựachọntốiưu. Message box nàygiảithíchvấnđềgìđangxảyra, đồngthờiđưarachongườidùngnhiềulựachọnkhácnhaukèmgiảithích. The Interface as Mediator

  14. > Doit > Doit This will take5 minutes... Đểngườidùngnắmquyềnđiềukhiển 1 • Đừng để người dùng chờ đợi • Luôn cho người dùng biết việc gì đang xảy ra • Khi người dùng thực hiện 1 tác vụ ngốn thời gian & buộc phải chờ, hãy cho họ biết điều đó. • ứng dụng phải luôn luôn cho người dùng can thiệp trong lúc thực hiện tác vụ (VD: nút cancel) 0 5ms 5s Nóđanglàmcáigìnhỉ? Làm 1 ly café nào! The Interface as Mediator

  15. Mộtsốquytắckhithiếtkế 1 Đểngườidùngnắmquyềnđiềukhiển 2 Giảmgánhnặngvềtrínhớ 3 Tínhnhấtquán The Interface as Mediator

  16. Giảmgánhnặngvềtrínhớ 2 Khôngcầnphảinhớnhiềunhưngvẫnhoànthànhtốtđượccôngviệc Giaodiệnđồhọalàmộtcáchmạng The Interface as Mediator

  17. Giảmgánhnặngvềtrínhớ 2 VD vềnhậpliệungàytháng The Interface as Mediator

  18. Mộtsốquytắckhithiếtkế 1 Đểngườidùngnắmquyềnđiềukhiển 2 Giảmgánhnặngvềtrínhớ 3 Tínhnhấtquán The Interface as Mediator

  19. Tínhnhấtquán 3 • Tínhnhấtquánthểhiệnsựchuyênnghiệptrongthiếtkế, tránhgâynhầmlẫn, khóchịunơingườidùng Khôngnhấtquánvềcáchbiểudiễnthờigian The Interface as Mediator

  20. Tínhnhấtquán 3 Khôngnhấtquánvề menu The Interface as Mediator

  21. Tínhnhấtquán 3 Các control thốngnhấtvớinhau The Interface as Mediator

  22. Tài liệu tham khảo • About Face: The Essentials of User Interface Design – Alan Cooper. • Windows Interface: Guidelines for Software Design – Microsoft Corp. • Designing Interfaces: Patterns for Effective Interaction Design – Jenifer Tidwell. The Interface as Mediator

  23. Cámơn sựquantâmcủacácbạn The Interface as Mediator

More Related