1 / 28

NTU Seminar

NTU Seminar. Introduction to Human Interface Engineering. Main Title, 60 pt., U/L case LS=.8 lines. Amy Ma HIE Global Director May 27, 2003. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line. Agenda. HIE Key Functions UI Design Product Usability and Look & Feel

wasserman
Download Presentation

NTU Seminar

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. NTU Seminar Introduction to Human Interface Engineering Main Title, 60 pt., U/L caseLS=.8 lines Amy Ma HIE Global DirectorMay 27, 2003 Human Interface Engineering

  2. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Agenda • HIE Key Functions • UI Design • Product Usability and Look & Feel • What Is Usability? Why? • Design Usability into Products • User Centered Design (UCD) Process • Related Fields • UI Engineer Job Requirements Human Interface Engineering

  3. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line HIE Key Functions • UI Design • User research • User interaction design • Graphic design • Technical Writing • Technical documentation • Online help • Localization • UI and manual translation into local languages Human Interface Engineering

  4. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line UI Design • Be responsible for product usability and look & feel Human Interface Engineering

  5. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line What Is usability? According to ISO 9241 Part 11:Usability is the extend to which a product can be used by specific users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specific context of use. Human Interface Engineering

  6. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line What Is the Cost of Poor Usability? • To the customer: • Lost productivity • Lost business opportunities • Increased training and support costs • Underutilized equipment and software • To company: • Lost revenue and market share • Slower customer acceptance of new products • Increased service and support costs • Public image as “unfriendly” Human Interface Engineering

  7. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line The User Interface • The user interface is a shared boundary between the user and the system, providing access to the system functions. It includes two parts: • The visual (look and feel): Buttons, pull-down menus, checkboxes, layout, background colors, etc. • The interaction: The coordination of the information exchange between the user and the system – the depth and scope of a system’s usabilityTo the user, the user interface is the computer… Human Interface Engineering

  8. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Design Usability into Products • Design Principles: • Early and continual focus on users and tasks • Early and continual user testing • Iterative design • Conscientious application of these principles guarantees acceptable usability A simple usability design guideline: Minimize the effort to perform a given function or task Human Interface Engineering

  9. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line User Centered Design Process • Know who the user is • Understand user needs and tasks • Be aware of product competitions • Drive design based upon user goals and tasks • Iterative design and evaluation Human Interface Engineering

  10. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Requirement Phase • User & task analysis via customer visit / interview Human Interface Engineering

  11. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Customer Visit Example Before Customer Visit • Product requirements included some reporting features. Most features were based upon what data available from the system. • UI engineers needed more customer data to drive design UI engineers initiated customer visit and phone interview Human Interface Engineering

  12. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line After Customer Visit • User friendly reporting functions are created… Human Interface Engineering

  13. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line After Customer Visit - Continued • Report creation wizard is built… Human Interface Engineering

  14. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Customer Visit Benefits • Most effective for Requirement Phase • Understand who we design for and in what context • Derive realistic use cases and product goals • Sometimes, validate product design by showing prototypes • Feed customer data to functional groups • Build customer relationship Human Interface Engineering

  15. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Design Phase – High Level Conceptual Design • Focus on concepts, navigation, user task modeling Human Interface Engineering

  16. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Design Phase – High Level Conceptual Design • Focus on concepts, navigation, user task modeling Human Interface Engineering

  17. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Design Phase – Detailed Design with Specifications • Include look and feel and final text strings Human Interface Engineering

  18. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Design Phase - Usability Testing Human Interface Engineering

  19. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Usability Testing Example 1 Before the testing • Menu category design isbased upon the user senior • Users had hard timefinding functions to perform tasks: • How to do “eMail scan” • What’s “my computer” • How to do “Schedule scan” • Firewall setting Human Interface Engineering

  20. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Usability Testing Example 1 After the testing • Menu category isbased upon product feature categorized information • Users found it is easyto find what they were looking for – more intuition Human Interface Engineering

  21. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Usability Testing Example 2 Before the testing • Users had hard timefinishing the taskof creating anotification • Notification had a high failure rate (90-100%) with many popupscreens Human Interface Engineering

  22. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Usability Testing Example 2 After the testing • Re-designed notificationto use tabs insteadof popup screens • This increased overall efficiency for the task of creating a notification Human Interface Engineering

  23. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Usability Test Benefits • Most effective for Design and Construction phases • Identify show stopper before it is too late • Locate problematic areas for usability improvement before it is released • Capture feature requirements for next release • Ideally, all project team members should observe how their products are evaluated by users Human Interface Engineering

  24. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Construction, Alpha, Beta Phase • UI Review • Ensure product UI is implemented according to the UI design specifications • Conduct internal usability inspections • Keep track of UI defects and resolutions • Beta Customer Survey • Collect customer feedback on early shipments of product to evaluate product effectiveness in real world environments Human Interface Engineering

  25. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line UI Related Field - Human Factors Human Factors are characteristics of people – capacities and limitations that set limits for the design of systems that we use. The characteristics include perception, learning, memory, and performance, that is, cognition or human information processing.Human Factors is a discipline which applies concepts and research methods from these areas to the design of safe and usable systems. Reference: Human Factors and Ergonomics Societyhttp://hfes.org/ Human Interface Engineering

  26. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line UI Related field - Human Computer Interaction • Human-Computer Interaction (HCI) is the study of people, computer technology and the ways these influence each other. We study HCI to determine how we can make this computer technology more usable by people.Graduate Education in US • Human-Computer Interaction Institute - Carnegie Mellon University, Pittsburgh, PA • School of Information - University of Michigan, Ann Arbor, MI • Human-Computer Interaction - Stanford University, Stanford, CA • References: Human-Computer Interaction Resources • http://www.hcibib.org/ Human Interface Engineering

  27. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Requirements for a UI Engineer • Experience developing GUI for enterprise software • Familiar with HTML, XML, JavaScript, VBScript, CSS, Visual Basic, and C++ • Experience in User-centered design approach and user-research awareness • Excellent communication and teamwork skills • Bachelor/Master degree in HCI, psychology, cognitive science, or computer science Human Interface Engineering

  28. RUNNING HEADER, 14 PT., ALL CAPS, Line Spacing=1 line Q & A Human Interface Engineering

More Related