Interaction design


Published on


  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Interaction design

  1. 1. Interaction
  2. 2. The general process of a website development Initiate a Identify Competitive project needs analysis Code Graphic Interaction webpages design design Build the Evaluate the website website
  3. 3. What is interaction design?
  4. 4. Traditional design pays attention to • visual feeling --- graphic design, industrial design
  5. 5. Traditional design pays attention to • tactile feeling --- human engineering
  6. 6. The three design dimensionsAccording to Norman in his emotional design, visualand tactile design are belong to one of the threedesign dimensions -- Visceral design. Visceral design is about how things look, feel and sound. It brings surprise from perspective of sense.
  7. 7. The three design dimensions Visceral design > form Behavioral design > use & performance Reflective design > the meaning of things, self-image
  8. 8. The three design dimensionsSimple explanations:Visceral design pays attentions to user’s first feeling of theproduct, for example: beauty.
  9. 9. The three design dimensionsSimple explanations:Behavioral design pays attentions to user experience, such asusability and functional design. v.s.
  10. 10. The three design dimensionsSimple explanations:Reflective design pays attentions to user’s feeling after use thisproduct, for example, users will feel satisfied and fun after useroller coaster .
  11. 11. The three design dimensionsA good design would contain these three dimensions, andmake the product: • Beautiful • Practical • Pleasant Interaction design was mainly about the second dimension: behavioral design.
  12. 12. Definition of interaction designInteraction design is about defining the behaviour of artefacts,environments, and systems (for example, products). Jodi Forlizzi & Robert Reimann Unlike traditional design that focuses on style/form, interaction design first define behavioral process, and then try to find the most efficient way to convey this process.
  13. 13. A simple explanation of interaction design by myself: Interaction design is to design interactive processbetween user and product based on investigation ofuser behavior, so that it could help user to achievetheir goal easier and better.
  14. 14. Example of interaction design
  15. 15. Please try to point out the playing song inside this player.
  16. 16. Please try to point out the playing song inside this player. ? ? ? ? In fact it is this song, but can you find it quickly?
  17. 17. Compared to previous player, you could noticed the playingsong quickly in this player.
  18. 18. The squint test (squint your eyes to check design frame work inblur)
  19. 19. The squint test (squint your eyes to check design frame work inblur)There is three main parts in these players: play part, list part,recommendation part. It is obviously that the right one is moredistinct.
  20. 20. Although the left player mimicked windows media player, itdidn’t catch the distinct point.
  21. 21. Interaction design includes not only mini details, but alsowhole process such as flow chart, and translates it into wireflame. 进入活动首页,点击预定或者查询 Qq会员登录验证,弹出登 录框非会员,弹出框中提示,更换qq号码 会员,跳转页面进入深航页面,选择成为会员 机票(头等舱和商务舱都无座),下(弹出框可以关闭) 一步 填写旅客信息和人数,显示机票价格,上一步 下一步 生成订单,上一步 财付通支付 Qq会员登录验证
  22. 22. User experienceThe objective of interaction design is to support better userexperience.Definition of user experience :User experience (UX) is the way a person feels about usinga product, system or service.
  23. 23. According to Alan Cooper, user experiencedesign contains three aspects: form,content,behavior. Interaction design is behavioral part ofit. Content Form Information architects Graphic designers Copywriters Industrial designers animators Sound designers Behavior Interaction designers
  24. 24. Interaction design methodsCard Sortingit is tool to observe how users categorize information, whichcould help you organize the website information.-------------------------------------------------Contextual InterviewsIt is a user research method that applies ethnographicobservation and one-on-one interviewing to understand thetask procedures that users follow to reach their goals.-------------------------------------------------Focus GroupsA Moderator facilitates a small group of participants fordiscussion, so that you could understand users’ ideas,attitudes and needs.-------------------------------------------------Heuristic Evaluation Heuristic evaluation involves having a small set of evaluatorsexamine the interface and judge its compliance withrecognized usability principles.
  25. 25. Interaction design methodsIndividual InterviewsIndividual interviews typically refer to talking with one user at atime , which c can give you a deep understanding of the peoplewho come to your site.-------------------------------------------------- Parallel DesignSeveral people create an initial design from the same set ofrequirements. This process helps to generate many different,diverse ideas and ensures that the best ideas from eachdesign are integrated into the final concept.--------------------------------------------------PersonasA persona is a fictional person who represents a major usergroup for your website site, which could help the team focus onthe users’ goals and needs.--------------------------------------------------PrototypingIt is a draft version of a Web site, which could be used fortesting before investing time and money into development .
  26. 26. Interaction design methodsSurveysIt is a way to conduct online or paper questionnaires amongusers to collect their responses of the web site.--------------------------------------------------Task AnalysisIt means learning about specific task users must do to meetthose goals and what steps they take to accomplish thosetasks.--------------------------------------------------Usability TestingUsability testing is a technique used to evaluate a product bytesting it with representative users. In the test, these users willtry to complete typical tasks while observers watch, listen andtakes notes.--------------------------------------------------Use Cases Use cases describe the interaction between a primary actor(the initiator of the action) and the system itself.--------------------------------------------------
  27. 27. THANKS, THE END…. Zumei 2012-09-28