Introduction to Interface and Interaction Design

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    1 Favorite & 1 Group

    Introduction to Interface and Interaction Design - Presentation Transcript

    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
    5. Understanding design
    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
    17. Competitive analysis
    18. Competitive analysis • Title and URL • Screenshot • Pros • Cons • Usability Issues
    19. Project ideas
    20. Your idea comes here....
    21. References • Brinck, T., Gergle, D., Wood, S.D. (2002). Usability for the web: designing web sites that work. Morgan Kaufmann Publishers.
    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/

    + Hans PõldojaHans Põldoja, 2 years ago

    custom

    1655 views, 1 favs, 1 embeds more stats

    Lecture slides from Interface and Interaction Desig more

    More info about this document

    CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

    Go to text version

    • Total Views 1655
      • 1641 on SlideShare
      • 14 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 18
    Most viewed embeds
    • 14 views on http://www.hanspoldoja.net

    more

    All embeds
    • 14 views on http://www.hanspoldoja.net

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Groups / Events