SlideShare uma empresa Scribd logo
1 de 25
Baixar para ler offline
When Worlds Collide:
Improving the User Experience by
Applying Progressive Information
Disclosure
Presented by
Andrea L. Ames
IBM Senior Technical Staff Member and
Content Experience Strategist/Architect/
Designer
(c) Andrea L. Ames, 2006-2013 2
About Andrea
 Technical communicator since 1983
 Areas of expertise
 Information architecture and design and interaction design for
products and interactive information
 Information and product usability—from analysis through
validation
 User-centered design and development process
 IBM Senior Technical Staff Member
 UCSC in Silicon Valley Extension Tech Comm and
Writing certificate coordinator and instructor
 STC Fellow, past president (2004-05), and past member
of Board of Directors (1998-2006)
 ACM Distinguished Engineer
2
(c) Andrea L. Ames, 2006-2013 3
Agenda
 Prerequisite: Think More, Write Less
 Progressive disclosure (PD)
 Traditional information PD
 Applying PD to the end-to-end
content experience
 Quick steps to PD
 Blockers to PD
 Resources
 Backup: Stages of use
3
(c) Andrea L. Ames, 2006-2013 4
According to Wikipedia…
progressive disclosure (PD):
 “To move complex and less frequently used options out of the main user interface
and into secondary screens“
 An interaction design technique
 Often used in human computer interaction
 Helps maintain the focus of a user's attention by reducing clutter, confusion, and
cognitive workload
 Improves usability by presenting only the minimum data required for the task at hand
 Sequences actions across several screens
 Reduces feelings of overwhelm for the user
 Reveals only the essentials and helps the user manage the complexity of feature-rich
sites or applications
 Moves from "abstract to specific" via “ramping up” the user from simple to more
complex actions
(c) Andrea L. Ames, 2006-2013 5
PD for interaction isn’t new
 Around since at least the early 1980s (Jack Carroll, IBM)
 Jakob Nielsen has been discussing it for ages
"Progressive disclosure is the best tool so far: show people
the basics first, and once they understand that, allow
them to get to the expert features. But don't show
everything all at once or you will only confuse people and
they will waste endless time messing with features that
they don't need yet".
 In information development, PD can be applied to
content, as well
(c) Andrea L. Ames, 2006-2013 6
What is progressive
information disclosure?
 In an information experience, enables you (the author) to
provide the right information in the right place at the right
time
 Assumes “competent performer” to “proficient performer”
is stage of use (backup) in which users will spend most
of their time when using the product–not novices; not
experts
 Defer display of novice information, background,
concepts, extended reference material and examples,
etc., until the user needs and requests it
 Reduces complexity by revealing only the essentials for
a current task and then reveals more as users advance
through tasks
(c) Andrea L. Ames, 2006-2013 7
What is progressive
information disclosure? (cont.)
 Reveals information in an ordered manner
 Each layer builds on the previous one in a flow that provides
progressively more information
 Provides only the details that are necessary at a given time, in a
specific context
 Provides assistance when necessary--not information created just to
cover an empty widget
 Do not repeat information; for example, do not repeat field labels in
hover text.
 “A guided journey, not a scavenger hunt” (J. Fell, former IBM IA)
 Designed around the ideal information experience–with no resource
or time constraints
 Implemented realistically with necessary constraints
(c) Andrea L. Ames, 2006-2013 8
A rose by any other name…
 Technical communicators have been
“doing” PD for a long time
 We might not call it PD
 The best example of traditional PD:
Well-architected, traditional, online help
Primary “layer”: Contextual and task topics
Secondary “layers”: prereqs, background,
related concepts and reference, etc.
(c) Andrea L. Ames, 2006-2013 9
Traditional, contextual help
(c) Andrea L. Ames, 2006-2013 10
The problem with traditional assistance and
traditional information development methods
 Typical UI-text development process:
 Written by developers of the UI
 Edited by tech pubs (best case; often copy edit capturing only capitalization and punctuation
issues and typos)
 Typical help development process:
 Writers attend (some) design meetings, keeping track of the number of UI panels in the
product, which typically include one help button per panel
 Writers develop one help topic for each UI panel in the product
 Pop-up help/hover help provided for all, or no, controls
 Task help describes how to complete the fields in the UI panel:
 Pop-up/hover help content repeated in task help
 Writers cut and paste from specs
 Typical library design and development process:
 Deliverables developed based on development expectations and history vs. user needs
 Other (non-help) deliverable content identified without regard for task help also being created
 Extensive redundancy across UI text, help, and other deliverables (like books)
 Design process accomplished within resource and time constraints, not
