SlideShare a Scribd company logo
1 of 40
Download to read offline
IFI7103 Interface and
  Interaction Design

       Hans Põldoja
     Tallinn University
This work is licensed under the Creative Commons Attribution-Share
Alike 3.0 Unported License. To view a copy of this license, visit http://
creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative
Commons, 171 Second Street, Suite 300, San Francisco, California,
94105, USA.
Focus of the course


•   Focus on web-based user interfaces

•   Topics: personas, scenarios, user stories,
    information architecture, wireframes, prototypes,
    usability, accessibility, user testing
Structure of the course


•   3 × 2 day workshop (30 hours)

•   Group projects (30 hours)

•   Independent reading and book summary (60
    hours)

•   Graded assessment
Learning environment


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

•   Delicious: http://delicious.com

•   Slideshare: http://www.slideshare.net

•   Scribd: http://www.scribd.com

•   Tag: imkedesign
http://imkedesign.wordpress.com
http://www.shelfari.com/ifi/tags/ifi7103
Historical background
IS / MIS

•   Information systems / management information
    systems (1960’s and 1970’s):

    •   Humans seen as information processors with
        limited abilities

    •   Machine seen as an actor that is replacing well-
        defined routines

    •   System is in the centre
Participatory design


•   Opposition movement agains MIS and technical
    view on design (1970’s, Nordic countries)

•   User is seen as active actor and skilled craftsman

•   System seen as a tool, not as an actor
Human-Computer Interaction

•   Study of interaction between people (users) and
    computers

•   Combines computer science, communication
    theory, graphic design, industrial design, linguistics,
    cognitive psychology

•   Lab experiments, strong influence of cognitive
    psychology

•   Gap between theory and practice
Usability


•   Opposition to HCI in 1980’s and 1990’s

•   Serving the needs of software industry

•   Designing with “users in mind”

•   Usability evaluation methods
Interaction design

•   Shaping of interactive products and services with a
    specific focus on their use

•   Design discipline affiliated with industrial design
    and architecture

•   Disappointment in technical approaches (HCI,
    usability)

•   More products and services are targeted for
    consumer markets
Current developments



•   User experience design

•   Happiness design ;) ?
Design as a process
The Pervasive Usability Process
   Requirements   Conceptual   Mockups and
                                             Production   Launch
     analysis       design      prototypes




                                Evaluation
Schedule of the course

•   09.02 — personas, scenarios, design sessions

•   10.02 — user stories, conceptual design

•   30.03 — information architecture

•   31.03 — wireframes and prototypes

•   16.04–17.04 — usability, accessibility, finalizing the
    design
Requirements analysis


•   Requirements specification

•   User interviews

•   User surveys

•   Competitive analysis
Requirements analysis


•   Requirements specification > Personas, scenarios

•   User interviews > Participatory design sessions

•   User surveys

•   Competitive analysis
Personas
Personas

•   Photo

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

•   Goals with the web site (experience goals, end
    goals)

•   Information seeking styles

•   Usability needs
Scenarios
Participatory design
      sessions
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
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 Kaufmann Publishers.
Photos
• 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/
Thank you!



•   hans.poldoja@tlu.ee

•   Skype: hanspoldoja

More Related Content

Similar to IFI7103 Interface and Interaction Design

Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Methods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users NeedsMethods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users NeedsLuis Carlos Aceves
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
Google Android Experiences
Google Android ExperiencesGoogle Android Experiences
Google Android Experiencesatomi
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshopPatrick McNeil
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframesHong Qu
 
Designing Experience F08
Designing Experience F08Designing Experience F08
Designing Experience F08anh.dang
 
Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Samantha Bailey
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebrootNancy Shepard
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX Murali Krishna
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really wantleisa reichelt
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...DEVCON
 
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Marcy Kellar
 

Similar to IFI7103 Interface and Interaction Design (20)

Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Methods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users NeedsMethods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users Needs
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
Google Android Experiences
Google Android ExperiencesGoogle Android Experiences
Google Android Experiences
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframes
 
