SlideShare a Scribd company logo
1 of 24
Download to read offline
Building User-
Centered Web Apps
    in a Crunch


  Jackson Fox / Lulu.com / jacksonfox@gmail.com
Goal: Build web applications that are usable
and user-centered even when time and money
             are in short supply.
Guerilla HCI
Agile UCD
Themes:
      Sort out your priorities
Incremental and iterative development
     Release early, release often
Web App



           Feature   Feature   Feature

Feature

           Feature   Feature   Feature
Web App



           Feature   Feature   Feature

Feature

           Feature   Feature   Feature
Web App



                 Feature   Feature   Feature

      Feature

                 Feature   Feature   Feature




Most Effort                     Least Effort
Web App



             Feature   Feature   Feature

  Feature

             Feature   Feature   Feature




Now                              Later
The Guerilla HCI Toolbox
Information Architecture
       Card Sorting
     Affinity Diagrams
Photo by Yandle @ Flickr




Card Sorting
Photo by josh.ev9 @ Flickr




Affinity Diagrams
Interaction Design
Competitive Analysis
  Paper Prototypes
Competitive Analysis
AKA “What Would Amazon Do?”
Photo by Kables @ Flickr




Paper Prototypes
Usability Testing
    Hallway Testing
 Heuristic Evaluation
Cognitive Walkthroughs
Photo by Kables @ Flickr




Hallway Testing
✓ Visibility of system status
✓ Match between system and the real world
      ✓ User control and freedom
                    ...




      Heuristic Evaluation
Cognitive Walkthrough
Test → Fix → Test
Don’t sweat the numbers
Putting it all Together
Research        Design        Development   Validation
                  Paper                        Hallway
 Card Sorting
                Prototypes                     Testing

   Affinity        Hallway                     Cognitive
  Diagrams        Testing                    Walkthroughs


 Competitive    Competitive                   Heuristic
  Analysis       Analysis                     Evaluation

  Heuristic
  Evaluation

  Cognitive
 Walkthroughs
The End
Refresh 001: Building User-Centered Web Apps in a Crunch

More Related Content

Viewers also liked

Theory Of Learning For The Mobile Age - Leicester April 2007
Theory Of Learning For The Mobile Age  - Leicester April 2007Theory Of Learning For The Mobile Age  - Leicester April 2007
Theory Of Learning For The Mobile Age - Leicester April 2007Mike Sharples
 
Designing New Learning Spaces From Rooms To Cities
Designing New Learning Spaces   From Rooms To CitiesDesigning New Learning Spaces   From Rooms To Cities
Designing New Learning Spaces From Rooms To CitiesMike Sharples
 
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007Mike Sharples
 
Disruptive Mobile Learning
Disruptive Mobile Learning Disruptive Mobile Learning
Disruptive Mobile Learning Mike Sharples
 
M learn 2014 slideshare
M learn 2014   slideshareM learn 2014   slideshare
M learn 2014 slideshareMike Sharples
 
Location aware apps for learning
Location aware apps for learningLocation aware apps for learning
Location aware apps for learningMike Sharples
 
Innovative Pedagogy at Massive Scale (MOOCs)
Innovative Pedagogy at Massive Scale (MOOCs)Innovative Pedagogy at Massive Scale (MOOCs)
Innovative Pedagogy at Massive Scale (MOOCs)Mike Sharples
 
Post Traumatic Stress Disorder
Post Traumatic Stress DisorderPost Traumatic Stress Disorder
Post Traumatic Stress Disorderlaithy
 
Language Learning Strategies
Language Learning StrategiesLanguage Learning Strategies
Language Learning Strategiesguest7066cc
 

Viewers also liked (12)

Theory Of Learning For The Mobile Age - Leicester April 2007
Theory Of Learning For The Mobile Age  - Leicester April 2007Theory Of Learning For The Mobile Age  - Leicester April 2007
Theory Of Learning For The Mobile Age - Leicester April 2007
 
Creative visiting
Creative visitingCreative visiting
Creative visiting
 
Designing New Learning Spaces From Rooms To Cities
Designing New Learning Spaces   From Rooms To CitiesDesigning New Learning Spaces   From Rooms To Cities
Designing New Learning Spaces From Rooms To Cities
 
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007
History Of Mobile Learning - mLearn 2007 doctoral consortium Oct 2007
 
Motivation Ch.5
Motivation Ch.5Motivation Ch.5
Motivation Ch.5
 
Disruptive Mobile Learning
Disruptive Mobile Learning Disruptive Mobile Learning
Disruptive Mobile Learning
 
M learn 2014 slideshare
M learn 2014   slideshareM learn 2014   slideshare
M learn 2014 slideshare
 
Location aware apps for learning
Location aware apps for learningLocation aware apps for learning
Location aware apps for learning
 
Innovative Pedagogy at Massive Scale (MOOCs)
Innovative Pedagogy at Massive Scale (MOOCs)Innovative Pedagogy at Massive Scale (MOOCs)
Innovative Pedagogy at Massive Scale (MOOCs)
 
Esp Winnie
Esp WinnieEsp Winnie
Esp Winnie
 
Post Traumatic Stress Disorder
Post Traumatic Stress DisorderPost Traumatic Stress Disorder
Post Traumatic Stress Disorder
 
Language Learning Strategies
Language Learning StrategiesLanguage Learning Strategies
Language Learning Strategies
 

