SlideShare a Scribd company logo
From UA to UG 
Information Apps 
Jang F.M. Graat 
Amsterdam 
© 2014 - JANG Communication - Amsterdam, Netherlands
© 2014 - JANG Communication - Amsterdam, Netherlands 
who's talking ? 
Jang F.M. Graat 
Psychology, Philosophy 
25+ years Tech Comm 
self-taught professional 
DITA, XSLT, JS, PHP, AJAX 
addicted to challenge
© 2014 - JANG Communication - Amsterdam, Netherlands 
what is this tutorial about ? 
user assistance 
user guidance 
business intelligence 
information apps 
procedure apps
user assistance
© 2014 - JANG Communication - Amsterdam, Netherlands 
rules of minimalism 
only what users need 
action-oriented 
support error recovery
© 2014 - JANG Communication - Amsterdam, Netherlands 
optimizing user assistance 
printed manual 
help file 
context-sensitive help 
user analysis/personas 
progressive disclosure 
embedded help
© 2014 - JANG Communication - Amsterdam, Netherlands 
optimizing production 
topic-based authoring 
single-sourcing 
automated transforms 
conditional content 
personalizing info 
feedback mechanisms
© 2014 - JANG Communication - Amsterdam, Netherlands 
what is the real problem? 
interpretations differ 
overestimating skills 
conditional/optional items 
outdated knowledge 
agile development
user guidance
© 2014 - JANG Communication - Amsterdam, Netherlands 
optimizing the work 
user & task analysis 
procedure leads the user 
reduce learning curve 
standardize the work 
basis for planning
© 2014 - JANG Communication - Amsterdam, Netherlands 
procedural knowledge 
operating manuals 
online tutorials 
training courses 
learning from colleagues 
learning by trial and error
© 2014 - JANG Communication - Amsterdam, Netherlands 
implicit assumptions 
people follow rules 
all products are identical 
all workers are equal 
there is no time pressure 
the sun is always shining
© 2014 - JANG Communication - Amsterdam, Netherlands 
procedures in real life 
cutting corners 
skipping steps 
local circumstances 
emergency situations 
full/reliable reporting ?
let’s become modern
© 2014 - JANG Communication - Amsterdam, Netherlands 
modern technology 
interactive media 
dynamic content 
only show applicable steps 
usage & input tracking 
automatically collect data
© 2014 - JANG Communication - Amsterdam, Netherlands 
progressive disclosure 
true minimalist info 
show info step by step 
force sign-offs 
avoid skipping steps 
track performance
© 2014 - JANG Communication - Amsterdam, Netherlands 
only show applicable steps 
allowing user input 
highlight choice 
hide non-applicable steps 
reveal only next step 
reset states on changes
© 2014 - JANG Communication - Amsterdam, Netherlands 
other input types & sources 
html5 input elements 
sanity checks on input 
using other data sources 
hidden input methods 
check device specs/settings
modeling procedures
© 2014 - JANG Communication - Amsterdam, Netherlands 
quite a challenge
© 2014 - JANG Communication - Amsterdam, Netherlands 
keeping track of steps 
like programming 
check all possible paths 
exponential complexity 
“spaghetti code” 
very hard to maintain
© 2014 - JANG Communication - Amsterdam, Netherlands 
creating flowcharts
© 2014 - JANG Communication - Amsterdam, Netherlands 
basic nodes 
start 
process 
decision 
yes/no 
multiple choices 
end
© 2014 - JANG Communication - Amsterdam, Netherlands 
start : first step 
<div id=“step1”> 
<p class="mybutton" 
onClick=“showStep(next);”> 
Start 
</p> 
</div>
© 2014 - JANG Communication - Amsterdam, Netherlands 
process : step with sign-off 
<div id=“step2”> 
<title>Do something</title> 
<p class="mybutton" 
onClick=“showStep(next);”> 
OK 
</p> 
</div>
© 2014 - JANG Communication - Amsterdam, Netherlands 
decision : choices 
<step id=“step3”> 
<title>Does it work ?</title> 
<p class=“mybutton” 
onClick=“showStep(A)”>Yes</p> 
<p class=“mybutton” 
onClick=“showStep(B)”>No</p> 
</step>
© 2014 - JANG Communication - Amsterdam, Netherlands 
end : no further actions 
<div id=“step10”> 
<title>You are done.</title> 
</div>
© 2014 - JANG Communication - Amsterdam, Netherlands 
transformation 
! 
<title>Replacing the oil</title> 
<body> 
<div class=“context”> 
<p>Checking the oil level will prevent serious ! 
! damage and does not require tools.</p> 
</div> 
<div class=“procedure”> 
<div class=“step” id="step1"> 
<p class=“cmd”>Remove the oil inlet cap</p> 
<p class=“info”>The oil inlet cap is on the bottom ! 
! right side of the engine.</p> 
</div> 
<div class=“step” id="step2"> 
<p class=“cmd”>Remove dipstick.</p> 
</div> 
<div class=“step” id="step3"> 
<p class=“cmd”>What is the bike model?</p> 
<table> 
<tr> 
<td>Softail</td> 
<td>Continue with step 4</td> 
</tr> 
<tr> 
<td>FSCWC</td> 
<td>Continue with step 5</td> 
</tr> 
</table> 
</div>!
© 2014 - JANG Communication - Amsterdam, Netherlands 
time for a demo !
business intelligence
© 2014 - JANG Communication - Amsterdam, Netherlands 
optimizing the business 
product improvement 
predictive maintenance 
service staff planning 
equipment optimization 
service staff education 
customer training
© 2014 - JANG Communication - Amsterdam, Netherlands 
how to get the data 
usability research 
customer feedback 
helpdesk history 
service staff reports 
surveys
UA UG BI
© 2014 - JANG Communication - Amsterdam, Netherlands 
<DIB> 
app building blocks
© 2014 - JANG Communication - Amsterdam, Netherlands 
one server connects all
© 2014 - JANG Communication - Amsterdam, Netherlands 
capturing/reusing data
© 2014 - JANG Communication - Amsterdam, Netherlands 
questions ? 
Jang F.M. Graat 
Amsterdam, NL 
jang@jang.nl 
@4everJang 
www.jang.nl

