Burn the concept mocks
Outline of a hand

Hi! I'm Laura

@summerscope

Vocabulary words: Mock ups, Concept Design
Design tooling in 2018
Sketch Abstract Zeplin
Balsamiq Abstract Affinity designer framer
Macaw Marvel
illustrator photoshop invision proto
Outline of a hand
Activity time
Pair up
Choose roles
Brief
Nuzzl logo

"Nest for pets"

Nuzzl logo

You're lauching a new SAAS platform called Nuzzl, a home automation app that coordinates your smart pet devices. You want to capture early user feedback in a way that is intuitive but not intrusive.

Task
Task
Five Minutes
Gut check
Reveal

Words are poor abstractions for interfaces

Two alternate interpretations of a pop up

"Pop-up"

Three Minutes
Life time
What if?
sketch v hi res

"A codebase exists as much in the mind of the development team as it does in github."

-Andy Kitchen

"A product design exists as much in the mind of the design team as it does in sketch."

-Laura Summers

Graph of design fidelity across processes

Design as it is right now...

The medium of the stages
Graph of design fidelity across processes

Design as it should be...

Give yourself permission to improve the process 🤗

cost and time
roll back
Always be sketching
Shitty sketch notes

Drawings don't have to be pretty or perfect to be effective communicators!!

High fidelity design is good at communicating look and feel, emotion, colors, typography.

High fidelity design is poor at communicating interactions, application states, error states. Anything that changes over time. Additionally, it's easy to introduce unintended complexity to the design from tools like Sketch and Photoshop.

Matching

Moodboard

Moodboard

Hand drawn sketches

wireframe

Storyboard

storyboard

Can we combine fidelities?

combine
match

Let's do much less high fidelity design.


Let's be more deliberate and more thoughtful
about when and how we use it.

Outline of a hand

Thanks!!

Any questions?

Outline of a hand

Get the slides
http://summerscope.github.io/slides/burn-the-concept-mocks/

Find me
@summerscope