according to ideal or customer needs
(c) Andrea L. Ames, 2006-2013 11
What’s wrong with this picture?
(c) Andrea L. Ames, 2006-2013 12
The next PD
evolution/revolution
The UI
 Add value
 Get even closer to the task than the help
 Influence the design of the task and task
ecosystem
 Drive reductions in words
 Prioritize resources around client value
(c) Andrea L. Ames, 2006-2013 13
Overview: Quick steps to PD
1. Consider your user (scenarios, goals, tasks) and their stages of
use (see backup for more on stages of use)
2. Start with the product: Is the UI as obvious and self-evident as
possible?
3. Can you improve “help,” or do you need it at all?
4. How are you supporting users’ successful goal
achievement (through use of the product) with
non-UI, task-oriented content?
? What issues will keep you from
implementing this kind of approach?
(c) Andrea L. Ames, 2006-2013 14
1. Consider your user (scenarios, goals, tasks) and
their stages of use
 Scenarios
 Use cases
 Task flows
 Personas
 User roles
 Goals, expectations, needs, environment
 Required to understand whether the product is as easy to explain as
possible without content, and to understand what information is
necessary and how, when, and where to deliver it.
(c) Andrea L. Ames, 2006-2013 15
2. Start with the product
 First: Is the UI as obvious and self-evident (as easy to explain) as possible?
 First view: “welcome”
 Task flow
 All assistance about the UI should be in the UI
 Persistent – absolutely necessary
 User controllable – useful, might be needed by some users (obvious to get to)
 Consider the types of content you need to provide
 Control assistance
 Panel assistance
 And the types of mechanisms available
 Persistent UI text that doesn’t require
a user gesture (widget labels, window titles,
inline hints & tips)
 Simple UI gestures your users will tolerate
(hover, one or two clicks)
 Imagine you are a consultant or advisor, looking over the user’s shoulder; what does
she need to know?
(c) Andrea L. Ames, 2006-2013 16
3. Can you improve “help,” or do you need it at all?
 Focused on UI tasks that absolutely cannot be
handled by “closer” delivery mechanisms
 Cross-panel tasks
 Stop yelling!
 Repeating the same thing, over and over, does
not make the message more valuable, useful, or
enhance users’ comprehension
(c) Andrea L. Ames, 2006-2013 17
4. How are you supporting users’ successful goal
achievement with non-UI, task-oriented content?
 Doc library
 Another form of “help?” No!
 User-task focused content: High-value, focused
on “job 1”
(c) Andrea L. Ames, 2006-2013 18
The biggest stumbling block(s)…
What keeps us from applying this approach?
 We didn’t know about it or how to do it
 We don’t think it’s the right thing to do
 Others (non-content people, like engineers)
don’t understand it and/or buy into it
 Processes and process artifacts don’t support it
 Tools don’t support it
 Other issues?
(c) Andrea L. Ames, 2006-2013 19
Resources
 Jakob Nielsen, Alertbox
 Demystifying Usability blog
 Time-Tripper UI patterns
 InteractionDesign.org
 “Layering as a ‘Safety Net’ for Minimalist Documentation,” in Minimalism Beyond the
Nurnberg Funnel, ed. J.M. Carroll, MIT Press, 1998, pp. 247-74.
 The QuickScan Project: http://www.quikscan.org/
This presentation on slideshare:
http://www.slideshare.net/aames/20130724-worlds-collideimproveuxthrupidstcwebinaraames
STC proceedings paper on stages of use:
http://www.stc.org/images/proceedings/Documents/enablingprogressivei1.htm
19
(c) Andrea L. Ames, 2006-2013 20
Questions?
20
(c) Andrea L. Ames, 2006-2013 21
Contacting/following/connecting
with Andrea
E-mail: aames@pobox.com
Social: http://about.me/AndreaLAmes
21
Backup
Stages of Use
(c) Andrea L. Ames, 2006-2013 23
“Stages of use” in designing and writing
embedded assistance layers of PD
(c) Andrea L. Ames, 2006-2013 24
“Stages of use” in designing and writing
embedded assistance layers of PD, cont.
(c) Andrea L. Ames, 2006-2013 25
Cautionary note about stages of use in
EA design
 Stages of use apply to multiple user dimensions; for example:
 Domain knowledge
 Computer use
 Your tool
 Tools like your tool
 A user who is a novice in your tool and tools like your tool might be an
