Introduction to Interface and Interaction Design
•
2 likes•568 views
Lecture slides from Interface and Interaction Design course in Tallinn University
Recommended
Recommended
More Related Content
Similar to Introduction to Interface and Interaction Design
Similar to Introduction to Interface and Interaction Design (20)
More from Hans Põldoja
More from Hans Põldoja (20)
Recently uploaded
Recently uploaded (20)
Introduction to Interface and Interaction Design
- 1. MII7134 Interface and Interaction Design Hans Põldoja Tallinn University
- 2. Focus of the course • Focus on web-based user interfaces • Topics: scenarios, personas, user stories, information architecture diagrams, prototypes, XHTML, CSS, accessibility, evaluation
- 3. Structure of the course • 5 day workshop • Online blogging seminar and independent work • Presentation of course projects • Graded assessment
- 4. Learning environment • Course blog: http://www.hanspoldoja.net/mii7134/ • Del.icio.us: http://del.icio.us • Slideshare: http://www.slideshare.net • Flickr: http://www.flickr.com • Tag: mii7134
- 6. “Design is not just what it looks like and feels like. Design is how it works.” (Steve Jobs)
- 7. “Form follows function” (Louis Sullivan)
- 8. Design as a process
- 9. The Pervasive Usability Process Requirements Conceptual Mockups and Production Launch analysis design prototypes Evaluation
- 10. Requirements analysis • Requirements specification • User Interviews • User Surveys • Competitive Analysis
- 11. Requirements analysis • Requirements specification > Personas, Scenarios • User interviews > Participatory design sessions • User surveys • Competitive analysis
- 12. Personas
- 13. Personas • Photo • Background info (age, gender, computer, tech skills, disabilities, ...) • Goals with the web site (experience goals, end goals) • Information seeking styles • Usability needs
- 14. Scenarios
- 15. Participatory design sessions
- 16. Participatory design sessions • Write guidelines for arranging the design session • Find 2...4 users for the design session • Present scenarios and ask feedback • Take notes, record the session and make a summary
- 18. Competitive analysis • Title and URL • Screenshot • Pros • Cons • Usability Issues
- 19. Project ideas
- 26. Your idea comes here....
- 27. References • Brinck, T., Gergle, D., Wood, S.D. (2002). Usability for the web: designing web sites that work. Morgan Kaufmann Publishers.
- 28. Photos • http://www.flickr.com/photos/delgoff/435077003/ • http://www.flickr.com/photos/kk/57090119/ • http://www.flickr.com/photos/hanspoldoja/1762379848/ • http://www.flickr.com/photos/cybertaur1/463401444/ • http://www.flickr.com/photos/enzomolinari/1306012480/ • http://www.flickr.com/photos/robandstephanielevy/234434882/