SlideShare a Scribd company logo
1 of 18
Download to read offline
Interaction Design
“The intractability of the software construction process – particularly the high cost of programming and
the low quality of interaction – is simply not a technical problem”


                                                                                       Alan Cooper
software

• Why is most software bad? Frustrating to use, buggy.
• Not programmers fault – they are often the agents of bad software
  but not the cause

• They are not given sufficient time, clear enough direction or adequate
  designs to succeed
software


•   Providing these should be the job of the Executive and Product teams

•   But they aren’t delivering – why?

    •   Not (just) stupidity

    •   They don’t have the right tools
old methods


•   Businesses are structured & measured by a system born in
    mercantilism and refined in industry

•   It measures the wrong thing in the information age
old methods


•   In the industrial age products were manufactured from solid materials

•   The money it took to create them were dominated by variable costs

    •   Costs that varied with the amount of stuff made.
old methods

•   Software production is not like this

•   It does not consume raw materials – no manufacturing costs

    •   The variable costs that dominated manufacturing are non-existent in
        software production

•   Software production is not a fixed cost or a variable cost – and it is
    not R & D...
square peg, round hole

•   ...but in practice it is treated like a manufacturing process (a variable
    cost)

•   Businesses grow profits by increasing revenue or decreasing costs

•   Decreasing costs was quickest and easiest in the manufacturing age
square peg, round hole
•   But software production does not behave like a variable cost – trying
    to ‘reduce’ it doesn’t work

•   Worse, it cuts off the only other course of action – increasing revenue
    by increasing quality means increasing production effort.

•   Interaction design is the tool used to intelligently increase production
    effort

    •   Make sure all production effort contributes to quality and revenue
misdirected effort
 •         IxD is the bridge between engineering and business

 •         Without adequate communication they tend to talk past each other
Features




           expert                                                                                   beginner
                    Engineers choose features   Sales & marketing choose features   Utilised features


   •        How do we ensure that effort has real impact on the customer?
principles
                               Good software promotes “flow”
                  A psychological state in which people can concentrate fully with out peripheral distraction




•   Reflects user’s mental model

•   It does not converse

•   Keeps tools close at hand

•   Provides modeless feedback

                         How do we design such software?
orchestration
                            Good software should be invisible

•   Orchestration is the process of ensuring all elements work
    harmoniously

    •   Less is more

    •   Don’t design for corner cases

    •   Reflect status – but don’t report normalcy

    •   Don’t interrogate
navigation
            Navigation is a chore even if it is in-line with the user’s flow



•   Keep the number of pages to a minimum – preferably one.

•   Keep the number of panes within a page to a minimum – no more than
    three.

•   Provide sign-posts: fixed persistent elements.

•   Provide overviews: thumbnails, bread-crumbs
exercise
Exercise is interaction that does not contribute to a user’s goal – eliminate it.




•   Don’t force the user to go to a different page – especially to do
    something that effects his current one

•   Don’t force the user to remember things

•   Try to allow input where you have output
inflection
        Organise the interface to minimise the most common navigation path



•   Organise layout according to three attributes

    •   Frequency of use

    •   Degree of dislocation

    •   Degree of risk
visuals
                         Beautiful things work better!

•   Masaaki Kurosu & Kaori Kashimuru

    •   ATM study

    •   Replicated by Noam Tractinsky

•   Usability and aesthetics strongly correlate

•   Emotion and cognition are interlinked – Norman ’04

•   Happy people are more effective in finding alternate solutions & are
    therefore tolerant of minor difficulties – Alice Isen
conclusion


                No more management by dead-line.

Know what you are building, who for, and know when you are finished
questions

More Related Content

What's hot

The Essence of DevOps
The Essence of DevOpsThe Essence of DevOps
The Essence of DevOpsJeff Sussna
 
