HagIT:The future is in your hands

Designed and presented by:Hamza KhurshidAhmad GhunaimGhassan 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 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

PAPER PROTOTYPE

Menu BarNavigation CirclesHistory BarAddress BarTool Bar

Navigation CircleTool for non-sequential browsing

Parts Circle

Chapter Circle

Section circle

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

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 PrototypeHagIT GUI

Better and faster platform forevaluation

Usability Test Plan

1. Laboratory Experiment

2. Cognitive Walkthrough

3. Heuristic Evaluation

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)

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

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 KhurshidAhmad GhunaimGhassan Knayzeh

Thank You