expert in the domain and the use of computers in general.
 The same user might be an expert with most parts of your UI and a novice
in some, or might be an expert in some parts of a task flow and a novice in
others.
 You must consider the many dimensions of your users before arbitrarily
applying a single “stage of use” label to them
 Consider the appropriate information for the point in time for which you are
designing: does the user need tool information, domain information, or
both?
 Thankfully, progressive disclosure enables you to support multiple levels of
users throughout their use of the various parts of the product and through
their growth in domain and tool knowledge and experience

Mais conteúdo relacionado

Mais procurados

Interaction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction DesignInteraction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction DesignDave Malouf
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
Design Issues with Microsft Word
Design Issues with Microsft WordDesign Issues with Microsft Word
Design Issues with Microsft WordAbdullah Shiam
 
Design issues and processes
Design issues and processesDesign issues and processes
Design issues and processesDavid Lamas
 
What is interaction design
What is interaction designWhat is interaction design
What is interaction designMohamed Shalash
 
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA International
 
More than a Moment.
More than a Moment. More than a Moment.
More than a Moment. Alan Dix
 
Human computer interaction-web interface design and mobile eco system
Human computer interaction-web interface design and mobile eco systemHuman computer interaction-web interface design and mobile eco system
Human computer interaction-web interface design and mobile eco systemN.Jagadish Kumar
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsDavid Little
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentationjsokohl
 
Designing and evaluating web sites using universal design principles (hands on)
Designing and evaluating web sites using universal design principles (hands on)Designing and evaluating web sites using universal design principles (hands on)
Designing and evaluating web sites using universal design principles (hands on)Howard Kramer
 
Interaction styles
Interaction stylesInteraction styles
Interaction stylesDavid Lamas
 

Mais procurados (20)

Interaction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction DesignInteraction 09 Introduction to Interaction Design
Interaction 09 Introduction to Interaction Design
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
Design Issues with Microsft Word
Design Issues with Microsft WordDesign Issues with Microsft Word
Design Issues with Microsft Word
 
Design issues and processes
Design issues and processesDesign issues and processes
Design issues and processes
 
What is interaction design
What is interaction designWhat is interaction design
What is interaction design
 
Making Design Actionable
Making Design ActionableMaking Design Actionable
Making Design Actionable
 
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
 
More than a Moment.
More than a Moment. More than a Moment.
More than a Moment.
 
Usability basics
Usability basicsUsability basics
Usability basics
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
 
Hci unit 1& 2
Hci unit 1& 2Hci unit 1& 2
Hci unit 1& 2
 
Human computer interaction-web interface design and mobile eco system
Human computer interaction-web interface design and mobile eco systemHuman computer interaction-web interface design and mobile eco system
Human computer interaction-web interface design and mobile eco system
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital products
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Designing and evaluating web sites using universal design principles (hands on)
Designing and evaluating web sites using universal design principles (hands on)Designing and evaluating web sites using universal design principles (hands on)
Designing and evaluating web sites using universal design principles (hands on)
 
Interaction styles
Interaction stylesInteraction styles
Interaction styles
 

Destaque

Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for ContentAndrea L. Ames
 
Technical Communicators: Breaking Boundaries and Driving Change
Technical Communicators: Breaking Boundaries and Driving ChangeTechnical Communicators: Breaking Boundaries and Driving Change
Technical Communicators: Breaking Boundaries and Driving ChangeAndrea L. Ames
 
Content Experience Modeling Handout #3: Design worksheet
Content Experience Modeling Handout #3: Design worksheetContent Experience Modeling Handout #3: Design worksheet
Content Experience Modeling Handout #3: Design worksheetAndrea L. Ames
 
You Mean You Don't Have to Start Over Every Time?
You Mean You Don't Have to Start Over Every Time?You Mean You Don't Have to Start Over Every Time?
You Mean You Don't Have to Start Over Every Time?Andrea L. Ames
 
Measuring Content Effectiveness
Measuring Content EffectivenessMeasuring Content Effectiveness
Measuring Content EffectivenessAndrea L. Ames
 
Creating a Content Strategy Ecosystem
Creating a Content Strategy EcosystemCreating a Content Strategy Ecosystem
Creating a Content Strategy EcosystemAndrea L. Ames
 
Content Experience Modeling: Designing Customer Value and Consistency
Content Experience Modeling: Designing Customer Value and ConsistencyContent Experience Modeling: Designing Customer Value and Consistency
Content Experience Modeling: Designing Customer Value and ConsistencyAndrea L. Ames
 
