1 / 36

HagIT: The future is in your hands

HagIT: The future is in your hands. Designed and presented by: H amza Khurshid A hmad Ghunaim G hassan Knayzeh. General Outline. Introduction – Ghassan Knayzeh Birth: Blackboard to Prototype I – Hamza Khurshid Adolescence: Prototype II – Hamza Khurshid Alpha System – Ahmad Ghunaim

marvin
Download Presentation

HagIT: The future is in your hands

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. HagIT:The future is in your hands Designed and presented by: Hamza Khurshid Ahmad Ghunaim Ghassan Knayzeh

  2. General Outline • Introduction – Ghassan Knayzeh • Birth: Blackboard to Prototype I – Hamza Khurshid • Adolescence: • Prototype II – Hamza Khurshid • Alpha System – Ahmad Ghunaim • Maturity: Beta System – Ahmad Ghunaim • Demonstration • HCI application – Ghassan Knayzeh • Conclusion – Ghassan Knayzeh

  3. Introduction Outline • The Decline of Book readers • The Invention of E-Books: Not Quite Enough • The IDEA

  4. The Decline of Book Readers • No time to read in the busy world. • The hassle and bulk of the book. • For some, reading is not just a past time.

  5. The E-Book • It came to help, BUT… • Lacks the subtleties of the conventional book: • Pages replaced by the scroll (literarily) • Writing on the book, or placing notes. • Bookmarks • Highlighting

  6. In comes HagIT • Out target: • Tablet PCs. • PDA’s • and other handheld devices.

  7. HagIT: Attributes • Pages. • But we provide a new way to browse through the book, in addition to sequential browsing. • Notes • Highlights • Bookmarks

  8. Evolution: Outline • Paper Prototype • Components • Feedback and Testing • Computer Prototype • Components • Feedback and Testing • Alpha System • Components • Feedback and Testing • Beta System • Components • Testing

  9. The BirthOutline • IDEA • Making a GUI utilizing the HCI principles effectively • What to do? • Visualizing what the program would do by making diagrams on black board

  10. PAPER PROTOTYPE Menu Bar Navigation Circles History Bar Address Bar Tool Bar

  11. Navigation CircleTool for non-sequential browsing • Parts Circle • Chapter Circle • Section circle

  12. History BarThe small circles on the screen • Provide continuous feedback of the current position in the book • Click to jump back to a required index

  13. Address Bar • Conventional • View the current location • Change the position

  14. Tool Bar Functions: • Notes • Highlight • Bookmark • Clear • Undo/Redo • Choose Color • Redisplay Navigation Circle

  15. Miscellaneous Manage Notes/Bookmarks • Quick Overview • Edit • Delete • Add Highlights

  16. Feedback and Testing Testing • Briefing and Pretest Questionnaire • Carry out Tasks • Post Test Questionnaire Feedback • No next and previous buttons • Some buttons without text • More meaningful names of buttons • (Manage Notes/Manage Highlights)

  17. Computer PrototypeHagIT GUI Better and faster platform for evaluation

  18. Usability Test Plan • Laboratory Experiment • Cognitive Walkthrough • Heuristic Evaluation

  19. FeedbackWeaknesses • Users couldn't access the history bar once viewing a page • The color contrast paused a visual problem • No verification whether the book was closed or not • No innovation (Surprising)

  20. FeedbackStrengths • Usable • Functions clearly marked in their appropriate menus • The system uses a lot of familiar symbols and conventions in order to convey a sense of familiarity

  21. Alpha System

  22. Improvements • Programming Language: Java • Better loading of books. • More, yet incomplete, implementation of functions • Dynamic NavCircles and History Bar • Books only in XML format

  23. Functionality • Highlight • Notes • Bookmarks

  24. Feedback • NavCircle and History Bar disappearing at the page level (again) • Functions not worth doing if they are not done correctly • Comparison with existing systems • Highlights/notes already available • Many bugs

  25. Beta System

  26. Improvements • Programming Language: Python • Functions properly implemented • NavCircles can be retrieved at the page level • Minimized bugs. • In short it works…

  27. DEMO

  28. HCI Principles • TESTING, TESTING, and TESTING AGAIN. • Consistency with standards • User control and freedom • Match between the system and the real world

  29. Testing • Formal Testing of the: • Paper Prototype • Computer Prototype • Alpha System • Informal Testing: • 2 Resident testers available throughout the designing process.

  30. Consistency and Standards • Standard Buttons and Menus • Menu bar, Tool bar • Standard Tasks • Bookmarking, moving through pages. • Consistency in the NavCircles

  31. User Control and Freedom • Providing the user 3 ways of browsing the book: • The conventional page-by-page • The Address Bar • The NavCircles • Other examples: • Providing the user the ability to undo there actions easily.

  32. HagIT Vs. Real Books • Match: • Pages • Bookmarks • Notes • Highlights

  33. At End of the Design • Designing is not equal to coding. • It is a multi-stage, iterative process of designing and testing.

  34. In Conclusion • Reading is an indispensable function. • Help the busy “integrate” reading back into their “system”.

  35. Thank You… …We will take any questions now.

  36. HagIT:The future is in your hands Designed and presented by: Hamza Khurshid Ahmad Ghunaim Ghassan Knayzeh Thank You

More Related