1. Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN

2. Usability What is Usability? Ease of learning Ease of use Ease of remembering Subjective satisfaction Efficiency of use Effectiveness of use (While efficiency refers to how well something is done, effectiveness refers to how useful something is.)

3. Usability Engineering Usability Engineering (UE): Processes to build “Usability” into products Methods maintain focus on user through design

4. Benefits of UE to an Organization Reduce training costs Less time to complete work Greater success with tasks Increase user satisfation

5. Typical Web-site Usability Problems Navigation Knowing where you are Finding what you want Structure of web site Layout تصميم Needs sufficient white space Use of large graphics

6. User Centered Design UCD is a dialog between the customer and the designer Rules: Get to know and understand the users. Build an application, applying usability principles. Test designs by observing users in a real work setting (environment and work load).

7. Usability Principles

8. Mini-Exercise Apply the principles to a web-site of your university : Uqu.edu.sa

9. GUI Design is Multi Disciplinary A team includes Analyst Designer Technology expert Graphic artist Social and behavioral scientist Programmer

10. Usability Design Process

11. UI Structure

12. Interface Standards Design The interface standards are the basic design elements that are common across the screens, forms, and reports within the system: how to divide the screen, how to choose colors, …………

13. Interface Design Prototyping storyboard HTML Prototype Language prototype Interface Evaluation Heuristic (encouraging to discover and learn) Walkthrough (how do we navigate) Interactive Formal Usability Testing

14. Creating a UI Prototype Low-fidelity prototypes are good! a prototype that is sketchy and incomplete