Parents
ParentsParents
Parents
 
Designing Experience F08
Designing Experience F08Designing Experience F08
Designing Experience F08
 
Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX Portfolio
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebroot
 
User-Centered Design
User-Centered DesignUser-Centered Design
User-Centered Design
 
Hcsd talk ibm
Hcsd talk ibmHcsd talk ibm
Hcsd talk ibm
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
 
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
 

More from Hans Põldoja

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidHans Põldoja
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityHans Põldoja
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidHans Põldoja
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseHans Põldoja
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigusHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineHans Põldoja
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineHans Põldoja
 

More from Hans Põldoja (20)

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

Recently uploaded

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 

Recently uploaded (20)

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

IFI7103 Interface and Interaction Design

  • 1. IFI7103 Interface and Interaction Design Hans Põldoja Tallinn University
  • 2. This work is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported License. To view a copy of this license, visit http:// creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
  • 3. Focus of the course • Focus on web-based user interfaces • Topics: personas, scenarios, user stories, information architecture, wireframes, prototypes, usability, accessibility, user testing
  • 4. Structure of the course • 3 × 2 day workshop (30 hours) • Group projects (30 hours) • Independent reading and book summary (60 hours) • Graded assessment
  • 5. Learning environment • Course blog: http://imkedesign.wordpress.com • Delicious: http://delicious.com • Slideshare: http://www.slideshare.net • Scribd: http://www.scribd.com • Tag: imkedesign
  • 9. IS / MIS • Information systems / management information systems (1960’s and 1970’s): • Humans seen as information processors with limited abilities • Machine seen as an actor that is replacing well- defined routines • System is in the centre
  • 10.
  • 11. Participatory design • Opposition movement agains MIS and technical view on design (1970’s, Nordic countries) • User is seen as active actor and skilled craftsman • System seen as a tool, not as an actor
  • 12.
  • 13. Human-Computer Interaction • Study of interaction between people (users) and computers • Combines computer science, communication theory, graphic design, industrial design, linguistics, cognitive psychology • Lab experiments, strong influence of cognitive psychology • Gap between theory and practice
  • 14.
  • 15. Usability • Opposition to HCI in 1980’s and 1990’s • Serving the needs of software industry • Designing with “users in mind” • Usability evaluation methods
  • 16.
  • 17. Interaction design • Shaping of interactive products and services with a specific focus on their use • Design discipline affiliated with industrial design and architecture • Disappointment in technical approaches (HCI, usability) • More products and services are targeted for consumer markets
  • 18.
  • 19. Current developments • User experience design • Happiness design ;) ?
  • 20. Design as a process
  • 21. The Pervasive Usability Process Requirements Conceptual Mockups and Production Launch analysis design prototypes Evaluation
  • 22. Schedule of the course • 09.02 — personas, scenarios, design sessions • 10.02 — user stories, conceptual design • 30.03 — information architecture • 31.03 — wireframes and prototypes • 16.04–17.04 — usability, accessibility, finalizing the design
  • 23. Requirements analysis • Requirements specification • User interviews • User surveys • Competitive analysis
  • 24. Requirements analysis • Requirements specification > Personas, scenarios • User interviews > Participatory design sessions • User surveys • Competitive analysis
  • 26. Personas • Photo • Background info (age, gender, computer, tech skills, disabilities, ...) • Goals with the web site (experience goals, end goals) • Information seeking styles • Usability needs
  • 29. 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
  • 31. Competitive analysis • Title and URL • Screenshot • Pros • Cons • Usability Issues
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Your idea comes here....
  • 38. References • Brinck, T., Gergle, D., Wood, S.D. (2002). Usability for the web: designing web sites that work. Morgan Kaufmann Publishers.
  • 39. Photos • 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/
  • 40. Thank you! • hans.poldoja@tlu.ee • Skype: hanspoldoja