Why dashboard design should be (but usually never is) based on cognitive scie...
Why dashboard design should be (but usually never is) based on cognitive scie...Why dashboard design should be (but usually never is) based on cognitive scie...
Why dashboard design should be (but usually never is) based on cognitive scie...UXPA International
 
DevOps for the sysadmin
DevOps for the sysadminDevOps for the sysadmin
DevOps for the sysadminRobert Nelson
 
Designing for Efficiency - Kimberly Sanderson (FINAL)
Designing for Efficiency - Kimberly Sanderson (FINAL)Designing for Efficiency - Kimberly Sanderson (FINAL)
Designing for Efficiency - Kimberly Sanderson (FINAL)Kimberly Sanderson
 
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015French Kanban User Group
 
The Lean Enterprise
The Lean EnterpriseThe Lean Enterprise
The Lean EnterpriseRyan Dorrell
 
Heise cusimano
Heise cusimanoHeise cusimano
Heise cusimanoNASAPMC
 

What's hot (9)

The Essence of DevOps
The Essence of DevOpsThe Essence of DevOps
The Essence of DevOps
 
Why dashboard design should be (but usually never is) based on cognitive scie...
Why dashboard design should be (but usually never is) based on cognitive scie...Why dashboard design should be (but usually never is) based on cognitive scie...
Why dashboard design should be (but usually never is) based on cognitive scie...
 
DevOps for the sysadmin
DevOps for the sysadminDevOps for the sysadmin
DevOps for the sysadmin
 
Intelligent design 101
Intelligent design 101Intelligent design 101
Intelligent design 101
 
Designing for Efficiency - Kimberly Sanderson (FINAL)
Designing for Efficiency - Kimberly Sanderson (FINAL)Designing for Efficiency - Kimberly Sanderson (FINAL)
Designing for Efficiency - Kimberly Sanderson (FINAL)
 
Cmm Myself
Cmm MyselfCmm Myself
Cmm Myself
 
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015
Process visualisation - step-by-step - by Natalie Yadrentseva - Kanban Day 2015
 
The Lean Enterprise
The Lean EnterpriseThe Lean Enterprise
The Lean Enterprise
 
Heise cusimano
Heise cusimanoHeise cusimano
Heise cusimano
 

Viewers also liked

Viewers also liked (20)

Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
Media presentatioopn
Media presentatioopnMedia presentatioopn
Media presentatioopn
 
P6tech+art2552
P6tech+art2552P6tech+art2552
P6tech+art2552
 
簡報 新華大陸學位..
簡報 新華大陸學位..簡報 新華大陸學位..
簡報 新華大陸學位..
 
7.3.3 finding the total
7.3.3 finding the total7.3.3 finding the total
7.3.3 finding the total
 
Using excel
Using excelUsing excel
Using excel
 
Before and After Split Screen
Before and After Split ScreenBefore and After Split Screen
Before and After Split Screen
 
Plan de taller
Plan de tallerPlan de taller
Plan de taller
 
Sacramento: Eucaristía 2-3
Sacramento: Eucaristía 2-3Sacramento: Eucaristía 2-3
Sacramento: Eucaristía 2-3
 
Facial features eye structure
Facial features   eye structureFacial features   eye structure
Facial features eye structure
 
ใบงาน
ใบงานใบงาน
ใบงาน
 
La tragicomedia al cine
La tragicomedia al cineLa tragicomedia al cine
La tragicomedia al cine
 
ใบงานที่ 6
ใบงานที่ 6ใบงานที่ 6
ใบงานที่ 6
 
T Fotografia
T FotografiaT Fotografia
T Fotografia
 
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบกลุ่มที่ 7ขั้นตอนการเข้าใช้งาน  Wordpress ในฐานะผู้ดูแลระบบ
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
 
Konformasi isomer
Konformasi isomerKonformasi isomer
Konformasi isomer
 
Photoshop 7
Photoshop 7Photoshop 7
Photoshop 7
 
It new
It newIt new
It new
 