More Related Content

Similar to From user assistance to user guidance: Information apps

SAP Screen Personas - February 2014
SAP Screen Personas - February 2014SAP Screen Personas - February 2014
SAP Screen Personas - February 2014
Peter Spielvogel
 
eDRG Innovative Reporting & Dashboarding - Business Values
eDRG Innovative Reporting & Dashboarding - Business ValueseDRG Innovative Reporting & Dashboarding - Business Values
eDRG Innovative Reporting & Dashboarding - Business Values
eDRG2014
 
Progressive Web Apps 1. keynote
Progressive Web Apps 1. keynoteProgressive Web Apps 1. keynote
Progressive Web Apps 1. keynote
Abdelrahman Omran
 
Sap education knoa
Sap education   knoa Sap education   knoa
Sap education knoa
Marcelo C. Rolandelli
 
Arrk Group | Putting The User First | June 2015
Arrk Group | Putting The User First | June 2015Arrk Group | Putting The User First | June 2015
Arrk Group | Putting The User First | June 2015
arrkgroup
 
Bridging the gap between business and technology - Behaviour Driven Developme...
Bridging the gap between business and technology - Behaviour Driven Developme...Bridging the gap between business and technology - Behaviour Driven Developme...
Bridging the gap between business and technology - Behaviour Driven Developme...
Eugenio Minardi
 
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sapSAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
ARMarketing.org
 
[Webinar Slides] Put an End to Manual Data Processing
[Webinar Slides] Put an End to Manual Data Processing [Webinar Slides] Put an End to Manual Data Processing
[Webinar Slides] Put an End to Manual Data Processing
AIIM International
 
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
AugmentedWorldExpo
 
Online Tours and travel
Online Tours and travelOnline Tours and travel
Online Tours and travel
Amit Patil
 
Pm unit 1,2,3,4,5,6
Pm unit 1,2,3,4,5,6Pm unit 1,2,3,4,5,6
Pm unit 1,2,3,4,5,6
WE-IT TUTORIALS
 
Are service workers draining my battery? [Talk at AmsterdamJS 2017]
Are service workers draining my battery? [Talk at AmsterdamJS 2017]Are service workers draining my battery? [Talk at AmsterdamJS 2017]
Are service workers draining my battery? [Talk at AmsterdamJS 2017]
Ivano Malavolta
 
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
Sing Yee Khoo
 
Effective Instrumentation Strategies for Data-driven Product Management
 Effective Instrumentation Strategies for Data-driven Product Management  Effective Instrumentation Strategies for Data-driven Product Management
Effective Instrumentation Strategies for Data-driven Product Management
Pawan Kumar Adda
 
5 Best Practices for Application-aware Network Performance Management (AANPM)...
5 Best Practices for Application-aware Network Performance Management (AANPM)...5 Best Practices for Application-aware Network Performance Management (AANPM)...
5 Best Practices for Application-aware Network Performance Management (AANPM)...
Enterprise Management Associates
 
Sustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within TeamSustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within Team
SQALab
 
Sustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within TeamSustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within Team
Berk Dülger
 
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
Frank Wagman
 
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
OpenSpan
 
Orchestration, Automation and Virtualisation - Maturity Model
Orchestration, Automation and Virtualisation - Maturity ModelOrchestration, Automation and Virtualisation - Maturity Model
Orchestration, Automation and Virtualisation - Maturity Model
CSUC - Consorci de Serveis Universitaris de Catalunya
 

Similar to From user assistance to user guidance: Information apps (20)

SAP Screen Personas - February 2014
SAP Screen Personas - February 2014SAP Screen Personas - February 2014
SAP Screen Personas - February 2014
 
eDRG Innovative Reporting & Dashboarding - Business Values
eDRG Innovative Reporting & Dashboarding - Business ValueseDRG Innovative Reporting & Dashboarding - Business Values
eDRG Innovative Reporting & Dashboarding - Business Values
 
Progressive Web Apps 1. keynote
Progressive Web Apps 1. keynoteProgressive Web Apps 1. keynote
Progressive Web Apps 1. keynote
 
Sap education knoa
Sap education   knoa Sap education   knoa
Sap education knoa
 
Arrk Group | Putting The User First | June 2015
Arrk Group | Putting The User First | June 2015Arrk Group | Putting The User First | June 2015
Arrk Group | Putting The User First | June 2015
 
Bridging the gap between business and technology - Behaviour Driven Developme...
Bridging the gap between business and technology - Behaviour Driven Developme...Bridging the gap between business and technology - Behaviour Driven Developme...
Bridging the gap between business and technology - Behaviour Driven Developme...
 
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sapSAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
SAP Presentation to Augmented Reality Marketing Conference Dublin 2015 sap
 
[Webinar Slides] Put an End to Manual Data Processing
[Webinar Slides] Put an End to Manual Data Processing [Webinar Slides] Put an End to Manual Data Processing
[Webinar Slides] Put an End to Manual Data Processing
 
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
Peter Verstraeten (Proceedix): Digital Work Instructions and Inspections Powe...
 
Online Tours and travel
Online Tours and travelOnline Tours and travel
Online Tours and travel
 
Pm unit 1,2,3,4,5,6
Pm unit 1,2,3,4,5,6Pm unit 1,2,3,4,5,6
Pm unit 1,2,3,4,5,6
 
Are service workers draining my battery? [Talk at AmsterdamJS 2017]
Are service workers draining my battery? [Talk at AmsterdamJS 2017]Are service workers draining my battery? [Talk at AmsterdamJS 2017]
Are service workers draining my battery? [Talk at AmsterdamJS 2017]
 
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
2. Rebalancing Support and Innovation_SAP UEM by KNOA_Erik Figueredo
 
Effective Instrumentation Strategies for Data-driven Product Management
 Effective Instrumentation Strategies for Data-driven Product Management  Effective Instrumentation Strategies for Data-driven Product Management
Effective Instrumentation Strategies for Data-driven Product Management
 
5 Best Practices for Application-aware Network Performance Management (AANPM)...
5 Best Practices for Application-aware Network Performance Management (AANPM)...5 Best Practices for Application-aware Network Performance Management (AANPM)...
5 Best Practices for Application-aware Network Performance Management (AANPM)...
 
Sustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within TeamSustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within Team
 
Sustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within TeamSustainable Test Automation: Collaborate within Team
Sustainable Test Automation: Collaborate within Team
 
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
OpenSpan Webinar Sept. 17th with Donna Fluss, DMG Consulting - Desktop Analyt...
 
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
DMG Consulting's Donna Fluss Discusses Desktop Automation and Analytics - Opt...
 
Orchestration, Automation and Virtualisation - Maturity Model
Orchestration, Automation and Virtualisation - Maturity ModelOrchestration, Automation and Virtualisation - Maturity Model
Orchestration, Automation and Virtualisation - Maturity Model
 

More from Jang F.M. Graat

XSLT for Authors
XSLT for AuthorsXSLT for Authors
XSLT for Authors
Jang F.M. Graat
 
Minimalism to the MAX
Minimalism to the MAXMinimalism to the MAX
Minimalism to the MAX
Jang F.M. Graat
 
Dynamic links using (meta)data
Dynamic links using (meta)dataDynamic links using (meta)data
Dynamic links using (meta)data
Jang F.M. Graat
 
Maximising the effect of progressive disclosure
Maximising the effect of progressive disclosureMaximising the effect of progressive disclosure
Maximising the effect of progressive disclosure
Jang F.M. Graat
 
Progressive Disclosure - Putting the User in Control
Progressive Disclosure - Putting the User in ControlProgressive Disclosure - Putting the User in Control
Progressive Disclosure - Putting the User in Control
Jang F.M. Graat
 
XPath-based transformations in structured FrameMaker
XPath-based transformations in structured FrameMakerXPath-based transformations in structured FrameMaker
XPath-based transformations in structured FrameMaker
Jang F.M. Graat
 
Driving DITA off the Map
Driving DITA off the MapDriving DITA off the Map
Driving DITA off the Map
Jang F.M. Graat
 
Rethinking Version Control for Agile Content
Rethinking Version Control for Agile ContentRethinking Version Control for Agile Content
Rethinking Version Control for Agile Content
Jang F.M. Graat
 
Advanced techniques for conversion to structured FrameMaker
Advanced techniques for conversion to structured FrameMakerAdvanced techniques for conversion to structured FrameMaker
Advanced techniques for conversion to structured FrameMaker
Jang F.M. Graat
 
Create your own $35 CMS in Structured FrameMaker
Create your own $35 CMS in Structured FrameMakerCreate your own $35 CMS in Structured FrameMaker
Create your own $35 CMS in Structured FrameMaker
Jang F.M. Graat
 
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
Jang F.M. Graat
 
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive DisclosureNur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Jang F.M. Graat
 
Changing the engine without stopping the rickshaw
Changing the engine without stopping the rickshawChanging the engine without stopping the rickshaw
Changing the engine without stopping the rickshaw
Jang F.M. Graat
 
How I killed the webmaster - and got away with it
How I killed the webmaster - and got away with itHow I killed the webmaster - and got away with it
How I killed the webmaster - and got away with it
Jang F.M. Graat
 
How to become a trainer - and make lots of $$$
How to become a trainer - and make lots of $$$How to become a trainer - and make lots of $$$
How to become a trainer - and make lots of $$$
Jang F.M. Graat
 
Getting your hands dirty - How tech authors may be able to survive in the mac...
Getting your hands dirty - How tech authors may be able to survive in the mac...Getting your hands dirty - How tech authors may be able to survive in the mac...
Getting your hands dirty - How tech authors may be able to survive in the mac...
Jang F.M. Graat
 
CADD: What can DITA learn from CAD?
CADD: What can DITA learn from CAD?CADD: What can DITA learn from CAD?
CADD: What can DITA learn from CAD?
Jang F.M. Graat
 
Modular documentation in Structured FrameMaker
Modular documentation in Structured FrameMakerModular documentation in Structured FrameMaker
Modular documentation in Structured FrameMaker
Jang F.M. Graat
 
Bite back - Survival Techniques for Technical Authors
Bite back - Survival Techniques for Technical AuthorsBite back - Survival Techniques for Technical Authors
Bite back - Survival Techniques for Technical Authors
Jang F.M. Graat
 
Does one size really fit all ?
Does one size really fit all ?Does one size really fit all ?
Does one size really fit all ?
Jang F.M. Graat
 

More from Jang F.M. Graat (20)

XSLT for Authors
XSLT for AuthorsXSLT for Authors
XSLT for Authors
 
Minimalism to the MAX
Minimalism to the MAXMinimalism to the MAX
Minimalism to the MAX
 
Dynamic links using (meta)data
Dynamic links using (meta)dataDynamic links using (meta)data
Dynamic links using (meta)data
 
Maximising the effect of progressive disclosure
Maximising the effect of progressive disclosureMaximising the effect of progressive disclosure
Maximising the effect of progressive disclosure
 
Progressive Disclosure - Putting the User in Control
Progressive Disclosure - Putting the User in ControlProgressive Disclosure - Putting the User in Control
Progressive Disclosure - Putting the User in Control
 
XPath-based transformations in structured FrameMaker
XPath-based transformations in structured FrameMakerXPath-based transformations in structured FrameMaker
XPath-based transformations in structured FrameMaker
 
Driving DITA off the Map
Driving DITA off the MapDriving DITA off the Map
Driving DITA off the Map
 
Rethinking Version Control for Agile Content
Rethinking Version Control for Agile ContentRethinking Version Control for Agile Content
Rethinking Version Control for Agile Content
 
Advanced techniques for conversion to structured FrameMaker
Advanced techniques for conversion to structured FrameMakerAdvanced techniques for conversion to structured FrameMaker
Advanced techniques for conversion to structured FrameMaker
 
Create your own $35 CMS in Structured FrameMaker
Create your own $35 CMS in Structured FrameMakerCreate your own $35 CMS in Structured FrameMaker
Create your own $35 CMS in Structured FrameMaker
 
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
Dita Spezialisierung - Wie machen Sie es, und warum Sie es machen sollen.
 
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive DisclosureNur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
 
Changing the engine without stopping the rickshaw
Changing the engine without stopping the rickshawChanging the engine without stopping the rickshaw
Changing the engine without stopping the rickshaw
 
How I killed the webmaster - and got away with it
How I killed the webmaster - and got away with itHow I killed the webmaster - and got away with it
How I killed the webmaster - and got away with it
 
How to become a trainer - and make lots of $$$
How to become a trainer - and make lots of $$$How to become a trainer - and make lots of $$$
How to become a trainer - and make lots of $$$
 
Getting your hands dirty - How tech authors may be able to survive in the mac...
Getting your hands dirty - How tech authors may be able to survive in the mac...Getting your hands dirty - How tech authors may be able to survive in the mac...
Getting your hands dirty - How tech authors may be able to survive in the mac...
 
CADD: What can DITA learn from CAD?
CADD: What can DITA learn from CAD?CADD: What can DITA learn from CAD?
CADD: What can DITA learn from CAD?
 
Modular documentation in Structured FrameMaker
Modular documentation in Structured FrameMakerModular documentation in Structured FrameMaker
Modular documentation in Structured FrameMaker
 
Bite back - Survival Techniques for Technical Authors
Bite back - Survival Techniques for Technical AuthorsBite back - Survival Techniques for Technical Authors
Bite back - Survival Techniques for Technical Authors
 
Does one size really fit all ?
Does one size really fit all ?Does one size really fit all ?
Does one size really fit all ?
 

Recently uploaded

The Fraud Examiner’s Report – What the Certified Fraud Examiner Should Know
The Fraud Examiner’s Report –  What the Certified Fraud Examiner Should KnowThe Fraud Examiner’s Report –  What the Certified Fraud Examiner Should Know
The Fraud Examiner’s Report – What the Certified Fraud Examiner Should Know
Godwin Emmanuel Oyedokun MBA MSc PhD FCA FCTI FCNA CFE FFAR
 
Understanding Love Compatibility or Synastry: Why It Matters
Understanding Love Compatibility or Synastry: Why It MattersUnderstanding Love Compatibility or Synastry: Why It Matters
Understanding Love Compatibility or Synastry: Why It Matters
AstroForYou
 
Best Web Development Frameworks in 2024
Best Web Development Frameworks in 2024Best Web Development Frameworks in 2024
Best Web Development Frameworks in 2024
growthgrids
 
Solar powered Security Camera- Sun In One
Solar powered Security Camera- Sun In OneSolar powered Security Camera- Sun In One
Solar powered Security Camera- Sun In One
John McHale
 
Exceptional Landscape Architecture Services in Melbourne
Exceptional Landscape Architecture Services in MelbourneExceptional Landscape Architecture Services in Melbourne
Exceptional Landscape Architecture Services in Melbourne
Outdoor Home Decor Company
 
3 Examples of new capital gains taxes in Canada
3 Examples of new capital gains taxes in Canada3 Examples of new capital gains taxes in Canada
3 Examples of new capital gains taxes in Canada
Lakshay Gandhi
 
Electrical Testing Lab Services in Dubai.pdf
Electrical Testing Lab Services in Dubai.pdfElectrical Testing Lab Services in Dubai.pdf
Electrical Testing Lab Services in Dubai.pdf
sandeepmetsuae
 
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdfThe best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
tonytkelly6
 
Expert Tips for Pruning Your Plants.pdf.
Expert Tips for Pruning Your Plants.pdf.Expert Tips for Pruning Your Plants.pdf.
Expert Tips for Pruning Your Plants.pdf.
Local Gardeners
 
Siddhivinayak temple timings Houston, TX
Siddhivinayak temple timings Houston, TXSiddhivinayak temple timings Houston, TX
Siddhivinayak temple timings Houston, TX
gaurisiddhivinayakte
 
Best Immigration Consultants in Amritsar- SAGA Studies
Best Immigration Consultants in Amritsar- SAGA StudiesBest Immigration Consultants in Amritsar- SAGA Studies
Best Immigration Consultants in Amritsar- SAGA Studies
SAGA Studies
 
eBrand Promotion Full Service Digital Agency Company Profile
eBrand Promotion Full Service Digital Agency Company ProfileeBrand Promotion Full Service Digital Agency Company Profile
eBrand Promotion Full Service Digital Agency Company Profile
ChimaOrjiOkpi
 
Enhance Your Home with Professional Painting Services
Enhance Your Home with Professional Painting ServicesEnhance Your Home with Professional Painting Services
Enhance Your Home with Professional Painting Services
Perfect Industrial
 
Generate Revenue with Contact Center Business Model Strategy
Generate Revenue with Contact Center Business Model StrategyGenerate Revenue with Contact Center Business Model Strategy
Generate Revenue with Contact Center Business Model Strategy
RNayak3
 
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptxBiomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
ECOSTAN Biofuel Pvt Ltd
 
Discover How Long Do Aluminum Gutters Last?
Discover How Long Do Aluminum Gutters Last?Discover How Long Do Aluminum Gutters Last?
Discover How Long Do Aluminum Gutters Last?
SteveRiddle8
 
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
Alexa Bale
 
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptxTop 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
e-Definers Technology
 
How Live-In Care Benefits Chronic Disease Management.pdf
How Live-In Care Benefits Chronic Disease Management.pdfHow Live-In Care Benefits Chronic Disease Management.pdf
How Live-In Care Benefits Chronic Disease Management.pdf
KenWaterhouse
 
DOJO Training room | Training DOJO PPT
DOJO Training room | Training DOJO   PPTDOJO Training room | Training DOJO   PPT
DOJO Training room | Training DOJO PPT
Himanshu
 

Recently uploaded (20)

The Fraud Examiner’s Report – What the Certified Fraud Examiner Should Know
The Fraud Examiner’s Report –  What the Certified Fraud Examiner Should KnowThe Fraud Examiner’s Report –  What the Certified Fraud Examiner Should Know
The Fraud Examiner’s Report – What the Certified Fraud Examiner Should Know
 
Understanding Love Compatibility or Synastry: Why It Matters
Understanding Love Compatibility or Synastry: Why It MattersUnderstanding Love Compatibility or Synastry: Why It Matters
Understanding Love Compatibility or Synastry: Why It Matters
 
Best Web Development Frameworks in 2024
Best Web Development Frameworks in 2024Best Web Development Frameworks in 2024
Best Web Development Frameworks in 2024
 
Solar powered Security Camera- Sun In One
Solar powered Security Camera- Sun In OneSolar powered Security Camera- Sun In One
Solar powered Security Camera- Sun In One
 
Exceptional Landscape Architecture Services in Melbourne
Exceptional Landscape Architecture Services in MelbourneExceptional Landscape Architecture Services in Melbourne
Exceptional Landscape Architecture Services in Melbourne
 
