MII7134 Interface and
 Interaction Design

       Hans Põldoja
     Tallinn University
Focus of the course


•   Focus on web-based user interfaces

•   Topics: scenarios, personas, user stories,
    informati...
Structure of the course


•   5 day workshop

•   Online blogging seminar and independent work

•   Presentation of course...
Learning environment


•   Course blog: http://www.hanspoldoja.net/mii7134/

•   Del.icio.us: http://del.icio.us

•   Slid...
Understanding design
“Design is not just what it looks like and
feels like. Design is how it works.” (Steve
Jobs)
“Form follows function” (Louis Sullivan)
Design as a process
The Pervasive Usability Process
   Requirements   Conceptual   Mockups and
                                             Pr...
Requirements analysis


•   Requirements specification

•   User Interviews

•   User Surveys

•   Competitive Analysis
Requirements analysis


•   Requirements specification > Personas, Scenarios

•   User interviews > Participatory design se...
Personas
Personas

•   Photo

•   Background info (age, gender, computer, tech skills,
    disabilities, ...)

•   Goals with the w...
Scenarios
Participatory design
      sessions
Participatory design sessions


•   Write guidelines for arranging the design session

•   Find 2...4 users for the design...
Competitive analysis
Competitive analysis


•   Title and URL

•   Screenshot

•   Pros

•   Cons

•   Usability Issues
Project ideas
Your idea comes
    here....
References
• Brinck, T., Gergle, D., Wood, S.D. (2002). Usability for the web: designing web
  sites that work. Morgan Kau...
Photos
• http://www.flickr.com/photos/delgoff/435077003/

• http://www.flickr.com/photos/kk/57090119/

• http://www.flickr.co...
Introduction to Interface and Interaction Design
Introduction to Interface and Interaction Design
Introduction to Interface and Interaction Design
Introduction to Interface and Interaction Design
Introduction to Interface and Interaction Design
Introduction to Interface and Interaction Design
Upcoming SlideShare
Loading in …5
×

Introduction to Interface and Interaction Design

3,283 views

Published on

Lecture slides from Interface and Interaction Design course in Tallinn University

Published in: Economy & Finance
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,283
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
38
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Introduction to Interface and Interaction Design

  1. 1. MII7134 Interface and Interaction Design Hans Põldoja Tallinn University
  2. 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. 3. Structure of the course • 5 day workshop • Online blogging seminar and independent work • Presentation of course projects • Graded assessment
  4. 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
  5. 5. Understanding design
  6. 6. “Design is not just what it looks like and feels like. Design is how it works.” (Steve Jobs)
  7. 7. “Form follows function” (Louis Sullivan)
  8. 8. Design as a process
  9. 9. The Pervasive Usability Process Requirements Conceptual Mockups and Production Launch analysis design prototypes Evaluation
  10. 10. Requirements analysis • Requirements specification • User Interviews • User Surveys • Competitive Analysis
  11. 11. Requirements analysis • Requirements specification > Personas, Scenarios • User interviews > Participatory design sessions • User surveys • Competitive analysis
  12. 12. Personas
  13. 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. 14. Scenarios
  15. 15. Participatory design sessions
  16. 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
  17. 17. Competitive analysis
  18. 18. Competitive analysis • Title and URL • Screenshot • Pros • Cons • Usability Issues
  19. 19. Project ideas
  20. 20. Your idea comes here....
  21. 21. References • Brinck, T., Gergle, D., Wood, S.D. (2002). Usability for the web: designing web sites that work. Morgan Kaufmann Publishers.
  22. 22. 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/

×