Similar to Refresh 001: Building User-Centered Web Apps in a Crunch

Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Ariadna Font Llitjos
 
Web Application Software Testing
Web Application Software TestingWeb Application Software Testing
Web Application Software TestingAndrew Kandels
 
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - TrivadisTechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - TrivadisTrivadis
 
Sdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtSdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtsdeconf
 
Building an mvp that works for users
Building an mvp that works for users Building an mvp that works for users
Building an mvp that works for users Ariadna Font Llitjos
 
The Human Side of Productivity
The Human Side of ProductivityThe Human Side of Productivity
The Human Side of ProductivityTathagat Varma
 
Agile Software Architecture
Agile Software ArchitectureAgile Software Architecture
Agile Software ArchitectureChris F Carroll
 
Introducción al Machine Learning Automático
Introducción al Machine Learning AutomáticoIntroducción al Machine Learning Automático
Introducción al Machine Learning AutomáticoSri Ambati
 
Design For Testability
Design For TestabilityDesign For Testability
Design For TestabilityWill Iverson
 
Data engineering track module 2
Data engineering track module 2Data engineering track module 2
Data engineering track module 2Pranav Prakash
 
The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)Vegard Sandvold
 
Adapting usability for agile ucd fer
Adapting usability for agile ucd ferAdapting usability for agile ucd fer
Adapting usability for agile ucd ferFer O'Neil
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsVisure Solutions
 
ChatGPT and not only: how can you use the power of Generative AI at scale
ChatGPT and not only: how can you use the power of Generative AI at scaleChatGPT and not only: how can you use the power of Generative AI at scale
ChatGPT and not only: how can you use the power of Generative AI at scaleMaxim Salnikov
 
G2g offerings-online campus drives
G2g offerings-online campus drivesG2g offerings-online campus drives
G2g offerings-online campus drivesKumar Gaurav
 
Building and Scaling High Performing Technology Organizations by Jez Humble a...
Building and Scaling High Performing Technology Organizations by Jez Humble a...Building and Scaling High Performing Technology Organizations by Jez Humble a...
Building and Scaling High Performing Technology Organizations by Jez Humble a...Agile India
 
Workshop: Managing top tasks #BPCW11
Workshop: Managing top tasks #BPCW11Workshop: Managing top tasks #BPCW11
Workshop: Managing top tasks #BPCW11Headstar
 
Docs Like Code: Strategies and Stories
Docs Like Code: Strategies and StoriesDocs Like Code: Strategies and Stories
Docs Like Code: Strategies and StoriesAnne Gentle
 
Discovery delivery 中国软件技术大会2011
Discovery delivery 中国软件技术大会2011Discovery delivery 中国软件技术大会2011
Discovery delivery 中国软件技术大会2011Qiao Liang
 

Similar to Refresh 001: Building User-Centered Web Apps in a Crunch (20)

Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
 
Web Application Software Testing
Web Application Software TestingWeb Application Software Testing
Web Application Software Testing
 
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - TrivadisTechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
 
Sdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtSdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svt
 
Building an mvp that works for users
Building an mvp that works for users Building an mvp that works for users
Building an mvp that works for users
 
The Human Side of Productivity
The Human Side of ProductivityThe Human Side of Productivity
The Human Side of Productivity
 
Agile Software Architecture
Agile Software ArchitectureAgile Software Architecture
Agile Software Architecture
 
Introducción al Machine Learning Automático
Introducción al Machine Learning AutomáticoIntroducción al Machine Learning Automático
Introducción al Machine Learning Automático
 
Design For Testability
Design For TestabilityDesign For Testability
Design For Testability
 
Data engineering track module 2
Data engineering track module 2Data engineering track module 2
Data engineering track module 2
 
The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)
 
Adapting usability for agile ucd fer
Adapting usability for agile ucd ferAdapting usability for agile ucd fer
Adapting usability for agile ucd fer
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing Requirements
 
Docs Like Code
Docs Like CodeDocs Like Code
Docs Like Code
 
ChatGPT and not only: how can you use the power of Generative AI at scale
ChatGPT and not only: how can you use the power of Generative AI at scaleChatGPT and not only: how can you use the power of Generative AI at scale
ChatGPT and not only: how can you use the power of Generative AI at scale
 
G2g offerings-online campus drives
G2g offerings-online campus drivesG2g offerings-online campus drives
G2g offerings-online campus drives
 
Building and Scaling High Performing Technology Organizations by Jez Humble a...
Building and Scaling High Performing Technology Organizations by Jez Humble a...Building and Scaling High Performing Technology Organizations by Jez Humble a...
Building and Scaling High Performing Technology Organizations by Jez Humble a...
 
Workshop: Managing top tasks #BPCW11
Workshop: Managing top tasks #BPCW11Workshop: Managing top tasks #BPCW11
Workshop: Managing top tasks #BPCW11
 
Docs Like Code: Strategies and Stories
Docs Like Code: Strategies and StoriesDocs Like Code: Strategies and Stories
Docs Like Code: Strategies and Stories
 
Discovery delivery 中国软件技术大会2011
Discovery delivery 中国软件技术大会2011Discovery delivery 中国软件技术大会2011
Discovery delivery 中国软件技术大会2011
 

Recently uploaded

What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
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
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
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
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
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
 
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
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 

Recently uploaded (20)

What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
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
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
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
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
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
 
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...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 

Refresh 001: Building User-Centered Web Apps in a Crunch