王磊建环调研报告
王磊建环调研报告王磊建环调研报告
王磊建环调研报告
 
Storyboardtemplate
StoryboardtemplateStoryboardtemplate
Storyboardtemplate
 

Similar to IxD talk

Precis Book Agile mgmt software engineering david j andreson summary viramdas...
Precis Book Agile mgmt software engineering david j andreson summary viramdas...Precis Book Agile mgmt software engineering david j andreson summary viramdas...
Precis Book Agile mgmt software engineering david j andreson summary viramdas...Vishwanath Ramdas
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Developmentbinuvt
 
Agile Software Development
Agile Software DevelopmentAgile Software Development
Agile Software DevelopmentAhmet Bulut
 
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...nForm User Experience
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryFresche Solutions
 
The roi of good user experience SDC 2013
The roi of good user experience  SDC 2013The roi of good user experience  SDC 2013
The roi of good user experience SDC 2013inUse
 
Agile software development for startups
Agile software development for startupsAgile software development for startups
Agile software development for startupsHemant Elhence
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
 
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
Module 2nd USER INTERFACE DESIGN (15CS832) - VTUModule 2nd USER INTERFACE DESIGN (15CS832) - VTU
Module 2nd USER INTERFACE DESIGN (15CS832) - VTUSachin Gowda
 
Software engineering for small product companies
Software engineering for small product companiesSoftware engineering for small product companies
Software engineering for small product companiesRaman Kannan
 
Intro Of Agile
Intro Of AgileIntro Of Agile
Intro Of AgileSam Hwang
 
Design Principles
Design PrinciplesDesign Principles
Design PrinciplesDavid Gelb
 
GHAMAS Design Principles
GHAMAS Design PrinciplesGHAMAS Design Principles
GHAMAS Design PrinciplesMichael Rawlins
 
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...KAROLINA ZMITROWICZ
 
UXify Eindhoven: Introduction workshop about User eXperience
UXify Eindhoven: Introduction workshop about User eXperienceUXify Eindhoven: Introduction workshop about User eXperience
UXify Eindhoven: Introduction workshop about User eXperienceTatiana Sidorenkova
 
Software development practices at younginnovations
Software development practices at younginnovationsSoftware development practices at younginnovations
Software development practices at younginnovationsBimal Maharjan
 
Agile Dev and Lean UX
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UXKarri Ojanen
 

Similar to IxD talk (20)

Precis Book Agile mgmt software engineering david j andreson summary viramdas...
Precis Book Agile mgmt software engineering david j andreson summary viramdas...Precis Book Agile mgmt software engineering david j andreson summary viramdas...
Precis Book Agile mgmt software engineering david j andreson summary viramdas...
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
 
Agile Software Development
Agile Software DevelopmentAgile Software Development
Agile Software Development
 
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
The roi of good user experience SDC 2013
The roi of good user experience  SDC 2013The roi of good user experience  SDC 2013
The roi of good user experience SDC 2013
 
Agile software development for startups
Agile software development for startupsAgile software development for startups
Agile software development for startups
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
Module 2nd USER INTERFACE DESIGN (15CS832) - VTUModule 2nd USER INTERFACE DESIGN (15CS832) - VTU
Module 2nd USER INTERFACE DESIGN (15CS832) - VTU
 
Modular UX Process
Modular UX ProcessModular UX Process
Modular UX Process
 
Software engineering for small product companies
Software engineering for small product companiesSoftware engineering for small product companies
Software engineering for small product companies
 
Intro Of Agile
Intro Of AgileIntro Of Agile
Intro Of Agile
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
GHAMAS Design Principles
GHAMAS Design PrinciplesGHAMAS Design Principles
GHAMAS Design Principles
 
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
Simple Ways of Planning, Designing and Testing Usability of a Software Produc...
 
