SlideShare une entreprise Scribd logo
1  sur  45
Télécharger pour lire hors ligne
Average 1999 PC
CPU Speed: 200mhz
RAM: 32mb (max 256mb)
Storage: 3.5gb
Average 2009 PC
CPU Speed: 2.3ghz
RAM: 1gb (max 4gb)
Storage: 160gb
Average 2009 Server
CPU Speed: 2ghz
RAM: 8gb (max 128gb)
Storage: 73gb (max 1tb)
Our response:
K size of websites triple!
Layout now 1024 x 768!
Ajax! Flash! Flex!
Dan Saffer
     Kicker Studio



Designing
Smart and
Clever
Applications
Smart (adj.):
1. Prevent users from making mistakes.
2. Prevent users from working harder
   than they need to.
3. Do things that are easy for computers
   but hard for humans.
1. Prevent mistakes
Poka-Yoke
Ensure that proper
conditions exist before
a process begins,
preventing problems
before they happen.
Error messages
The system should never present an error
message to a user unless the user has done
everything right but the system itself cannot
respond correctly.
Give users info or tools
to fix problems
2. Prevent users from
working harder than
they need to
Take over some (if not all) of the
complexity of the task.
Tesler’s Law of the
Conservation of
Complexity
1. In every process, there is some
   inherent complexity.
2. There is a point beyond which you
   cannot simplify a process any further.
3. At that point, you can only move the
   complexity from place to place.
Find the complexity the
system should handle
1. Figure out what the core complexity is.
2. Figure out what parts of that complexity
   users might want control over,
   and when.
3. Put in those controls (out of the way
   if possible).
3. Do what humans
have trouble doing but
computers can do easily:
1.   Rapidly performing computation.
2.   Doing several tasks simultaneously.
3.   Infallibly remembering things.
4.   Detecting complicated patterns.
Several tasks
simultaneously
Clever (adj.):
1. Predict the needs of users and then
   fulfill those needs in unexpected,
   but pleasant ways.
2. Create the “Long Wow.”
3. Release delight via adaptation.
1. Predicting and
  fulfilling needs
1.   User research
2.   Product testing
3.   Data
4.   Be a really good designer
     (heuristic evaluation)
User research
Product/prototype
testing
Data
Fixing pain points
1. Too many clicks/actions/steps.
2. Huh? Why am I doing this?
3. What just happened?
4. Did anything just happen?
5. I can’t find what I’m looking for.
6. I don’t know where I am.
7. You just did what to my data?
8. If I click this, what happens?
9. I didn’t see that button.
10. What do I do now?
2. The Long Wow
A means to achieving long-term customer
loyalty through systematically impressing
your customers again and again.
Brandon Schauer
3. Release delight via
  adaptation
The Glass Wall (BBC)
The rules of adaptation
1.   Appropriate for context.
2.   Nothing dumb (meaning un-Smart).
3.   Value subtlety.
4.   Evolve over long periods of time.
5.   Use what the user is already doing.
6.   Use what the userS are already doing.
7.   Look for places to use system memory.
8.   Do more than is required.
What changes?
                XML, Copy, Graphics


                RSS, SOAP


                CSS, AJAX,
                Controls

                APIs, Functionality,
                Middleware

                Servers, Databases
Use existing user
behavior
Settings suck.
Forms suck.
Beware The Last Mile of Data!
Smart (adj.):
1. Prevent users from making mistakes.
2. Prevent users from working harder
   than they need to.
3. Do things that are easy for computers
   but hard for humans.
Clever (adj.):
1. Predict the needs of users and then
   fulfill those needs in unexpected,
   but pleasant ways.
2. Create the “Long Wow.”
3. Release delight via adaptation.
Thanks.
dan@kickerstudio.com
@odannyboy

Contenu connexe

En vedette

Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles Workshop
Dan Saffer
 

En vedette (20)

Putting 2-Speed IT to Work in the Enterprise
Putting 2-Speed IT to Work in the EnterprisePutting 2-Speed IT to Work in the Enterprise
Putting 2-Speed IT to Work in the Enterprise
 
6000 Years of Device Design
6000 Years of Device Design6000 Years of Device Design
6000 Years of Device Design
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
 
Using Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductUsing Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to Product
 
Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009
 
Raising Your Digital Quotient - McKinsey
Raising Your Digital Quotient - McKinseyRaising Your Digital Quotient - McKinsey
Raising Your Digital Quotient - McKinsey
 
