SlideShare a Scribd company logo
HCI Foundation For Interaction Design2011/02/20
The Design Process Model Mission statement (Goals, Scope, Risk) Requirements document    (Requirements, Function, Information) Input/output Project document  (Task, Evaluation method,       Maintenance,    Future needs) Conceptual Design (find the needs, including persona, scenarios, use case…) Physical Design (realized in real word, including prototypes, wireframes…) Usability study
Discovery 5W+H Why When How
Discovery Interview Self-report Method of Collection Observation Session Context Mapping Customer Journey
Conceptual Design Brainstorming Card sort Persona Flowcharts Storyboarding Use cases Mood boards
PhysicalDesign Prototypes Wireframes Menu tree (Fitts’ Law) Function define Interaction style (keyboard, mouse…) Visual style (color, icon…) Usability (Effectiveness, Efficiency and Satisfaction)
Thanks to: Steven Heim, “The Resonant Interface HCI Foundations for Interaction Design”

More Related Content

Viewers also liked

UX & Responsive Design
UX & Responsive DesignUX & Responsive Design
UX & Responsive Design
Clarissa Peterson
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignClarissa Peterson
 
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
Amy Silvers
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & Resources
Clarissa Peterson
 
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile MomentsVirtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
DesignCaffeine, Inc.
 
Understanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It MattersUnderstanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It Matters
Christina Wodtke
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
Clarissa Peterson
 
The Principles of Interface
The Principles of InterfaceThe Principles of Interface
The Principles of Interface
Christina Wodtke
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
Christina Wodtke
 
Design Thinking With Persona
Design Thinking With PersonaDesign Thinking With Persona
Design Thinking With Persona
Franki Chamaki
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
BuiltByHQ
 
The Executioner's Tale
The Executioner's TaleThe Executioner's Tale
The Executioner's Tale
Christina Wodtke
 

Viewers also liked (12)

UX & Responsive Design
UX & Responsive DesignUX & Responsive Design
UX & Responsive Design
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
 
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
"We're Not Worthy": Overcoming and Escaping Impostor Syndrome
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & Resources
 
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile MomentsVirtual Seminar: Cross-Channel Design: Magic Mobile Moments
Virtual Seminar: Cross-Channel Design: Magic Mobile Moments
 
Understanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It MattersUnderstanding User Experience Design & Why It Matters
Understanding User Experience Design & Why It Matters
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
 
The Principles of Interface
The Principles of InterfaceThe Principles of Interface
The Principles of Interface
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
Design Thinking With Persona
Design Thinking With PersonaDesign Thinking With Persona
Design Thinking With Persona
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 
The Executioner's Tale
The Executioner's TaleThe Executioner's Tale
The Executioner's Tale
 

Similar to Hci foundation for interaction design

Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly designMayaLisa
 
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
Link Positive, Inc.
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
Mark N Swaine
 
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
Service Design Network
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
Karri Ojanen
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
dpanarelli
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's Work
Valeria Gasik
 
User Experience Roles Competencies
User Experience  Roles  CompetenciesUser Experience  Roles  Competencies
User Experience Roles Competencies
Sameer Chavan
 
Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)
Dave Malouf
 
Design Documentation
Design DocumentationDesign Documentation
Design Documentation
Peter Boersma
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
Kshitiz Anand
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introduction
Valeria Gasik
 
Hci Map2
Hci Map2Hci Map2
Hci Map2
shaeful
 
Ux design process
Ux design processUx design process
Ux design process
Prateek Agrawal
 
Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)
Keith Instone
 

Similar to Hci foundation for interaction design (20)

Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly design
 
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
 
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
Peter Fossick: Creating a Service Design playbook in the era of cognitive com...
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's Work
 
Hci
HciHci
Hci
 
User Experience Roles Competencies
User Experience  Roles  CompetenciesUser Experience  Roles  Competencies
User Experience Roles Competencies
 
Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)
 
Design Documentation
Design DocumentationDesign Documentation
Design Documentation
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introduction
 
Luxi chen
Luxi chenLuxi chen
Luxi chen
 
Hci Map2
Hci Map2Hci Map2
Hci Map2
 
Hci Map
Hci MapHci Map
Hci Map
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
Ux design process
Ux design processUx design process
Ux design process
 
Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)
 

Recently uploaded

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
Product School
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 

Recently uploaded (20)

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 

Hci foundation for interaction design

  • 1. HCI Foundation For Interaction Design2011/02/20
  • 2. The Design Process Model Mission statement (Goals, Scope, Risk) Requirements document (Requirements, Function, Information) Input/output Project document (Task, Evaluation method, Maintenance, Future needs) Conceptual Design (find the needs, including persona, scenarios, use case…) Physical Design (realized in real word, including prototypes, wireframes…) Usability study
  • 4. Discovery Interview Self-report Method of Collection Observation Session Context Mapping Customer Journey
  • 5. Conceptual Design Brainstorming Card sort Persona Flowcharts Storyboarding Use cases Mood boards
  • 6. PhysicalDesign Prototypes Wireframes Menu tree (Fitts’ Law) Function define Interaction style (keyboard, mouse…) Visual style (color, icon…) Usability (Effectiveness, Efficiency and Satisfaction)
  • 7. Thanks to: Steven Heim, “The Resonant Interface HCI Foundations for Interaction Design”