UXify Eindhoven: Introduction workshop about User eXperience
UXify Eindhoven: Introduction workshop about User eXperienceUXify Eindhoven: Introduction workshop about User eXperience
UXify Eindhoven: Introduction workshop about User eXperience
 
Are you Agile enough?
Are you Agile enough?Are you Agile enough?
Are you Agile enough?
 
Software development practices at younginnovations
Software development practices at younginnovationsSoftware development practices at younginnovations
Software development practices at younginnovations
 
Web Operations
Web OperationsWeb Operations
Web Operations
 
Agile Dev and Lean UX
Agile Dev and Lean UXAgile Dev and Lean UX
Agile Dev and Lean UX
 

IxD talk

  • 2. “The intractability of the software construction process – particularly the high cost of programming and the low quality of interaction – is simply not a technical problem” Alan Cooper
  • 3. software • Why is most software bad? Frustrating to use, buggy. • Not programmers fault – they are often the agents of bad software but not the cause • They are not given sufficient time, clear enough direction or adequate designs to succeed
  • 4. software • Providing these should be the job of the Executive and Product teams • But they aren’t delivering – why? • Not (just) stupidity • They don’t have the right tools
  • 5. old methods • Businesses are structured & measured by a system born in mercantilism and refined in industry • It measures the wrong thing in the information age
  • 6. old methods • In the industrial age products were manufactured from solid materials • The money it took to create them were dominated by variable costs • Costs that varied with the amount of stuff made.
  • 7. old methods • Software production is not like this • It does not consume raw materials – no manufacturing costs • The variable costs that dominated manufacturing are non-existent in software production • Software production is not a fixed cost or a variable cost – and it is not R & D...
  • 8. square peg, round hole • ...but in practice it is treated like a manufacturing process (a variable cost) • Businesses grow profits by increasing revenue or decreasing costs • Decreasing costs was quickest and easiest in the manufacturing age
  • 9. square peg, round hole • But software production does not behave like a variable cost – trying to ‘reduce’ it doesn’t work • Worse, it cuts off the only other course of action – increasing revenue by increasing quality means increasing production effort. • Interaction design is the tool used to intelligently increase production effort • Make sure all production effort contributes to quality and revenue
  • 10. misdirected effort • IxD is the bridge between engineering and business • Without adequate communication they tend to talk past each other Features expert beginner Engineers choose features Sales & marketing choose features Utilised features • How do we ensure that effort has real impact on the customer?
  • 11. principles Good software promotes “flow” A psychological state in which people can concentrate fully with out peripheral distraction • Reflects user’s mental model • It does not converse • Keeps tools close at hand • Provides modeless feedback How do we design such software?
  • 12. orchestration Good software should be invisible • Orchestration is the process of ensuring all elements work harmoniously • Less is more • Don’t design for corner cases • Reflect status – but don’t report normalcy • Don’t interrogate
  • 13. navigation Navigation is a chore even if it is in-line with the user’s flow • Keep the number of pages to a minimum – preferably one. • Keep the number of panes within a page to a minimum – no more than three. • Provide sign-posts: fixed persistent elements. • Provide overviews: thumbnails, bread-crumbs
  • 14. exercise Exercise is interaction that does not contribute to a user’s goal – eliminate it. • Don’t force the user to go to a different page – especially to do something that effects his current one • Don’t force the user to remember things • Try to allow input where you have output
  • 15. inflection Organise the interface to minimise the most common navigation path • Organise layout according to three attributes • Frequency of use • Degree of dislocation • Degree of risk
  • 16. visuals Beautiful things work better! • Masaaki Kurosu & Kaori Kashimuru • ATM study • Replicated by Noam Tractinsky • Usability and aesthetics strongly correlate • Emotion and cognition are interlinked – Norman ’04 • Happy people are more effective in finding alternate solutions & are therefore tolerant of minor difficulties – Alice Isen
  • 17. conclusion No more management by dead-line. Know what you are building, who for, and know when you are finished