SlideShare a Scribd company logo
Interface and Interaction Design
Introduction to the course
cba
This work is licensed under the Creative Commons
Attribution-ShareAlike 3.0 Estonia License. To view a copy of
this license, visit http://creativecommons.org/licenses/by-sa/3.0/
ee/ or send a letter to Creative Commons, 171 Second Street,
Suite 300, San Francisco, California, 94105, USA.
Introductions round
http://imkedesign.wordpress.com
Structure of the course


•   3 × 2 day workshop (30 hours)

•   Group projects (32 hours)

•   Independent reading and book summary (40
    hours)

•   Exam
February

Wed 09.02
  Introduction to the course. Choosing topics for
  group projects. Creating personas.
Thu 10.02
  Writing scenarios. Organizing a participatory
  design session. Writing user stories.
March


Wed 09.03
   Creating paper prototypes. Interaction design
   patterns.
Thu 10.03
   Testing and improving paper prototypes.
May


Wed 04.05
   Creating user interface prototypes. Shooting a
   scenario video about the design project.
Thu 05.05
   Shooting and editing the video. Presentations.
Design session 1
                   Scenarios
Video scenario

                                              User stories
                 Personas


                            Idea
                                         Paper prototypes
User interface prototypes


                        Design session 1I
Learning environment


•   Course blog: http://imkedesign.wordpress.com