Forget "Predict" the Future -- Create the Future! keynote
Forget "Predict" the Future -- Create the Future! keynoteForget "Predict" the Future -- Create the Future! keynote
Forget "Predict" the Future -- Create the Future! keynoteAndrea L. Ames
 
Quilts: A metaphor for content
Quilts: A metaphor for contentQuilts: A metaphor for content
Quilts: A metaphor for contentAndrea L. Ames
 
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...Andrea L. Ames
 
Soil Maps and Soil Information of Thailand by Aniruth Potichan
Soil Maps and Soil Information of Thailand by Aniruth PotichanSoil Maps and Soil Information of Thailand by Aniruth Potichan
Soil Maps and Soil Information of Thailand by Aniruth PotichanFAO
 
Influence without Authority: Establishing and Transforming Power
Influence without Authority: Establishing and Transforming PowerInfluence without Authority: Establishing and Transforming Power
Influence without Authority: Establishing and Transforming PowerAndrea L. Ames
 
Embrace Your Power, Influence Will Follow
Embrace Your Power, Influence Will FollowEmbrace Your Power, Influence Will Follow
Embrace Your Power, Influence Will FollowAndrea L. Ames
 

Destaque (14)

Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for Content
 
Technical Communicators: Breaking Boundaries and Driving Change
Technical Communicators: Breaking Boundaries and Driving ChangeTechnical Communicators: Breaking Boundaries and Driving Change
Technical Communicators: Breaking Boundaries and Driving Change
 
Content Experience Modeling Handout #3: Design worksheet
Content Experience Modeling Handout #3: Design worksheetContent Experience Modeling Handout #3: Design worksheet
Content Experience Modeling Handout #3: Design worksheet
 
You Mean You Don't Have to Start Over Every Time?
You Mean You Don't Have to Start Over Every Time?You Mean You Don't Have to Start Over Every Time?
You Mean You Don't Have to Start Over Every Time?
 
Measuring Content Effectiveness
Measuring Content EffectivenessMeasuring Content Effectiveness
Measuring Content Effectiveness
 
Creating a Content Strategy Ecosystem
Creating a Content Strategy EcosystemCreating a Content Strategy Ecosystem
Creating a Content Strategy Ecosystem
 
Content Experience Modeling: Designing Customer Value and Consistency
Content Experience Modeling: Designing Customer Value and ConsistencyContent Experience Modeling: Designing Customer Value and Consistency
Content Experience Modeling: Designing Customer Value and Consistency
 
Forget "Predict" the Future -- Create the Future! keynote
Forget "Predict" the Future -- Create the Future! keynoteForget "Predict" the Future -- Create the Future! keynote
Forget "Predict" the Future -- Create the Future! keynote
 
Quilts: A metaphor for content
Quilts: A metaphor for contentQuilts: A metaphor for content
Quilts: A metaphor for content
 
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...
Defining and Evaluating Success: Metrics and Metric Frameworks for Informatio...
 
Soil Maps and Soil Information of Thailand by Aniruth Potichan
Soil Maps and Soil Information of Thailand by Aniruth PotichanSoil Maps and Soil Information of Thailand by Aniruth Potichan
Soil Maps and Soil Information of Thailand by Aniruth Potichan
 
Influence without Authority: Establishing and Transforming Power
Influence without Authority: Establishing and Transforming PowerInfluence without Authority: Establishing and Transforming Power
Influence without Authority: Establishing and Transforming Power
 
Industry & Consumer Perspectives FOP Solution 2012
Industry & Consumer Perspectives FOP Solution 2012Industry & Consumer Perspectives FOP Solution 2012
Industry & Consumer Perspectives FOP Solution 2012
 
Embrace Your Power, Influence Will Follow
Embrace Your Power, Influence Will FollowEmbrace Your Power, Influence Will Follow
Embrace Your Power, Influence Will Follow
 

Semelhante a Worlds Collide: Improving the User Experience through Progressive Information Disclosure

PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxPRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxharrisonhoward80223
 
SBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and AnalysisSBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and AnalysisTao Xie
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationTarik (Rick) Dzekman
 
Remember the User without videos
Remember the User without videosRemember the User without videos
Remember the User without videosDave Robbins
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For EverybodyEmpatika
 
Visualization for Software Analytics
Visualization for Software AnalyticsVisualization for Software Analytics
Visualization for Software AnalyticsMargaret-Anne Storey
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesMoodLabs
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction ENGWAU TONNY
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the FutureJoshua Randall
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To UsabilityOvidiu Von M
 
Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutDavid Farrell
 

