SLIDE 1
CS449/649: Human-Computer Interaction Winter 2018 Lecture IX - - PowerPoint PPT Presentation
CS449/649: Human-Computer Interaction Winter 2018 Lecture IX - - PowerPoint PPT Presentation
CS449/649: Human-Computer Interaction Winter 2018 Lecture IX Anastasia Kuzminykh Create Design Ideas Prototype Design Site/App Flows User Flows The path a user follows through an application. Does not have to be linear, can branch out Goal
SLIDE 2
SLIDE 3
Site/App Flows User Flows
Goal - to optimize users ability to accomplish a task with the least amount of steps.
Communicates transitions The path a user follows through an application. Does not have to be linear, can branch out What pages/screens are needed
Microinteractions and responses
to user’s actions and errors Which pages/screens should link to each other Help to design a navigation
experience
Often attached to personas Help to analyze the efficiency of a task
Prototype Design Create Design Ideas
SLIDE 4
Information Architecture - structural design
- f shared information environments
Prototype Design Create Design Ideas
Richard Saul Wurman
Users flow through your product Catalog user’s information Presentation of the information Decision driving function
SLIDE 5
Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas
SLIDE 6
Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas
Practice of classification based
- n hierarchical
relationship. Parent-child hierarchies
SLIDE 7
Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas
Practice of classification based
- n hierarchical
relationship. Parent-child hierarchies Practice of classification based
- n non-hierarchical
relationship. Public tags and their frequencies
SLIDE 8
Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas
Practice of classification based
- n hierarchical
relationship. Parent-child hierarchies Practice of classification based
- n non-hierarchical
relationship. Public tags and their frequencies Practice of classification based
- n sociological -
epistemological view. Indexing to fulfill a task by specific group
SLIDE 9
Open Card Sort:
Participants get a stack
- f cards
Participants sort cards into groups Participants label groups
Closed Card Sort:
Participants get a stack
- f cards
Participants sort cards into groups the researchers created
1 2 1 2 3
SLIDE 10
Knowledge Organisation Taxonomy Folksonomy Domain Analytics Approach Prototype Design Create Design Ideas
Practice of classification based
- n hierarchical
relationship. Parent-child hierarchies Practice of classification based
- n non-hierarchical
relationship. Public tags and their frequencies Practice of classification based
- n sociological -
epistemological view. Indexing to fulfill a task by specific group
SLIDE 11
Sketches Mockups Wireframes Static representations of the product Visualization Create Design Ideas
SLIDE 12
Prototype Design Prototypes
- interactive design model of the product
Low-fidelity High-fidelity Sketches Mockups Wireframes Static representations of the product Testing and Evaluation Visualization Create Design Ideas
SLIDE 13
SLIDE 14
Prototype Design Prototypes
- interactive design model of the product
Low-fidelity High-fidelity VS
SLIDE 15
Prototype Design Prototypes
- interactive design model of the product
Low-fidelity High-fidelity Breadth - number
- f covered features
Depth - degree of
functionality
Appearance -
building means
Input methods -
device mediation
VS
SLIDE 16
Prototype Design Prototypes
- interactive design model of the product
Low-fidelity High-fidelity
Tangible & Testable Artifacts Low-tech High-tech Partial functionality “Full” functionality Simulated interaction True interaction
SLIDE 17
Prototype Design Prototypes
- interactive design model of the product
Low-fidelity High-fidelity
Tangible & Testable Artifacts Low-tech High-tech Partial functionality “Full” functionality Simulated interaction True interaction
SLIDE 18
Prototype Design Paper Prototypes Early feedback Experiment with alternatives Lo-fi appearance / input Interactive Simulation of a back-end Hi-fi depth / breadth Big picture focus
SLIDE 19