Digital Transformation with 2 Speed IT & Agile Scrum
Digital Transformation with 2 Speed IT & Agile ScrumDigital Transformation with 2 Speed IT & Agile Scrum
Digital Transformation with 2 Speed IT & Agile Scrum
 
Gaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsGaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web Apps
 
Microinteractions
MicrointeractionsMicrointeractions
Microinteractions
 
Design in the Post-PC Era
Design in the Post-PC EraDesign in the Post-PC Era
Design in the Post-PC Era
 
How to Lie with Design Strategy
How to Lie with Design StrategyHow to Lie with Design Strategy
How to Lie with Design Strategy
 
Tap is the New Click
Tap is the New ClickTap is the New Click
Tap is the New Click
 
Practical Creativity
Practical CreativityPractical Creativity
Practical Creativity
 
Making Good Design Decisions
Making Good Design DecisionsMaking Good Design Decisions
Making Good Design Decisions
 
Designing for (and with) New Technology
Designing for (and with) New TechnologyDesigning for (and with) New Technology
Designing for (and with) New Technology
 
Designing from the Inside-Out: Behaviour as the Engine of Product Design
Designing from the Inside-Out: Behaviour as the Engine of Product DesignDesigning from the Inside-Out: Behaviour as the Engine of Product Design
Designing from the Inside-Out: Behaviour as the Engine of Product Design
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction Designers
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good For
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
 
Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles Workshop
 

Similaire à Designing Smart and Clever Applications

ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACHICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
JamaicaCabrales
 

Similaire à Designing Smart and Clever Applications (20)

The Good, the Bad and the Ugly things to do with android
The Good, the Bad and the Ugly things to do with androidThe Good, the Bad and the Ugly things to do with android
The Good, the Bad and the Ugly things to do with android
 
Basic characteristics about computer .docx
Basic characteristics about computer .docxBasic characteristics about computer .docx
Basic characteristics about computer .docx
 
Infrastructure as Code, Theory Crash Course
Infrastructure as Code, Theory Crash CourseInfrastructure as Code, Theory Crash Course
Infrastructure as Code, Theory Crash Course
 
Data analysis with pandas
Data analysis with pandasData analysis with pandas
Data analysis with pandas
 
Data Analysis With Pandas
Data Analysis With PandasData Analysis With Pandas
Data Analysis With Pandas
 
1 Module - Operating Systems Configuration and Use by Mark John Lado
1 Module - Operating Systems Configuration and Use by Mark John Lado1 Module - Operating Systems Configuration and Use by Mark John Lado
1 Module - Operating Systems Configuration and Use by Mark John Lado
 
the cOMPUTER SYSTEM - computer hardware servicing.pptx
the cOMPUTER SYSTEM - computer hardware servicing.pptxthe cOMPUTER SYSTEM - computer hardware servicing.pptx
the cOMPUTER SYSTEM - computer hardware servicing.pptx
 
Introduction Microsoft Word
Introduction Microsoft WordIntroduction Microsoft Word
Introduction Microsoft Word
 
Assignment c
Assignment cAssignment c
Assignment c
 
Chapter-1-Computer-Concept.pdf
Chapter-1-Computer-Concept.pdfChapter-1-Computer-Concept.pdf
Chapter-1-Computer-Concept.pdf
 
Hardware pt 2
Hardware pt 2Hardware pt 2
Hardware pt 2
 
Lecture1.pptx
Lecture1.pptxLecture1.pptx
Lecture1.pptx
 
Is Python still production ready ? Ludovic Gasc
Is Python still production ready ? Ludovic GascIs Python still production ready ? Ludovic Gasc
Is Python still production ready ? Ludovic Gasc
 
module 1-1.pptx
module 1-1.pptxmodule 1-1.pptx
module 1-1.pptx
 
Become a Better Developer with Debugging Techniques for Drupal (and more!)
Become a Better Developer with Debugging Techniques for Drupal (and more!)Become a Better Developer with Debugging Techniques for Drupal (and more!)
Become a Better Developer with Debugging Techniques for Drupal (and more!)
 
ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACHICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
ICT-CONTACTSJDHJBQFFVEGVCGSVCHCHDCHDCVCKACH
 
jQuery Conference Toronto
jQuery Conference TorontojQuery Conference Toronto
jQuery Conference Toronto
 