Semelhante a Worlds Collide: Improving the User Experience through Progressive Information Disclosure (20)

PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docxPRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
PRINCIPLE OF HUMAN COMPUTER INTERACTION.docx
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
Hci Overview
Hci OverviewHci Overview
Hci Overview
 
SBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and AnalysisSBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and Analysis
 
UCIDesign.ppt
UCIDesign.pptUCIDesign.ppt
UCIDesign.ppt
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
Remember the User without videos
Remember the User without videosRemember the User without videos
Remember the User without videos
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
Visualization for Software Analytics
Visualization for Software AnalyticsVisualization for Software Analytics
Visualization for Software Analytics
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
 
Chi overview
Chi overviewChi overview
Chi overview
 
The Science behind Good UIs and UXs
The Science behind Good UIs and UXsThe Science behind Good UIs and UXs
The Science behind Good UIs and UXs
 
Usability
UsabilityUsability
Usability
 

Mais de Andrea L. Ames

Developing Your Organizational Power and Infuence
Developing Your Organizational Power and InfuenceDeveloping Your Organizational Power and Infuence
Developing Your Organizational Power and InfuenceAndrea L. Ames
 
Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for ContentAndrea L. Ames
 
Design Thinking Workshop - LavaCon 2018 New Orleans
Design Thinking Workshop - LavaCon 2018 New OrleansDesign Thinking Workshop - LavaCon 2018 New Orleans
Design Thinking Workshop - LavaCon 2018 New OrleansAndrea L. Ames
 
[Mini-Workshop] Content Architecture: Where Humans and Machines Agree
[Mini-Workshop] Content Architecture: Where Humans and Machines Agree[Mini-Workshop] Content Architecture: Where Humans and Machines Agree
[Mini-Workshop] Content Architecture: Where Humans and Machines AgreeAndrea L. Ames
 
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...Andrea L. Ames
 
[Keynote] Human vs Machine: Conflict or Collaboration?
[Keynote] Human vs Machine: Conflict or Collaboration?[Keynote] Human vs Machine: Conflict or Collaboration?
[Keynote] Human vs Machine: Conflict or Collaboration?Andrea L. Ames
 
Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for ContentAndrea L. Ames
 
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...Andrea L. Ames
 
Structured Content ... Sexy? Strategic? Or Both?
Structured Content ... Sexy? Strategic? Or Both?Structured Content ... Sexy? Strategic? Or Both?
Structured Content ... Sexy? Strategic? Or Both?Andrea L. Ames
 
Influencing Up through Personal Leadership
Influencing Up through Personal LeadershipInfluencing Up through Personal Leadership
Influencing Up through Personal LeadershipAndrea L. Ames
 
Post-Sales Content and the Future of Marketing
Post-Sales Content and the Future of MarketingPost-Sales Content and the Future of Marketing
Post-Sales Content and the Future of MarketingAndrea L. Ames
 
Modeling the Content Experience: Delivering the Right Content, to the Right P...
Modeling the Content Experience: Delivering the Right Content, to the Right P...Modeling the Content Experience: Delivering the Right Content, to the Right P...
Modeling the Content Experience: Delivering the Right Content, to the Right P...Andrea L. Ames
 
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...Andrea L. Ames
 
Design: Prereq to Tech! Deliver the right content using design thinking
Design: Prereq to Tech! Deliver the right content using design thinkingDesign: Prereq to Tech! Deliver the right content using design thinking
Design: Prereq to Tech! Deliver the right content using design thinkingAndrea L. Ames
 
Content Experience Modeling Handout #6: Access Model worksheet
Content Experience Modeling Handout #6: Access Model worksheetContent Experience Modeling Handout #6: Access Model worksheet
Content Experience Modeling Handout #6: Access Model worksheetAndrea L. Ames
 
Content Experience Modeling Handout #4: Information Use Model worksheet
Content Experience Modeling Handout #4: Information Use Model worksheetContent Experience Modeling Handout #4: Information Use Model worksheet
Content Experience Modeling Handout #4: Information Use Model worksheetAndrea L. Ames
 
Content Experience Modeling Handout #2: Scenario worksheet
Content Experience Modeling Handout #2: Scenario worksheetContent Experience Modeling Handout #2: Scenario worksheet
Content Experience Modeling Handout #2: Scenario worksheetAndrea L. Ames
 
