Interaction Design
Interaction Design
is the practice of designing interactive products
Interaction Designers
Interaction Designers
Design and build products
Interaction DesignERS
DESIGN AND BUILD PRODUCTS
FOR HUMANS
Typical IXD Workflow
Ideation
Creation
Ideation
Creation
Ideation
- Find user needs and set goals
- Think in terms of contexts and constraints
- Generate ideas to solve
problems and fulfill user needs
Creation
- Drive concept generation
- Think about structure and flow
- Flag potential problems & think of solutions for them
Ideation
Creation
Ideation is like doing research and writing a story.
Creation is like drawing pictures to support that story.
- Find user needs and set goals
- Think in terms of contexts and constraints
- Generate ideas to solve
problems and fulfill user needs
- Drive concept generation
- Think about structure and flow
- Flag potential problems & think of solutions for them
Ideation
- Project planning
- Information Architecture
- Strong writing skills
- User/Design research
Creation
- Rapid prototyping
- Critique and collaboration
- Visual/UX Design
- Programming
Our Focus Today
Creation & Prototyping
Rapid Prototyping
move fast and make cool STUFF
Why prototype at all?
Why prototype at all?
"#FUCKITSHIPIT"
doesnt WORK FOR ACTUAL PRODUCTS
No, but really.
WHy Prototype at all?
Putting together a prototype will force you to think through the details and UX of your product ideas.
WHy Prototype at all?
Putting together a prototype will force you to think through the details and UX of your product ideas.
- Let you experiment with multiple approaches
- Depict ideas visually, which is makes them easier to discuss
- Let you collect user feedback even without a complete product
Prototypes are cool. They...
The Prototyping Process
-
Scope:
Do you need visuals, or will sketches do? What level of interaction does it need? Does it need actual content?
-
Build:
Convert your idea into mock-ups, add interactions. Dogfood!
-
Evaluate:
Does it meet needs and expectations?
-
Refine:
Iterate, iterate, iterate! Did you meet all the requirements?
Let's build!
Resources
- Examples:
github.com/achalv/proto
- Project repository:
github.com/achalv/proto-workshop
Intro to IxD and Prototyping
By Achal Varma
Intro to IxD and Prototyping
- 788