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

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

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

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.

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

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

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

Evolution: Outline  Paper Prototype Components Feedback and Testing  Computer Prototype Components Feedback and Testing  Alpha System Components Feedback and Testing  Beta System Components Testing

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

PAPER PROTOTYPE  Menu Bar  Navigation Circles  History Bar  Address Bar  Tool Bar

Navigation Circle Tool for non-sequential browsing  Parts Circle  Chapter Circle  Section circle

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

Address Bar  Conventional  View the current location  Change the position

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

Miscellaneous Manage Notes/Bookmarks  Quick Overview  Edit  Delete  Add Highlights

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)

Computer Prototype HagIT GUI Better and faster platform for evaluation

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

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)

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

Alpha System

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

Functionality  Highlight  Notes  Bookmarks

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

Beta System

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

DEMO

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

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

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

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.

HagIT Vs. Real Books  Match: Pages Bookmarks Notes Highlights

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

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

Thank You… …We will take any questions now.

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