Content Experience Modeling Handout #1: Requirements worksheet
Content Experience Modeling Handout #1: Requirements worksheetContent Experience Modeling Handout #1: Requirements worksheet
Content Experience Modeling Handout #1: Requirements worksheetAndrea L. Ames
 
Content Experience Modeling Handout #5: Content Model worksheet
Content Experience Modeling Handout #5: Content Model worksheetContent Experience Modeling Handout #5: Content Model worksheet
Content Experience Modeling Handout #5: Content Model worksheetAndrea L. Ames
 

Mais de Andrea L. Ames (19)

Developing Your Organizational Power and Infuence
Developing Your Organizational Power and InfuenceDeveloping Your Organizational Power and Infuence
Developing Your Organizational Power and Infuence
 
Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for Content
 
Design Thinking Workshop - LavaCon 2018 New Orleans
Design Thinking Workshop - LavaCon 2018 New OrleansDesign Thinking Workshop - LavaCon 2018 New Orleans
Design Thinking Workshop - LavaCon 2018 New Orleans
 
[Mini-Workshop] Content Architecture: Where Humans and Machines Agree
[Mini-Workshop] Content Architecture: Where Humans and Machines Agree[Mini-Workshop] Content Architecture: Where Humans and Machines Agree
[Mini-Workshop] Content Architecture: Where Humans and Machines Agree
 
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...
[Handout for Mini-Workshop] Content Architecture: Where Humans and Machines A...
 
[Keynote] Human vs Machine: Conflict or Collaboration?
[Keynote] Human vs Machine: Conflict or Collaboration?[Keynote] Human vs Machine: Conflict or Collaboration?
[Keynote] Human vs Machine: Conflict or Collaboration?
 
Design Thinking for Content
Design Thinking for ContentDesign Thinking for Content
Design Thinking for Content
 
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...
Managing Stakeholders Across the Content Ecosystem: The Key to Implementing a...
 
Structured Content ... Sexy? Strategic? Or Both?
Structured Content ... Sexy? Strategic? Or Both?Structured Content ... Sexy? Strategic? Or Both?
Structured Content ... Sexy? Strategic? Or Both?
 
Influencing Up through Personal Leadership
Influencing Up through Personal LeadershipInfluencing Up through Personal Leadership
Influencing Up through Personal Leadership
 
Post-Sales Content and the Future of Marketing
Post-Sales Content and the Future of MarketingPost-Sales Content and the Future of Marketing
Post-Sales Content and the Future of Marketing
 
Modeling the Content Experience: Delivering the Right Content, to the Right P...
Modeling the Content Experience: Delivering the Right Content, to the Right P...Modeling the Content Experience: Delivering the Right Content, to the Right P...
Modeling the Content Experience: Delivering the Right Content, to the Right P...
 
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...
Closing the Gap Without Falling Into It: Creating an Ecosystem to Unify Conte...
 
Design: Prereq to Tech! Deliver the right content using design thinking
Design: Prereq to Tech! Deliver the right content using design thinkingDesign: Prereq to Tech! Deliver the right content using design thinking
Design: Prereq to Tech! Deliver the right content using design thinking
 
Content Experience Modeling Handout #6: Access Model worksheet
Content Experience Modeling Handout #6: Access Model worksheetContent Experience Modeling Handout #6: Access Model worksheet
Content Experience Modeling Handout #6: Access Model worksheet
 
Content Experience Modeling Handout #4: Information Use Model worksheet
Content Experience Modeling Handout #4: Information Use Model worksheetContent Experience Modeling Handout #4: Information Use Model worksheet
Content Experience Modeling Handout #4: Information Use Model worksheet
 
Content Experience Modeling Handout #2: Scenario worksheet
Content Experience Modeling Handout #2: Scenario worksheetContent Experience Modeling Handout #2: Scenario worksheet
Content Experience Modeling Handout #2: Scenario worksheet
 
Content Experience Modeling Handout #1: Requirements worksheet
Content Experience Modeling Handout #1: Requirements worksheetContent Experience Modeling Handout #1: Requirements worksheet
Content Experience Modeling Handout #1: Requirements worksheet
 
Content Experience Modeling Handout #5: Content Model worksheet
Content Experience Modeling Handout #5: Content Model worksheetContent Experience Modeling Handout #5: Content Model worksheet
Content Experience Modeling Handout #5: Content Model worksheet
 

Último

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 

Último (20)

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 

