Transcription
Interaction DesignHelping users work betterWhitney QuesenberyWhitney Interactive Designwww.WQusability.com 2004, Whitney QuesenberyInterface design is the combination of navigationalstrategies, visual design and informationorganization that influences the way a readerexperiences the online work.“Developing a User Interfacefor an Online Document” - 19932Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
So many words.Technical communications Usability Interfacedesign Information architecture Performancesupport Interaction design Ethnography Experience design User experience design Branddesign User-centered design Market research Document design User interface design Interactionarchitecture Human factors Marketing Writing Human-computer interaction Industrial design Graphic design Information design Ergonomics Interactive design Customer experience Qualitycontrol3 are they the same thing?4Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Elements of user experienceApplicationInformationFocused on doingthings or actionsRely on taskanalysisBuilt on userinterface designNeed goodinteraction designFocused on findinginformationRely on contentanalysisBuild on informationarchitectureNeed good navigationdesignBoth are built on understanding user needs“The Elements of User Experience” by Jesse James Garrett5Plan for user successISO 13407: Human-centred design process6Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Two different users.JerilynnOffice ClerkToniCitizen Likes helping people andknowing how to get thingsdone Busy life with work andfamily - never has enoughtime Dislikes constant changeand the new computersystems Needs help with something,but doesn’t know exactlywhat agency to turn to7. have different usability needs8Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
What do we know about the use ?How often is the application used?Only occasionallyand brieflyDaily, for longsessionsDesignfor ease of learning?Designfor efficiency?How difficult or intimidating is the task?Generalknowledge onlySome domainknowledgeDetailed specialistknowledgeDesignto engage the user?9What do we know about the use ?How well do users understand the task?Generalknowledge onlySome domainknowledgeDetailed specialistknowledgeDesignfor ease of learning?Designfor efficiency?How important is the outcome?Trial and error ispart of the taskMistakes areannoyingDesignfor effectiveness?Mistakes are difficultto correctDesignfor error tolerance?10Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
What is the relationship?Calculator: No relationship No need to log in No work maintained between sessionsRegister Your Car: One-time transaction Identification through a document ID Transaction completed in one session Long-term memory not part of the webserviceOnline Banking: Ongoing relationship Personal log in Used over time, and maintainshistory11Relationship changes the design1. Are the applicant, spouseor any of their dependents,regardless if applying forcoverage, currently.What areyouaskingme?!!Caroline Jarrett: Three Layer Model of the Formwww.formsthatwork.com12Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Usability is a balanceEffectiveUsers can accomplish their goals.Efficient.in a reasonable time.Engaging in a pleasant and satisfying wayError Tolerant without mistakes Easy to Learn and that is easy to learn to use.“What Does Usability Mean: Looking Beyond ‘Ease of Use’”Whitney Quesenbery, Proceedings of the STC, 200113Types of applicationsReports or Data ViewE-CommerceTransactional ‘Desktops’Customer Self-Service14Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Interaction stylesStrongWeakRELATIONSHIPReports or Data ViewTransaction ‘Desktops’ Activity-focused Goal is complex mix ofknowledge and task Strong relationship Information-focused Goal is knowledge KnowledgeablerelationshipE-Commerce Browsing towards singletransaction Goal is purchase Casual or “as needed”relationshipCustomer Self-Service Browsing towardsmultiple transactions Goal is transaction Use may be n styleCustomize GroupMessage approval:Reply to:Group type:NoGroupMail16Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Interaction style17Be informativeDon’t make usersguess what to door how to do itWhat can I dohere?18Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Provide directionBalance freedom ofnavigation andstructure within a taskWhat’s next19Balance complexity and clarityMake thecomplexity of theinteractionappropriate forthe users and thetaskBoth of these areright for me inthe right context20Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
Be tolerantDon’t make the user dowork the computer candoWhy can’t I enterthe rest of mycredit cardnumber?1234-107517-4300621Allow for different needsLet the usercustomize thepage viewLet me control myown experience.22Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
When I'm working on a problem, I never thinkabout beauty. I think only how to solve theproblem. But when I have finished, if the solutionis not beautiful, I know it is wrong.- R. Buckminster Fuller23About meWhitney QuesenberyWhitney Interactive Design 1 y.comWhitney Quesenbery is a user interface designer and usability specialist with apassion for clear communication. She is an expert in developing new concepts forproduct designs and has produced award winning multimedia products, web sites,and web & software applications.She is President of the Usability Professionals’ Association and the Director of theUPA Voting and Usability Project. She was recently appointed to a US governmentcommittee on guidelines for voting systems for the EAC (Elections AssistanceCommission)Before she was ‘seduced’ by a little beige computer into the world of usability,Whitney was a theatrical lighting designer on and off Broadway. The lessons andstories from the theatre stay with her in creating user experiences.24Whitney Quesenbery whitneyq@WQusability.com www.WQusability.com
design User-centered design Market research Document design User interface design Interaction architecture Human factors Marketing Writing Human-computer interaction Industrial design Graphic design Information design Ergonomics Interactive
