Follow the Flow - Essentials of User Interaction Design

Essentials of user interaction designMemi BeltrameFollow the FlowEssentials of User Interaction Design© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20091Essentials of user interaction designUser Interaction Design Shapes BehaviourBehaviourInteraction designersUser ExperienceFormContentGraphic designersInformation architects© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20092Essentials of user interaction designBehaviour is the KeyMake the software behave!!like a considerate being• Respond to the different types of users (and their behaviour)• Be rational, clear, friendly.© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20093Essentials of user interaction designThe Principles© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20094Essentials of user interaction designThese are the Rules• Strive for consistency.• Get rid of Excise• Offer informative feedback.• Avoid dialog: Offer UNDO for reversal of actions• IF you use dialog: Design it to yield closure.• Offer simple error handling.• Provide the sense of control.• Reduce short-term memory load.© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20095Essentials of user interaction designConsistency© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20096Essentials of user interaction designStrive for consistencyBehaviour:task steps, feedback, action vs navigationForm:Contentcolor, shapes,command names, tonetypography, layout,icons© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20097Essentials of user interaction designConsistency Rules• Consistency does not imply rigidity• Visually distinguish elements that behave differently. Visually group elements that behave in the same way© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20098Essentials of user interaction designExcise© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.20099Essentials of user interaction designEliminate exciseExcise is• unnecessary work load,• visual elements that distract the user• complexity that confuses or overwhelms the user! Get rid of excise, sofort !© Liip AG - Memi Beltrame - Essentials of User Interaction Design - v3 21.09.200910