SIMS 213: User Interface Design & Development Marti Hearst Thur, Feb 3, 2005.

Slides:



Advertisements
Similar presentations
“Well, what are you going to do with that?”
Advertisements

Outsourcing functional web usability: A practical approach to effective web enhancements improving user experience. Mark Paul University of Louisville.
© 2006 Autodesk1 A Passion to Serve Your Customers Melanie Allen GBU Technical Publications.
Entrepreneurial Opportunity Recognition
Choosing a College Major and Career
Location Based Social Networking For All Presenter: Danny Swisher.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 25, 2001.
Visual Design, Personas 27 Feb Visual Design: Typography  The limits of the computer screen 72 dpi v 96 dpi (sorta) Screen-optimized fonts  Arial,
Scenarios and Personas Professor: Tapan Parikh TA: Eun Kyoung Choe
SIMS 213: User Interface Design & Development Marti Hearst and Tues, Jan 30, 2007.
SIMS 213: User Interface Design & Development
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 5, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thur, Feb 2, 2006.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 1, 2005.
Administrivia Turn in ranking sheets, we’ll have group assignments to you as soon as possible Homeworks Programming Assignment 1 due next Tuesday Group.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
Ch 5 Specification page 1CS 368 Context Specification one of the most commonly cited reasons for an IT project failure is unclear objectives and requirements.
Personas 14 Feb Personas Developed by Alan Cooper A user archetype used to help guide decisions about product features, navigation, and visual design.
SM3121 Software Technology Mark Green School of Creative Media.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 6, 2003.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 23, 2003.
Media Radio Production Evaluation Charlotte Price.
PROFESSIONAL OUTSOURCED CUSTOMER SUPPORT On your website at affordable price. EU & America– Save up to 30% on your current customer support based Agents.
*Please put on headphones before beginning! Let’s Begin!
2505ICT User Interface Design. Course organisation  Course Convenor and lecturer Marilyn Ford, L08 Room 2.20,
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Business Processes, Systems Information, and Information
Conducting Usability Tests ITSW 1410 Presentation Media Software Instructor: Glenda H. Easter.
Design and Prototyping CS 5115 Fall 2014 September 19.
Student Information System (SIS) & myCourses
User Modeling Lecture # 5 Gabriel Spitz 1. User-Interface design - Steps/Goals.
Storytelling Your Way to a Better User Experience Whitney Quesenbery Kevin Brooks UPA Boston June 2010.
Copyright © 2007 Molecular, Inc. | | Linked by Isobar 1 Steve Mulder Making Personas Work for Your Site.
Section 2: Self-Knowledge Created by Stephanie Dupley 1.
Live Radio Interview Rachel Tate Types of Interview: TV Interview Television interviews consist of two or more people, and are often very emotive.
A Template for Creating Buyer Personas. 1. A Brief Introduction to Buyer Personas 2. How to Present Your Buyer Persona 3. An Example of a Complete Buyer.
Requirements Gathering this process determines exactly what is required (and not required) of a project Three key areas include: Identify and prioritize.
Allen Stauffer Rarihwenhawi LaFrance.  University students often lack time to keep track of grades and monitor progress  System would focus on providing.
SharePoint document libraries I: Introduction to sharing files Sharjah Higher Colleges of Technology presents:
Requirements Engineering Requirements Elicitation Process Lecture-9.
Requirements I Gathering Data with Users. Objectives By the end of this class you should be able to… Explain the importance of involving users in requirements.
1CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. Lecture 3: Personas.
SIGNZ V3.39 Centre Proposals SIGNZ V3.39 Centre Proposals.
Understanding College Grading 12 th Grade Keys to Postsecondary Success #1 (Microsoft, 2011)
1 Technical & Business Writing (ENG-315) Muhammad Bilal Bashir UIIT, Rawalpindi.
COMP 208/214/215/216 – Lecture 8 Demonstrations and Portfolios.
Please CLOSE YOUR LAPTOPS, and turn off and put away your cell phones, and get out your note- taking materials.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
Writing. What are the advantages and disadvantages of each form of IT? In small groups discuss this question and put your idea onto the chart. Then decide.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
Seminar in Computer Science Cooper – Inmates CIS385 January 23, 2007.
2 Read to Learn How to identify a job, an occupation, and a career How skills, interests, and desired lifestyle may shape career plans How your job can.
Computer/Human Interaction Fall 2015 Northeastern University1 Name of Interface Tagline if you have one Team member names and schools/years Team member.
University of Washington HCDE 418 Storyboarding HCDE 418 Winter 2014.
Audience Profiling with Personae and Use-Case Scenarios User Scenarios combine User Personas/Personae with User Tasks remember.
Academic Planning, Majors, and Careers. Selecting Courses Combine your interests with requirements. Talk with your advisor about your interests and general.
Medium-fi Prototyping
Recruitment and Selection
More TCUID: Tasks, Scenarios, and the Design Process
Human Computer Interaction Lecture 10 Interaction Paradigms
What’s the difference? Choosing which flavour ice cream you want now Choosing where you will go on holiday now for 6 months time Choosing which house to.
Informatics 43 – April 14, 2016.
Introduction When searching for a new mattress, you have to make sure you know where to go to find the best one. The mattress you sleep on is going to.
Personas Kathy E. Gill 5 May 2010.
Krug Chapter 2 How We Really Use the Web and Web Site Design
Presentation transcript:

SIMS 213: User Interface Design & Development Marti Hearst Thur, Feb 3, 2005

Personas (from Cooper) “Hypothetical Archetypes” –Archetype: (American Heritage) An original model or type after which other similar things are patterned; a prototype An ideal example of a type; quintessence A precise description of a user and what they want to accomplish –Imaginary, but precise –Specific, but stereotyped Real people have non-representative quirks

Reasons for Personas Avoid the “elastic user” –If the description is not specific, it can easily wiggle to suit the design needs of the moment Piston analogy Helps prevent designer / programmer from imagining they are the user Image from

Reasons for Personas Puts an end to feature debates –Makes hypothetical arguments less hypothetical Q: “What if the user wants to print this out?” A1: “The user won’t want to print often.” A2: “Emilee won’t want to print often.” User Persona, not Buyer Persona –This is one way HCI differs from marketing –Eventually it pays off in more sales

Cooper on Scenarios Daily Use –Fast to learn –Shortcuts and customization after more use Necessary Use –Infrequent but required –Nothing fancy needed Edge Cases –Ignore or save for version 2 Example: image cropping application –It works so intuitively, it feels like magic

Cooper’s Perpetual Intermediaries BeginnersIntermediatesExperts Programmers design for experts

Perpetual Intermediaries BeginnersIntermediatesExperts Marketers design for beginners

Perpetual Intermediaries BeginnersIntermediatesExperts People spend most of their time as intermediates

Perpetual Intermediaries BeginnersIntermediatesExperts Paradoxical Curves

Case Study using Personas Sony TransCom’s Initial design: Conventional solution –Deep hierarchy of screens “Uninformed consent” Reflected the internal design of the software –This design decision forced them to throw out the natural choice of a touchscreen –3D graphics, artistic icons, map-and-globe metaphor But no substance “Painting the corpse”

Case Study using Personas Procedure: –Interviews inside Sony What are their goals? What is the project history? –Interviews in the field Airline personnel, particularly flight attendants –Every new story lead to a new persona 30 personas at one point –Eventually, see commonalities, collapse them down 4 passengers, six airline employees Passengers are the hard part

Case Study using Personas Passenger Personas –Chuck Burgermeister –Ethan Scott –Marie Dubois –Clevis McCloud Goal: satisfy all of them, make no one unhappy, but don’t have to make any of them exceptionally happy –(contradiction of earlier point – captive audience) Interesting development: one persona became a “common denominator” and a “touchstone”

Case Study using Personas Interesting design decisions –No navigation Only one screen –This isn’t really accurate – they had different screens for different kinds of entertainment This means – not very many movies to choose from – and is not what a computer scientist would design for –Physical knob like a radio dial –Few clicks means touchscreen is ok –Content provided much of the value Movie vendors surprised the designers by being enthused about having to supply content Consequence of the fact that every movie is carefully marketed already Other interfaces needed for airline personnel

Course Scheduler Example Explanation and Justification –Target user base: UCB Students –Developed from 8 interviews personal experience as students –Discovered differences in approaches to tasks and needs Some students shop around and interact intensively with the course scheduling system Others consider only a narrow range of courses and/or have strict requirements to fill –Diversity in student body Age, educational status, computer experience –Must work for all students since it is a must-use application

Course Scheduler Example

Sample Scenario –Alicia is new to the registration process Its Monday morning and Alicia has just spent the weekend partying and getting to know more of her dorm-mates. Alicia has her first Tele-Bears session this morning and although she already has three good classes in mind, she needs to find 1 more, but she'll have to figure out her GE requirements first. Alicia logs onto the system. First, she signs up for Nutritional Science 10 because apparently heaps of cute water-polo guys take this class. Alicia is thinking about majoring in French Literature and so she signs up for English 1A which she must take before taking anymore English classes. Alicia then signs up for her third class, Biology 1A because she might want to major in this too. Then Alicia browses for her last class by searching all the GE classes, and decides to sign up for American Studies 10. Unfortunately this class must be really popular because its already full! So, Alicia decides to go on the waitlist for it just in case. She then adds another GE class that looked quite interesting called Film 24. This class is a Freshman Seminar on Film so Alicia hopes that she'll get to watch some cool movies! Someone is yelling Alicia's name down the hall, so she logs off.

Course Scheduler Example Sample Scenario –Mike needs to make a minor schedule change – Mike is already well into his second week of this semester. As usual, Mike had no problem signing up for his classes as he had planned them ahead of time out in Excel. Unfortunately he needs to switch sections for his Dynamics and Control of Chemical Processes class. Mike is loving the lecture and enjoying the laboratory for the class, but the T.A who is teaching his discussion section is clearly inexperienced. Mike quickly logs onto Tele-Bears and changes to the discussion section on Fridays at 9am. Although Mike is certain that this small change to his schedule doesn't conflict with his job, he reviews his schedule and, satisfied that this is fine, prints out his new schedule and logs off Tele-Bears.

Doing Your Needs Assessment How to do it well? Interviews vs. Surveys Advice on Survey Writing: –List of links: –Qualities of a good question: –Developing a questionnaire

Doing Your Needs Assessment Interviewing links: –Conducting an interview: