SlideShare une entreprise Scribd logo
1  sur  45
Enhancing the user experience in our Web Applications Chris Cariglia
Optimizing the user experience Outline Opportunities for richness Anti-patterns Web App Summit 2008 Progressive enhancements
• Organized by User Interface Engineering (UIE) Web App Summit 2008 • 3-day event reviewing the best practices in today’s top web sites • Reviewing what makes a great web application Web App Summit 2008
Optimizing the user experience
• Web Applications (Web Apps) are where Business Rules meet the User Experience Optimize the user experience • The more rules in place, the more difficult a user’s experience can be • Need the right rule at the right time at the right place Optimizing the user experience
The Kano model Excitement  Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
The Kano model Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
• Has to work properly Basic expectations for Web Apps •  Need to smooth out any “rough edges” • Transactions are processed at the time of submit • Business rules shouldn’t deteriorate the process Optimizing the user experience
The Kano model Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
• Real person support Performance payoffs for Web Apps •  On-line “helping hand” Optimizing the user experience
Performance payoffs for Web Apps Optimizing the user experience
The Kano model Excitement  Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
• Going above and beyond Excitement Generators for Web Apps Optimizing the user experience
Excitement Generators for Web Apps Findtape.com Optimizing the user experience
Excitement Generators for Web Apps Optimizing the user experience
The Kano model Excitement  Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience Time
[object Object],Optimizing the User Experience - Summary ,[object Object],[object Object],[object Object],[object Object],Optimizing the user experience
Opportunities for richness
[object Object],[object Object],[object Object],[object Object],Opportunities for richness ,[object Object],[object Object],[object Object],[object Object],Opportunities for richness
Finding Stuff: the early years Opportunities for richness
Finding Stuff: adolescence Opportunities for richness
[object Object],Finding Stuff: Today ,[object Object],Opportunities for richness
Giving the user more control Opportunities for richness ,[object Object],[object Object]
[object Object],Opportunities for richness - Summary ,[object Object],[object Object],Optimize the user experience
Anti-patterns
[object Object],[object Object],The traps of bad design: anti-patterns ,[object Object],[object Object],Anti-Patterns
Requiring the user to go down a level or two, perform an operation, come back to the top and then have to go back down again. Name comes from hopping up and down through the site. Pogo stick navigation Anti-Patterns
Pogo stick navigation Anti-Patterns
Pogo stick navigation Anti-Patterns
Pogo stick navigation Anti-Patterns ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Pogo stick – a review Anti-Patterns
Making key interaction points too small increases the likelihood that users will be frustrated with the interface. Tiny targets Anti-Patterns Fitt’s law: The time to acquire a target is a function of the distance to and size of the target.
Tiny targets Anti-Patterns 10 x 10 pixels can be hard to get to if there are several on the screen.
[object Object],Strategies for Tiny Targets Anti-Patterns ,[object Object],[object Object]
The practice of throwing up unnecessary windows or boxes explaining the obvious. Windows aplenty Anti-Patterns
Anti-Patterns - Summary big ball of mud. meandering way. borg idiom.  tiny targets .  mystery meat. buried treasure. hover and cover.  pogo stick navigation .  novel notions. against the flow. metaphor mismatch. jabberwocky. double duty. linkitus. blind type.  windows aplenty .  animation gone wild. misguided misdirections. unmarked hazards. missed moments. missing scene. one at a time.  non-symmetrical actions. Anti-Patterns
Progressive enhancements
[object Object],Progressive enhancements ,[object Object],[object Object],Progressive Enhancements
[object Object],Validation ,[object Object],[object Object],Progressive Enhancements ,[object Object]
[object Object],Prototyping ,[object Object],[object Object],Progressive Enhancements
[object Object],User testing ,[object Object],[object Object],Progressive Enhancements
[object Object],Culture ,[object Object],[object Object],Progressive Enhancements ,[object Object],[object Object]
Conclusion
Increasing customer transactions ,[object Object]
[object Object],Conclusion ,[object Object],[object Object],[object Object]

Contenu connexe

Tendances

No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%Derek Pippa Feria
 
Introducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on DemandIntroducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on DemandUserTesting
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a dietPaul Veugen
 
Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerJennifer Riehle McFarland
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone HeuristicsKathy Gill
 
Best practices for remote usability testing
Best practices for remote usability testingBest practices for remote usability testing
Best practices for remote usability testingUserZoom
 
Mobile Optimization that Actually Works
Mobile Optimization that Actually WorksMobile Optimization that Actually Works
Mobile Optimization that Actually WorksOptimizely
 
Successfully Managing Customer Experience Combining VoC and UX Testing
Successfully Managing Customer Experience Combining VoC and UX TestingSuccessfully Managing Customer Experience Combining VoC and UX Testing
Successfully Managing Customer Experience Combining VoC and UX TestingUserZoom
 
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...UserZoom
 
Aha! Moments (Why people are using your app) by Esmar Mesic
Aha! Moments (Why people are using your app) by Esmar MesicAha! Moments (Why people are using your app) by Esmar Mesic
Aha! Moments (Why people are using your app) by Esmar MesicBosnia Agile
 
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Craig Sullivan
 
Lean Launchpad - Week 3 - Experiment Day
Lean Launchpad - Week 3 - Experiment DayLean Launchpad - Week 3 - Experiment Day
Lean Launchpad - Week 3 - Experiment DayAaron Eden
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersEuropeana Newspapers
 
Usability Overview by Craig Tomlin
Usability Overview by Craig TomlinUsability Overview by Craig Tomlin
Usability Overview by Craig TomlinCraig Tomlin
 
Usability Testing
Usability TestingUsability Testing
Usability TestingAndy Budd
 
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...UserZoom
 
Importance of the Usability of a website
Importance of the Usability of a websiteImportance of the Usability of a website
Importance of the Usability of a websiteSherihan Anver
 
User Experience 101 - A Practical Guide
User Experience 101 - A Practical GuideUser Experience 101 - A Practical Guide
User Experience 101 - A Practical GuideAdrian Bunge
 

Tendances (20)

No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%
 
Managing Top Tasks
Managing Top TasksManaging Top Tasks
Managing Top Tasks
 
Introducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on DemandIntroducing Live Conversation | Human Insight on Demand
Introducing Live Conversation | Human Insight on Demand
 
User testing on a diet
User testing on a dietUser testing on a diet
User testing on a diet
 
Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More Awesomer
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone Heuristics
 
Best practices for remote usability testing
Best practices for remote usability testingBest practices for remote usability testing
Best practices for remote usability testing
 
Mobile Optimization that Actually Works
Mobile Optimization that Actually WorksMobile Optimization that Actually Works
Mobile Optimization that Actually Works
 
Successfully Managing Customer Experience Combining VoC and UX Testing
Successfully Managing Customer Experience Combining VoC and UX TestingSuccessfully Managing Customer Experience Combining VoC and UX Testing
Successfully Managing Customer Experience Combining VoC and UX Testing
 
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
Putting Yourself Where Your Users Are - How To Recruit for UX Research & Usab...
 
Neison,s Heuristic Examples
Neison,s Heuristic ExamplesNeison,s Heuristic Examples
Neison,s Heuristic Examples
 
Aha! Moments (Why people are using your app) by Esmar Mesic
Aha! Moments (Why people are using your app) by Esmar MesicAha! Moments (Why people are using your app) by Esmar Mesic
Aha! Moments (Why people are using your app) by Esmar Mesic
 
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011Mobile presentation - Sydney Online Retailer - 26 Sep 2011
Mobile presentation - Sydney Online Retailer - 26 Sep 2011
 
Lean Launchpad - Week 3 - Experiment Day
Lean Launchpad - Week 3 - Experiment DayLean Launchpad - Week 3 - Experiment Day
Lean Launchpad - Week 3 - Experiment Day
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic Newspapers
 
Usability Overview by Craig Tomlin
Usability Overview by Craig TomlinUsability Overview by Craig Tomlin
Usability Overview by Craig Tomlin
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...
How to Conduct UX Benchmarking Studies Your Own Site Over Time + Competitors ...
 
Importance of the Usability of a website
Importance of the Usability of a websiteImportance of the Usability of a website
Importance of the Usability of a website
 
User Experience 101 - A Practical Guide
User Experience 101 - A Practical GuideUser Experience 101 - A Practical Guide
User Experience 101 - A Practical Guide
 

Similaire à Enhancing user experience in web applications through optimization and progressive enhancements

UX Insights from a Drunk Guy
UX Insights from a Drunk GuyUX Insights from a Drunk Guy
UX Insights from a Drunk GuyAustin Knight
 
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...Craig Sullivan
 
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorldAndreCharland
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye trackingObjective Experience
 
Less look, more feel
Less look, more feelLess look, more feel
Less look, more feelRoy Scholten
 
An Introduction to Usability
An Introduction to UsabilityAn Introduction to Usability
An Introduction to Usabilitydirk.swart
 
Usability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaUsability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaBecome Customer-Centric
 
Citrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping WorkshopCitrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping WorkshopReuven Cohen
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDNexer Digital
 
Combining Methods: Web Analytics and User Research
Combining Methods: Web Analytics and User ResearchCombining Methods: Web Analytics and User Research
Combining Methods: Web Analytics and User ResearchUser Intelligence
 
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...iLive Conference
 
Web Usability in the Enterprise with Ajax
Web Usability in the Enterprise with AjaxWeb Usability in the Enterprise with Ajax
Web Usability in the Enterprise with AjaxAndreCharland
 
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhoneTop Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhoneCompuware APM
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their inputRandy Earl
 
UCL M.Sc. Technology Entrepreneurship 2015 - Analytics
UCL M.Sc. Technology Entrepreneurship 2015 -  AnalyticsUCL M.Sc. Technology Entrepreneurship 2015 -  Analytics
UCL M.Sc. Technology Entrepreneurship 2015 - AnalyticsNiall Roche
 
Conversionista : Conversion manager course - Stockholm 20 march 2013
Conversionista : Conversion manager course  - Stockholm 20 march 2013Conversionista : Conversion manager course  - Stockholm 20 march 2013
Conversionista : Conversion manager course - Stockholm 20 march 2013Craig Sullivan
 
Interface Usability - Adding Schweppervescence
Interface Usability - Adding SchweppervescenceInterface Usability - Adding Schweppervescence
Interface Usability - Adding SchweppervescenceSSW
 

Similaire à Enhancing user experience in web applications through optimization and progressive enhancements (20)

UX Insights from a Drunk Guy
UX Insights from a Drunk GuyUX Insights from a Drunk Guy
UX Insights from a Drunk Guy
 
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...
Condensed testing syrup - @OptimiseorDie @sydney sep 2011 - 4 years of testin...
 
Michael Kowalski
Michael KowalskiMichael Kowalski
Michael Kowalski
 
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorld
 
How to do usability testing and eye tracking
How to do usability testing and eye trackingHow to do usability testing and eye tracking
How to do usability testing and eye tracking
 
Less look, more feel
Less look, more feelLess look, more feel
Less look, more feel
 
An Introduction to Usability
An Introduction to UsabilityAn Introduction to Usability
An Introduction to Usability
 
Usability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaUsability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & Sigma
 
Citrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping WorkshopCitrix Labs Rapid Prototyping Workshop
Citrix Labs Rapid Prototyping Workshop
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWD
 
Combining Methods: Web Analytics and User Research
Combining Methods: Web Analytics and User ResearchCombining Methods: Web Analytics and User Research
Combining Methods: Web Analytics and User Research
 
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...
iLive2014 Presentation | Viljo Vabrit - A bulletproof roadmap to boost your o...
 
Web Usability in the Enterprise with Ajax
Web Usability in the Enterprise with AjaxWeb Usability in the Enterprise with Ajax
Web Usability in the Enterprise with Ajax
 
