1 / 28

CS 615 User Interface Design - Overview

CS 615 User Interface Design - Overview. Lecture # 1. Lecture Objectives. Instructor Course objectives Course outline. Before we start. Please send me an email to gspitz@akamai.com Include your personal information Your name (First name, last name) Student ID

strom
Download Presentation

CS 615 User Interface Design - Overview

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. CS 615 User Interface Design - Overview Lecture # 1 Gabriel Spitz

  2. Lecture Objectives • Instructor • Course objectives • Course outline Gabriel Spitz

  3. Before we start • Please send me an email to gspitz@akamai.com • Include your personal information • Your name (First name, last name) • Student ID • Email address that you could be reached before class for class cancelation information • If you prefer add a phone number for text message Gabriel Spitz

  4. Who Am I • Gabriel Spitz • BA, Psychology, NYU • MSIE, SUNY Buffalo • Sc.D, Behavioral Sciences, Technion, Israel • Principal Human Factors @ Akamai, Inc • UX Design, Customer Experience, Research, • Previously, LiveData, Aptima, Wang, BBN, MITRE • I am Human Factors Engineer & User Interface Designer (UX) Gabriel Spitz

  5. Contact Information • Email • gspitz@akamai.com • Phone • 781-572-7695 • Office hours • By appointment • If needed M W 7:45-8:15 pm in class • Lectures’ Website • http://www.blackgecko.com/gspitz/CS615/ Gabriel Spitz

  6. Frequently Used Names • Human Factors Engineer • Interface Designer • Interaction Designer/Engineer • Graphical Designer • Usability Engineer • Information Architect • Technical Writer • More… Gabriel Spitz

  7. Course Objectives – Understand (1/3) • Course objectives are to: • Understand • Practice • Create • Understand the goals and criteria of a good user-interface (UI) • Understand the UI design process • Become familiar with issues in UI design • Become familiar with the underlying drivers of UI design Gabriel Spitz

  8. Course Objective – Practice (2/3) • Learn and practice • Performing user and task analysis • Designing UI using user centered approach • Evaluating user interface Gabriel Spitz

  9. Course Objective – Create (3/3) • Gain experience with real-world skills • Create user and stakeholders’ personas • Evaluate everyday interfaces • Create reports and presentation • No implementation • You learn that in other courses Gabriel Spitz

  10. Course Outline (1/3) • Establishing Objectives • Approaching the Design • Designing • Evaluation • Establishing Objectives • What is UI and why worry about it • Goal of UI design & how to evaluate it Gabriel Spitz

  11. Course Outline (2/3) • Approaching the Design • Action Model - Norman • UI design Process • Understanding needs • Getting ready for design • Persona & Scenario • Task Analysis Gabriel Spitz

  12. Course Outline (3/3) • Designing • User Experience Model • Scope • Conceptual Model • Activity flow • Representation • Presentation • Evaluation • Evaluation Gabriel Spitz

  13. Why Take This Course? • A very important area • Proliferation of technology • Greater diversity of users • Ubiquity of computing • User-Centered Design (UCD) is more important than ever • New technology does not make UCD irrelevant it just raises new issues Gabriel Spitz

  14. Why Take This Course? • Software is everywhere • More individuals use software to do their work • Individuals use software for longer and longer portions of their day • User Interface therefore impacts individuals: • Mood • Productivity • Safety Gabriel Spitz

  15. My Design Objectives – Beyond Usability • Create a positive and rewarding user experience when using technology • Design technology with users’ work activity in mind • focus on designs that will enable individuals to be: • Productive - Do the work they need to do and beyond • Efficient – Do it in a way that will save them time and effort • Effective – Do it with minimal or no errors • Safe – Do it with no harm • Happy -  Gabriel Spitz

  16. Task vs. Activity Centered Design User Activity – Get home fast andcomfortably Is there an earlierflight Is there a better seat Check in luggage Get a Boarding Passfor my flight User Task – Get a Boarding Passfor my flight Gabriel Spitz

  17. Task vs. Activity Centered Design • User Task – • Register as a member User Activity – Get membershipcard Register Obtain card Gabriel Spitz

  18. Types of Projects Performed by UX (Me) • Device interface design • Stylus design - (comfort) • Head mounted cursor control device - (easy target acquisition) • Software user-interface design • Cable Modem Management system - (fast exploration of problem space) • UI for Automatic Target Identification System – (accurate decision) • Communication logging application – (rapid data entry) • Macro-Ergonomic analysis • Work analysis of Customer Care Engineers– (work efficiency) Gabriel Spitz

  19. Some Unique Work Examples • Tool to Automatically Classify Usability Problem Reports • Evaluation of Runway Status Lights • Common display for OR clinical teams • Surgical Safety Check Management tool • Surgical AV Control Panel • Tool to analyze the wellness of video-streaming • Many more… Gabriel Spitz

  20. Whiteboards in the Operating Room - Team Display • White boards are used to remind the surgical team of important information Key to effective UI – Optimal Info. & logical layout Gabriel Spitz

  21. OR-Dashboard Gabriel Spitz

  22. Common Surgical Time Out Form • Surgical Time Out • A verification procedure aimed at ensuring awareness • Issues • Focus on topic not data • Does not facilitate team awareness • Is not conducive to detecting and/or reporting errors Key to effective UI – Encourage optimal behavior Gabriel Spitz

  23. Surgical Safety Check Management Tool Checklist Panel Checklist Topics Challenge Category Challenge Cross Checked Information Option Selector Gabriel Spitz

  24. Surgical AV Control Panel Key to effective UI – Optimal layout Gabriel Spitz

  25. If the user can’t use it… it doesn’t work- Susan Dray Course Motto Gabriel Spitz

  26. Course Requirements • Two interface evaluation projects (30%) • Device or software interface evaluation –End of Feb. 2011 • Website interface evaluation –Beginning of March • A Group project - interface design project –Mid May(40%) • A short midterm (20%) • Class attendance and participation (10%) Gabriel Spitz

  27. Course Books • Course book • Recommended • Garett, J, J., 2003, The Elements of User Experience, User Centered Design for the Web, New Riders publication(Paperback) • Norman, D.A., 1989, The Design Of Everyday Things. New York, NY, Doubleday 1989 • Web site • http://www.blackgecko.com/gspitz/CS615/ Gabriel Spitz

  28. Homework • Visit http://web.mit.edu/outreach/ and check out their MIT Outreach Database • Pretend that you are a typical user of this site and you are trying to find a specific program • Identify 5-8 issues with this site that if corrected will improve the use of the site Gabriel Spitz

More Related