3 Examples of new capital gains taxes in Canada
3 Examples of new capital gains taxes in Canada3 Examples of new capital gains taxes in Canada
3 Examples of new capital gains taxes in Canada
 
Electrical Testing Lab Services in Dubai.pdf
Electrical Testing Lab Services in Dubai.pdfElectrical Testing Lab Services in Dubai.pdf
Electrical Testing Lab Services in Dubai.pdf
 
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdfThe best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
The best Social Media Spy Apps for Catching Your Unfaithful Wife.pdf
 
Expert Tips for Pruning Your Plants.pdf.
Expert Tips for Pruning Your Plants.pdf.Expert Tips for Pruning Your Plants.pdf.
Expert Tips for Pruning Your Plants.pdf.
 
Siddhivinayak temple timings Houston, TX
Siddhivinayak temple timings Houston, TXSiddhivinayak temple timings Houston, TX
Siddhivinayak temple timings Houston, TX
 
Best Immigration Consultants in Amritsar- SAGA Studies
Best Immigration Consultants in Amritsar- SAGA StudiesBest Immigration Consultants in Amritsar- SAGA Studies
Best Immigration Consultants in Amritsar- SAGA Studies
 
eBrand Promotion Full Service Digital Agency Company Profile
eBrand Promotion Full Service Digital Agency Company ProfileeBrand Promotion Full Service Digital Agency Company Profile
eBrand Promotion Full Service Digital Agency Company Profile
 
Enhance Your Home with Professional Painting Services
Enhance Your Home with Professional Painting ServicesEnhance Your Home with Professional Painting Services
Enhance Your Home with Professional Painting Services
 
Generate Revenue with Contact Center Business Model Strategy
Generate Revenue with Contact Center Business Model StrategyGenerate Revenue with Contact Center Business Model Strategy
Generate Revenue with Contact Center Business Model Strategy
 
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptxBiomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
Biomass Briquettes A Sustainable Solution for Energy and Waste Management..pptx
 
Discover How Long Do Aluminum Gutters Last?
Discover How Long Do Aluminum Gutters Last?Discover How Long Do Aluminum Gutters Last?
Discover How Long Do Aluminum Gutters Last?
 
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
How Long Does Vinyl Siding Last and What Impacts Its Life Expectancy?
 
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptxTop 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
Top 10 Challenges That Every Web Designer Face on A Daily Basis.pptx
 
How Live-In Care Benefits Chronic Disease Management.pdf
How Live-In Care Benefits Chronic Disease Management.pdfHow Live-In Care Benefits Chronic Disease Management.pdf
How Live-In Care Benefits Chronic Disease Management.pdf
 
DOJO Training room | Training DOJO PPT
DOJO Training room | Training DOJO   PPTDOJO Training room | Training DOJO   PPT
DOJO Training room | Training DOJO PPT
 

