Interaction design
- 2. Interaction design is complex…….. Psychology Information Design Experience Design Content Strategy Graphic Design Copywriting Anthropology Ergonomics Information Architecture Human Factors Aesthetics Typography Physiology Visual Design Brand Human – Computer Interaction
- 3. Definition • Interaction Design Association, interaction design, often abbreviated IxD, defines the structure and behavior of interactive systems. Interaction designers strive to create meaningful relationships between people and the products and services that they use, from computers, to mobile devices, to appliances, and beyond.
- 4. Design Process Traditional Water fall Define Design Develop Deploy Sprint 1 Sprint 2 Sprint 3 Sprint 4 Agile Hybrid Design Prototype Measure Improve
- 6. Core Principles of Idx • Consistency - because people notice change • Perceivability – invites interaction • Learnability – makes interaction simple • Predictability – sets accurate expectations • Feedback – acknowledges our interactions
- 7. Principle forms the system Perceive Consistent Observe & Practice Predict Interact Learn Feedback
- 8. Building the interface for your audience • • • • • • Understand context & motivation Tailor the content for your audience Understand the audience the behavior Understand how people browse/use the interface people are coming to the interface with specific goals in their mind. Design to meet the goals & needs Don’t get in way of the information Simple, consistent & standard design : DO NOT MAKE PEOPLE THINK REMEMBER : PEOPLE ARE LAZY. THEY WILL CHOOSE WHATEVER IS EASIER. If not using your interface is easier – so be it.
- 9. ARE YOU BORED ? Let me share some cool designs with you in next slides……
- 10. http://cambridgehealthcare.com/ Simple. Clean. Transparency. Blue.
- 11. www.feyt.com Simple. Clean. White. Great use of Icons.
- 12. http://www.yellowmarshmallow.co.uk/ Simple. Clean. Yellow. Clever use of space. To the point.
- 13. Inspired ? Lets discuss NAVIGATION Two main purpose of navigation : 1. Help people move around 2. Help them understand where they are
- 14. More on Navigation - Content needs a structure - Navigation Labels - Use words what people are used to – No need to show your Language skills -Post finalizing the structure – Decide best way to display it. Remember People move their mouse in straight line. - Don’t use industry or company specific Jargons - Law of Pragnanz -The Law of Proximity - The Law of Similarity - The Law of Closure - -Or Gestalt Psychology
- 15. Shaping thinking Using images & colours & perception of motion.. - Trichromatic theory Understand cognitive biases Communicate with labels & icons Consider Framing effect Understand Cognitive Load Its not about animation, graphics, making associations & providing structure……. How do you solve their problem ? Its about people behavior !
- 16. Devil lies in the details Consider your user & you will be fine. Source of this presentation : 1. Internet ☺ 2. Dr. Dave Hogue & Chris Nodder