Beginners QA Testing
Beginners QA TestingBeginners QA Testing
Beginners QA Testing
 
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhoneTop Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
Top Tips to Deliver Quality Web Experiences From IE 9 to the iPhone
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
UCL M.Sc. Technology Entrepreneurship 2015 - Analytics
UCL M.Sc. Technology Entrepreneurship 2015 -  AnalyticsUCL M.Sc. Technology Entrepreneurship 2015 -  Analytics
UCL M.Sc. Technology Entrepreneurship 2015 - Analytics
 
It Worked for Ustream
It Worked for UstreamIt Worked for Ustream
It Worked for Ustream
 
Conversionista : Conversion manager course - Stockholm 20 march 2013
Conversionista : Conversion manager course  - Stockholm 20 march 2013Conversionista : Conversion manager course  - Stockholm 20 march 2013
Conversionista : Conversion manager course - Stockholm 20 march 2013
 
Interface Usability - Adding Schweppervescence
Interface Usability - Adding SchweppervescenceInterface Usability - Adding Schweppervescence
Interface Usability - Adding Schweppervescence
 

Dernier

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 

Dernier (20)

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

Enhancing user experience in web applications through optimization and progressive enhancements

  • 1. Enhancing the user experience in our Web Applications Chris Cariglia
  • 2. Optimizing the user experience Outline Opportunities for richness Anti-patterns Web App Summit 2008 Progressive enhancements
  • 3. • Organized by User Interface Engineering (UIE) Web App Summit 2008 • 3-day event reviewing the best practices in today’s top web sites • Reviewing what makes a great web application Web App Summit 2008
  • 4. Optimizing the user experience
  • 5. • Web Applications (Web Apps) are where Business Rules meet the User Experience Optimize the user experience • The more rules in place, the more difficult a user’s experience can be • Need the right rule at the right time at the right place Optimizing the user experience
  • 6. The Kano model Excitement Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
  • 7. The Kano model Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
  • 8. • Has to work properly Basic expectations for Web Apps • Need to smooth out any “rough edges” • Transactions are processed at the time of submit • Business rules shouldn’t deteriorate the process Optimizing the user experience
  • 9. The Kano model Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
  • 10. • Real person support Performance payoffs for Web Apps • On-line “helping hand” Optimizing the user experience
  • 11. Performance payoffs for Web Apps Optimizing the user experience
  • 12. The Kano model Excitement Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience
  • 13. • Going above and beyond Excitement Generators for Web Apps Optimizing the user experience
  • 14. Excitement Generators for Web Apps Findtape.com Optimizing the user experience
  • 15. Excitement Generators for Web Apps Optimizing the user experience
  • 16. The Kano model Excitement Generators Performance Payoff Basic Expectations Quality & Capability User Satisfaction Optimizing the user experience Time
  • 17.
  • 19.
  • 20. Finding Stuff: the early years Opportunities for richness
  • 21. Finding Stuff: adolescence Opportunities for richness
  • 22.
  • 23.
  • 24.
  • 26.
  • 27. Requiring the user to go down a level or two, perform an operation, come back to the top and then have to go back down again. Name comes from hopping up and down through the site. Pogo stick navigation Anti-Patterns
  • 28. Pogo stick navigation Anti-Patterns
  • 29. Pogo stick navigation Anti-Patterns
  • 30.
  • 31.
  • 32. Making key interaction points too small increases the likelihood that users will be frustrated with the interface. Tiny targets Anti-Patterns Fitt’s law: The time to acquire a target is a function of the distance to and size of the target.
  • 33. Tiny targets Anti-Patterns 10 x 10 pixels can be hard to get to if there are several on the screen.
  • 34.
  • 35. The practice of throwing up unnecessary windows or boxes explaining the obvious. Windows aplenty Anti-Patterns
  • 36. Anti-Patterns - Summary big ball of mud. meandering way. borg idiom. tiny targets . mystery meat. buried treasure. hover and cover. pogo stick navigation . novel notions. against the flow. metaphor mismatch. jabberwocky. double duty. linkitus. blind type. windows aplenty . animation gone wild. misguided misdirections. unmarked hazards. missed moments. missing scene. one at a time. non-symmetrical actions. Anti-Patterns
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 44.
  • 45.