Worlds Collide: Improving the User Experience through Progressive Information Disclosure

  • 1. When Worlds Collide: Improving the User Experience by Applying Progressive Information Disclosure Presented by Andrea L. Ames IBM Senior Technical Staff Member and Content Experience Strategist/Architect/ Designer
  • 2. (c) Andrea L. Ames, 2006-2013 2 About Andrea  Technical communicator since 1983  Areas of expertise  Information architecture and design and interaction design for products and interactive information  Information and product usability—from analysis through validation  User-centered design and development process  IBM Senior Technical Staff Member  UCSC in Silicon Valley Extension Tech Comm and Writing certificate coordinator and instructor  STC Fellow, past president (2004-05), and past member of Board of Directors (1998-2006)  ACM Distinguished Engineer 2
  • 3. (c) Andrea L. Ames, 2006-2013 3 Agenda  Prerequisite: Think More, Write Less  Progressive disclosure (PD)  Traditional information PD  Applying PD to the end-to-end content experience  Quick steps to PD  Blockers to PD  Resources  Backup: Stages of use 3
  • 4. (c) Andrea L. Ames, 2006-2013 4 According to Wikipedia… progressive disclosure (PD):  “To move complex and less frequently used options out of the main user interface and into secondary screens“  An interaction design technique  Often used in human computer interaction  Helps maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload  Improves usability by presenting only the minimum data required for the task at hand  Sequences actions across several screens  Reduces feelings of overwhelm for the user  Reveals only the essentials and helps the user manage the complexity of feature-rich sites or applications  Moves from "abstract to specific" via “ramping up” the user from simple to more complex actions
  • 5. (c) Andrea L. Ames, 2006-2013 5 PD for interaction isn’t new  Around since at least the early 1980s (Jack Carroll, IBM)  Jakob Nielsen has been discussing it for ages "Progressive disclosure is the best tool so far: show people the basics first, and once they understand that, allow them to get to the expert features. But don't show everything all at once or you will only confuse people and they will waste endless time messing with features that they don't need yet".  In information development, PD can be applied to content, as well
  • 6. (c) Andrea L. Ames, 2006-2013 6 What is progressive information disclosure?  In an information experience, enables you (the author) to provide the right information in the right place at the right time  Assumes “competent performer” to “proficient performer” is stage of use (backup) in which users will spend most of their time when using the product–not novices; not experts  Defer display of novice information, background, concepts, extended reference material and examples, etc., until the user needs and requests it  Reduces complexity by revealing only the essentials for a current task and then reveals more as users advance through tasks
  • 7. (c) Andrea L. Ames, 2006-2013 7 What is progressive information disclosure? (cont.)  Reveals information in an ordered manner  Each layer builds on the previous one in a flow that provides progressively more information  Provides only the details that are necessary at a given time, in a specific context  Provides assistance when necessary--not information created just to cover an empty widget  Do not repeat information; for example, do not repeat field labels in hover text.  “A guided journey, not a scavenger hunt” (J. Fell, former IBM IA)  Designed around the ideal information experience–with no resource or time constraints  Implemented realistically with necessary constraints
  • 8. (c) Andrea L. Ames, 2006-2013 8 A rose by any other name…  Technical communicators have been “doing” PD for a long time  We might not call it PD  The best example of traditional PD: Well-architected, traditional, online help Primary “layer”: Contextual and task topics Secondary “layers”: prereqs, background, related concepts and reference, etc.
  • 9. (c) Andrea L. Ames, 2006-2013 9 Traditional, contextual help
  • 10. (c) Andrea L. Ames, 2006-2013 10 The problem with traditional assistance and traditional information development methods  Typical UI-text development process:  Written by developers of the UI  Edited by tech pubs (best case; often copy edit capturing only capitalization and punctuation issues and typos)  Typical help development process:  Writers attend (some) design meetings, keeping track of the number of UI panels in the product, which typically include one help button per panel  Writers develop one help topic for each UI panel in the product  Pop-up help/hover help provided for all, or no, controls  Task help describes how to complete the fields in the UI panel:  Pop-up/hover help content repeated in task help  Writers cut and paste from specs  Typical library design and development process:  Deliverables developed based on development expectations and history vs. user needs  Other (non-help) deliverable content identified without regard for task help also being created  Extensive redundancy across UI text, help, and other deliverables (like books)  Design process accomplished within resource and time constraints, not according to ideal or customer needs
  • 11. (c) Andrea L. Ames, 2006-2013 11 What’s wrong with this picture?
  • 12. (c) Andrea L. Ames, 2006-2013 12 The next PD evolution/revolution The UI  Add value  Get even closer to the task than the help  Influence the design of the task and task ecosystem  Drive reductions in words  Prioritize resources around client value
  • 13. (c) Andrea L. Ames, 2006-2013 13 Overview: Quick steps to PD 1. Consider your user (scenarios, goals, tasks) and their stages of use (see backup for more on stages of use) 2. Start with the product: Is the UI as obvious and self-evident as possible? 3. Can you improve “help,” or do you need it at all? 4. How are you supporting users’ successful goal achievement (through use of the product) with non-UI, task-oriented content? ? What issues will keep you from implementing this kind of approach?
  • 14. (c) Andrea L. Ames, 2006-2013 14 1. Consider your user (scenarios, goals, tasks) and their stages of use  Scenarios  Use cases  Task flows  Personas  User roles  Goals, expectations, needs, environment  Required to understand whether the product is as easy to explain as possible without content, and to understand what information is necessary and how, when, and where to deliver it.
  • 15. (c) Andrea L. Ames, 2006-2013 15 2. Start with the product  First: Is the UI as obvious and self-evident (as easy to explain) as possible?  First view: “welcome”  Task flow  All assistance about the UI should be in the UI  Persistent – absolutely necessary  User controllable – useful, might be needed by some users (obvious to get to)  Consider the types of content you need to provide  Control assistance  Panel assistance  And the types of mechanisms available  Persistent UI text that doesn’t require a user gesture (widget labels, window titles, inline hints & tips)  Simple UI gestures your users will tolerate (hover, one or two clicks)  Imagine you are a consultant or advisor, looking over the user’s shoulder; what does she need to know?
  • 16. (c) Andrea L. Ames, 2006-2013 16 3. Can you improve “help,” or do you need it at all?  Focused on UI tasks that absolutely cannot be handled by “closer” delivery mechanisms  Cross-panel tasks  Stop yelling!  Repeating the same thing, over and over, does not make the message more valuable, useful, or enhance users’ comprehension
  • 17. (c) Andrea L. Ames, 2006-2013 17 4. How are you supporting users’ successful goal achievement with non-UI, task-oriented content?  Doc library  Another form of “help?” No!  User-task focused content: High-value, focused on “job 1”
  • 18. (c) Andrea L. Ames, 2006-2013 18 The biggest stumbling block(s)… What keeps us from applying this approach?  We didn’t know about it or how to do it  We don’t think it’s the right thing to do  Others (non-content people, like engineers) don’t understand it and/or buy into it  Processes and process artifacts don’t support it  Tools don’t support it  Other issues?
  • 19. (c) Andrea L. Ames, 2006-2013 19 Resources  Jakob Nielsen, Alertbox  Demystifying Usability blog  Time-Tripper UI patterns  InteractionDesign.org  “Layering as a ‘Safety Net’ for Minimalist Documentation,” in Minimalism Beyond the Nurnberg Funnel, ed. J.M. Carroll, MIT Press, 1998, pp. 247-74.  The QuickScan Project: http://www.quikscan.org/ This presentation on slideshare: http://www.slideshare.net/aames/20130724-worlds-collideimproveuxthrupidstcwebinaraames STC proceedings paper on stages of use: http://www.stc.org/images/proceedings/Documents/enablingprogressivei1.htm 19
  • 20. (c) Andrea L. Ames, 2006-2013 20 Questions? 20
  • 21. (c) Andrea L. Ames, 2006-2013 21 Contacting/following/connecting with Andrea E-mail: aames@pobox.com Social: http://about.me/AndreaLAmes 21
  • 23. (c) Andrea L. Ames, 2006-2013 23 “Stages of use” in designing and writing embedded assistance layers of PD
  • 24. (c) Andrea L. Ames, 2006-2013 24 “Stages of use” in designing and writing embedded assistance layers of PD, cont.
  • 25. (c) Andrea L. Ames, 2006-2013 25 Cautionary note about stages of use in EA design  Stages of use apply to multiple user dimensions; for example:  Domain knowledge  Computer use  Your tool  Tools like your tool  A user who is a novice in your tool and tools like your tool might be an expert in the domain and the use of computers in general.  The same user might be an expert with most parts of your UI and a novice in some, or might be an expert in some parts of a task flow and a novice in others.  You must consider the many dimensions of your users before arbitrarily applying a single “stage of use” label to them  Consider the appropriate information for the point in time for which you are designing: does the user need tool information, domain information, or both?  Thankfully, progressive disclosure enables you to support multiple levels of users throughout their use of the various parts of the product and through their growth in domain and tool knowledge and experience