How to Make Your Windows 8 and 8.1 to Run Faster?
How to Make Your Windows 8 and 8.1 to Run Faster?How to Make Your Windows 8 and 8.1 to Run Faster?
How to Make Your Windows 8 and 8.1 to Run Faster?
 
Derby con 2014
Derby con 2014Derby con 2014
Derby con 2014
 
Basic of computer
Basic of computerBasic of computer
Basic of computer
 

Dernier

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
Earley Information Science
 

Dernier (20)

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
 
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...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
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
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
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...
 
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)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
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...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
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?
 
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
 
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
 
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
 

Designing Smart and Clever Applications

  • 1.
  • 2. Average 1999 PC CPU Speed: 200mhz RAM: 32mb (max 256mb) Storage: 3.5gb
  • 3. Average 2009 PC CPU Speed: 2.3ghz RAM: 1gb (max 4gb) Storage: 160gb
  • 4. Average 2009 Server CPU Speed: 2ghz RAM: 8gb (max 128gb) Storage: 73gb (max 1tb)
  • 5. Our response: K size of websites triple! Layout now 1024 x 768! Ajax! Flash! Flex!
  • 6. Dan Saffer Kicker Studio Designing Smart and Clever Applications
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. Smart (adj.): 1. Prevent users from making mistakes. 2. Prevent users from working harder than they need to. 3. Do things that are easy for computers but hard for humans.
  • 13. Poka-Yoke Ensure that proper conditions exist before a process begins, preventing problems before they happen.
  • 14. Error messages The system should never present an error message to a user unless the user has done everything right but the system itself cannot respond correctly.
  • 15. Give users info or tools to fix problems
  • 16. 2. Prevent users from working harder than they need to Take over some (if not all) of the complexity of the task.
  • 17. Tesler’s Law of the Conservation of Complexity 1. In every process, there is some inherent complexity. 2. There is a point beyond which you cannot simplify a process any further. 3. At that point, you can only move the complexity from place to place.
  • 18. Find the complexity the system should handle 1. Figure out what the core complexity is. 2. Figure out what parts of that complexity users might want control over, and when. 3. Put in those controls (out of the way if possible).
  • 19. 3. Do what humans have trouble doing but computers can do easily: 1. Rapidly performing computation. 2. Doing several tasks simultaneously. 3. Infallibly remembering things. 4. Detecting complicated patterns.
  • 20.
  • 22.
  • 23.
  • 24. Clever (adj.): 1. Predict the needs of users and then fulfill those needs in unexpected, but pleasant ways. 2. Create the “Long Wow.” 3. Release delight via adaptation.
  • 25.
  • 26. 1. Predicting and fulfilling needs 1. User research 2. Product testing 3. Data 4. Be a really good designer (heuristic evaluation)
  • 29. Data
  • 30. Fixing pain points 1. Too many clicks/actions/steps. 2. Huh? Why am I doing this? 3. What just happened? 4. Did anything just happen? 5. I can’t find what I’m looking for. 6. I don’t know where I am. 7. You just did what to my data? 8. If I click this, what happens? 9. I didn’t see that button. 10. What do I do now?
  • 31. 2. The Long Wow A means to achieving long-term customer loyalty through systematically impressing your customers again and again. Brandon Schauer
  • 32. 3. Release delight via adaptation
  • 33. The Glass Wall (BBC)
  • 34.
  • 35. The rules of adaptation 1. Appropriate for context. 2. Nothing dumb (meaning un-Smart). 3. Value subtlety. 4. Evolve over long periods of time. 5. Use what the user is already doing. 6. Use what the userS are already doing. 7. Look for places to use system memory. 8. Do more than is required.
  • 36.
  • 37.
  • 38. What changes? XML, Copy, Graphics RSS, SOAP CSS, AJAX, Controls APIs, Functionality, Middleware Servers, Databases
  • 39. Use existing user behavior Settings suck. Forms suck. Beware The Last Mile of Data!
  • 40.
  • 41.
  • 42. Smart (adj.): 1. Prevent users from making mistakes. 2. Prevent users from working harder than they need to. 3. Do things that are easy for computers but hard for humans.
  • 43. Clever (adj.): 1. Predict the needs of users and then fulfill those needs in unexpected, but pleasant ways. 2. Create the “Long Wow.” 3. Release delight via adaptation.
  • 44.