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 Birth Outline  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 Circle Tool for non-sequential browsing  Parts Circle  Chapter Circle  Section circle

12. History Bar The 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 Prototype HagIT GUI Better and faster platform for evaluation

18. Usability Test Plan 1. Laboratory Experiment 2. Cognitive Walkthrough 3. Heuristic Evaluation

19. Feedback Weaknesses  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. Feedback Strengths  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