From user assistance to user guidance: Information apps

  • 1. From UA to UG Information Apps Jang F.M. Graat Amsterdam © 2014 - JANG Communication - Amsterdam, Netherlands
  • 2. © 2014 - JANG Communication - Amsterdam, Netherlands who's talking ? Jang F.M. Graat Psychology, Philosophy 25+ years Tech Comm self-taught professional DITA, XSLT, JS, PHP, AJAX addicted to challenge
  • 3. © 2014 - JANG Communication - Amsterdam, Netherlands what is this tutorial about ? user assistance user guidance business intelligence information apps procedure apps
  • 5. © 2014 - JANG Communication - Amsterdam, Netherlands rules of minimalism only what users need action-oriented support error recovery
  • 6. © 2014 - JANG Communication - Amsterdam, Netherlands optimizing user assistance printed manual help file context-sensitive help user analysis/personas progressive disclosure embedded help
  • 7. © 2014 - JANG Communication - Amsterdam, Netherlands optimizing production topic-based authoring single-sourcing automated transforms conditional content personalizing info feedback mechanisms
  • 8. © 2014 - JANG Communication - Amsterdam, Netherlands what is the real problem? interpretations differ overestimating skills conditional/optional items outdated knowledge agile development
  • 10. © 2014 - JANG Communication - Amsterdam, Netherlands optimizing the work user & task analysis procedure leads the user reduce learning curve standardize the work basis for planning
  • 11. © 2014 - JANG Communication - Amsterdam, Netherlands procedural knowledge operating manuals online tutorials training courses learning from colleagues learning by trial and error
  • 12. © 2014 - JANG Communication - Amsterdam, Netherlands implicit assumptions people follow rules all products are identical all workers are equal there is no time pressure the sun is always shining
  • 13. © 2014 - JANG Communication - Amsterdam, Netherlands procedures in real life cutting corners skipping steps local circumstances emergency situations full/reliable reporting ?
  • 15. © 2014 - JANG Communication - Amsterdam, Netherlands modern technology interactive media dynamic content only show applicable steps usage & input tracking automatically collect data
  • 16. © 2014 - JANG Communication - Amsterdam, Netherlands progressive disclosure true minimalist info show info step by step force sign-offs avoid skipping steps track performance
  • 17. © 2014 - JANG Communication - Amsterdam, Netherlands only show applicable steps allowing user input highlight choice hide non-applicable steps reveal only next step reset states on changes
  • 18. © 2014 - JANG Communication - Amsterdam, Netherlands other input types & sources html5 input elements sanity checks on input using other data sources hidden input methods check device specs/settings
  • 20. © 2014 - JANG Communication - Amsterdam, Netherlands quite a challenge
  • 21. © 2014 - JANG Communication - Amsterdam, Netherlands keeping track of steps like programming check all possible paths exponential complexity “spaghetti code” very hard to maintain
  • 22. © 2014 - JANG Communication - Amsterdam, Netherlands creating flowcharts
  • 23. © 2014 - JANG Communication - Amsterdam, Netherlands basic nodes start process decision yes/no multiple choices end
  • 24. © 2014 - JANG Communication - Amsterdam, Netherlands start : first step <div id=“step1”> <p class="mybutton" onClick=“showStep(next);”> Start </p> </div>
  • 25. © 2014 - JANG Communication - Amsterdam, Netherlands process : step with sign-off <div id=“step2”> <title>Do something</title> <p class="mybutton" onClick=“showStep(next);”> OK </p> </div>
  • 26. © 2014 - JANG Communication - Amsterdam, Netherlands decision : choices <step id=“step3”> <title>Does it work ?</title> <p class=“mybutton” onClick=“showStep(A)”>Yes</p> <p class=“mybutton” onClick=“showStep(B)”>No</p> </step>
  • 27. © 2014 - JANG Communication - Amsterdam, Netherlands end : no further actions <div id=“step10”> <title>You are done.</title> </div>
  • 28. © 2014 - JANG Communication - Amsterdam, Netherlands transformation ! <title>Replacing the oil</title> <body> <div class=“context”> <p>Checking the oil level will prevent serious ! ! damage and does not require tools.</p> </div> <div class=“procedure”> <div class=“step” id="step1"> <p class=“cmd”>Remove the oil inlet cap</p> <p class=“info”>The oil inlet cap is on the bottom ! ! right side of the engine.</p> </div> <div class=“step” id="step2"> <p class=“cmd”>Remove dipstick.</p> </div> <div class=“step” id="step3"> <p class=“cmd”>What is the bike model?</p> <table> <tr> <td>Softail</td> <td>Continue with step 4</td> </tr> <tr> <td>FSCWC</td> <td>Continue with step 5</td> </tr> </table> </div>!
  • 29. © 2014 - JANG Communication - Amsterdam, Netherlands time for a demo !
  • 31. © 2014 - JANG Communication - Amsterdam, Netherlands optimizing the business product improvement predictive maintenance service staff planning equipment optimization service staff education customer training
  • 32. © 2014 - JANG Communication - Amsterdam, Netherlands how to get the data usability research customer feedback helpdesk history service staff reports surveys
  • 34. © 2014 - JANG Communication - Amsterdam, Netherlands <DIB> app building blocks
  • 35. © 2014 - JANG Communication - Amsterdam, Netherlands one server connects all
  • 36. © 2014 - JANG Communication - Amsterdam, Netherlands capturing/reusing data
  • 37. © 2014 - JANG Communication - Amsterdam, Netherlands questions ? Jang F.M. Graat Amsterdam, NL jang@jang.nl @4everJang www.jang.nl