•   Course tag: imkedesign (#imkedesign)

•   SlideShare, Scribd, Twitter, Delicious, Flickr,
    YouTube, Mendeley, blogs, ...
Course readings



•   200...300 page book or selected chapters

•   Book summary (800–1200 words)

•   Books available in IFI and local libraries
Exam grading



•   Group work — 80%

•   Book summary — 20%

•   80% of attendance required
e-Vent
Projects from previous
         years
Roles needed in the group

•   Scenario writing

•   Sketching and prototyping

•   Graphical design and image editing

•   XHTML and CSS

•   Movie shooting and editing

•   Project management

•   ...
Thank You!



•   hans.poldoja@tlu.ee

•   http://imkedesign.wordpress.com

More Related Content

PDF
Interface and Interaction Design: Introduction to the course
PPTX
Academic Video
PPTX
Building Design Systems
PPTX
Presentations in English
PDF
How to write a proposal to speak at a conference? Hints & tips
PDF
IFI 7103 Interface and Interaction Design
PDF
Kursuse läbiviimine ajaveebides: #oppematerjalid
PDF
Web-based dissemination
Interface and Interaction Design: Introduction to the course
Academic Video
Building Design Systems
Presentations in English
How to write a proposal to speak at a conference? Hints & tips
IFI 7103 Interface and Interaction Design
Kursuse läbiviimine ajaveebides: #oppematerjalid
Web-based dissemination

Viewers also liked (20)

PDF
Õpikeskkonnad ja õpihaldussüsteemid
PDF
Digitaalse õppevara koostamine ja haldamine koolis
PDF
Digitaalsed oppematerjalid ja autoriõigus
PDF
Uued õpikeskkonnad
PDF
Introduction to Interaction Design
PDF
Physical interaction design
PDF
Simple usability testing
PDF
Personas in Interaction Design
PDF
Paper prototyping
PDF
User Stories in Interaction Design
PDF
Personas in Interaction Design
PDF
User Stories In Interaction Design
PDF
IFI7156.DT Interaction Design Methods: Introduction to the course
PDF
Introduction to Interaction Design
PDF
IFI7156 Interaction Design Methods: Introduction to the course
PDF
Contextual Inquiry and Personas in Interaction Design
PDF
User interface prototyping techniques
PDF
Introduction to Interaction Design
PDF
User Stories in Interaction Design
PDF
Scenario-Based Design
Õpikeskkonnad ja õpihaldussüsteemid
Digitaalse õppevara koostamine ja haldamine koolis
Digitaalsed oppematerjalid ja autoriõigus
Uued õpikeskkonnad
Introduction to Interaction Design
Physical interaction design
Simple usability testing
Personas in Interaction Design
Paper prototyping
User Stories in Interaction Design
Personas in Interaction Design
User Stories In Interaction Design
IFI7156.DT Interaction Design Methods: Introduction to the course
Introduction to Interaction Design
IFI7156 Interaction Design Methods: Introduction to the course
Contextual Inquiry and Personas in Interaction Design
User interface prototyping techniques
Introduction to Interaction Design
User Stories in Interaction Design
Scenario-Based Design
Ad

Similar to Interface and Interaction Design (20)

PDF
COMP 4026 Lecture2: Design and Prototype
PDF
PxS'12 - week 1 - Introduction
PPT
UCD and low-fidelity prototyping
PDF
User-Centered Design
PDF
Introduction to Prototyping: What, Why, How
PPTX
Week 8 & 10
PPT
prototyping-chap-03.ppt
PDF
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
PDF
MHIT 603: Introduction to Prototyping
PDF
Application Prototyping - Pablo González - Capturing and Managing Requirements
PDF
IFI7103 Interface and Interaction Design
PPTX
IT7 FIGMA Chapter 5 - Design Basics.pptx
PPT
Designing and prototyping
PPT
Designing and prototyping
PDF
Hci intro + task
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PDF
Using rapid prototying_for_design_iteration
KEY
Summer School 2012 Introduction
PDF
Basic Principles of Interface design
PDF
Wireframes and UI-Prototypes
 
COMP 4026 Lecture2: Design and Prototype
PxS'12 - week 1 - Introduction
UCD and low-fidelity prototyping
User-Centered Design
Introduction to Prototyping: What, Why, How
Week 8 & 10
prototyping-chap-03.ppt
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
MHIT 603: Introduction to Prototyping
Application Prototyping - Pablo González - Capturing and Managing Requirements
IFI7103 Interface and Interaction Design
IT7 FIGMA Chapter 5 - Design Basics.pptx
Designing and prototyping
Designing and prototyping
Hci intro + task
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Using rapid prototying_for_design_iteration
Summer School 2012 Introduction
Basic Principles of Interface design
Wireframes and UI-Prototypes
 
Ad

More from Hans Põldoja (20)

PDF
Transforming Higher Education with Open Educational Practices
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Avatud haridus
PDF
Õpikeskkondade disain
PDF
Õpikeskkondadega seotud tehnoloogiad ja standardid
PDF
Digital transformation in education in Tallinn University
PDF
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
PDF
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
PDF
Digiõppevara autoriõigus
PDF
Viidete vormistamine APA 7 viitamissüsteemis
PDF
Esitluste koostamine ja avalik esinemine
PDF
Teadmuse visualiseerimise vahendid
PDF
Avatud haridus
PDF
Viidete vormistamine APA 7 viitamissüsteemis
PDF
Õpikeskkondade disain
PDF
Teadmuse visualiseerimise vahendid
PDF
Infoallikad, infootsing ja viitamine
PDF
Infoallikate hindamine, haldamine ja kasutamine
Transforming Higher Education with Open Educational Practices
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Avatud haridus
Õpikeskkondade disain
Õpikeskkondadega seotud tehnoloogiad ja standardid
Digital transformation in education in Tallinn University
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
Digiõppevara autoriõigus
Viidete vormistamine APA 7 viitamissüsteemis
Esitluste koostamine ja avalik esinemine
Teadmuse visualiseerimise vahendid
Avatud haridus
Viidete vormistamine APA 7 viitamissüsteemis
Õpikeskkondade disain
Teadmuse visualiseerimise vahendid
Infoallikad, infootsing ja viitamine
Infoallikate hindamine, haldamine ja kasutamine

Recently uploaded (20)

PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
6- Architecture design complete (1).pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
building Planning Overview for step wise design.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
joggers park landscape assignment bandra
PDF
The Advantages of Working With a Design-Build Studio
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
Urban Design Final Project-Context
PPTX
An introduction to AI in research and reference management
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
AD Bungalow Case studies Sem 2.pptxvwewev
6- Architecture design complete (1).pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
building Planning Overview for step wise design.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
mahatma gandhi bus terminal in india Case Study.pptx
Chalkpiece Annual Report from 2019 To 2025
joggers park landscape assignment bandra
The Advantages of Working With a Design-Build Studio
SEVA- Fashion designing-Presentation.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Wisp Textiles: Where Comfort Meets Everyday Style
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Urban Design Final Project-Context
An introduction to AI in research and reference management
CLASSIFICATION OF YARN- process, explanation
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

Interface and Interaction Design

  • 1. Interface and Interaction Design Introduction to the course
  • 2. cba This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Estonia License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/3.0/ ee/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
  • 5. Structure of the course • 3 × 2 day workshop (30 hours) • Group projects (32 hours) • Independent reading and book summary (40 hours) • Exam
  • 6. February Wed 09.02 Introduction to the course. Choosing topics for group projects. Creating personas. Thu 10.02 Writing scenarios. Organizing a participatory design session. Writing user stories.
  • 7. March Wed 09.03 Creating paper prototypes. Interaction design patterns. Thu 10.03 Testing and improving paper prototypes.
  • 8. May Wed 04.05 Creating user interface prototypes. Shooting a scenario video about the design project. Thu 05.05 Shooting and editing the video. Presentations.
  • 9. Design session 1 Scenarios Video scenario User stories Personas Idea Paper prototypes User interface prototypes Design session 1I
  • 10. Learning environment • Course blog: http://imkedesign.wordpress.com • Course tag: imkedesign (#imkedesign) • SlideShare, Scribd, Twitter, Delicious, Flickr, YouTube, Mendeley, blogs, ...
  • 11. Course readings • 200...300 page book or selected chapters • Book summary (800–1200 words) • Books available in IFI and local libraries
  • 12. Exam grading • Group work — 80% • Book summary — 20% • 80% of attendance required
  • 15. Roles needed in the group • Scenario writing • Sketching and prototyping • Graphical design and image editing • XHTML and CSS • Movie shooting and editing • Project management • ...
  • 16. Thank You! • hans.poldoja@tlu.ee • http://imkedesign.wordpress.com