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

1. Scope: 
   Do you need visuals, or will sketches do? What level of interaction does it need? Does it need actual content?
    
2. Build:
   Convert your idea into mock-ups, add interactions. Dogfood!
    
3. Evaluate:
   Does it meet needs and expectations?
    
4. 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