Dont be a tool

40
use the right tools DON’T BE A TOOL

Transcript of Dont be a tool

Page 1: Dont be a tool

use the right toolsDON’T BE A TOOL

Page 2: Dont be a tool

Methods1

Design systems2

Tools3

Page 3: Dont be a tool

Methods1

The ultra brief walkthrough ofiterative design methods

Page 4: Dont be a tool

Methods1

Requirements

Design

Code

Test

Waterfall

Page 5: Dont be a tool

Doesn’t work well with rapid changes or complex projects

Methods1 Waterfall

Page 6: Dont be a tool

When to use an agile approachMethods1

Anarchyaka

Crazytown

Simple

Complicated

Complex

Humans

Technology

Requ

irem

ents

Close to certainty Far from certainty

Far f

rom

agr

eem

ent

Clo

se t

o ag

reem

ent

Agile

Page 7: Dont be a tool

Methods1 Agile

Requirements

Design

Code

Test

Page 8: Dont be a tool

Methods1 Agile manifesto

Individuals and interactions

Working software

over processes and tools

over comprehensive documentation

Customer collaboration over contract negotiation

Responding to change over following a plan

Page 9: Dont be a tool

Methods1 Agile UX

Agile UX describes update of Agile Software Methodology with

UX Design methods.

Page 10: Dont be a tool

Methods1 Agile UX

The ultimate goal of Agile UX is to unify developers and designers in

the Agile process of product development.

Page 11: Dont be a tool

Methods Lean1

Specify value

Establish flowImplement pull

1

Map the value stream2

34

Work to perfection 5

Page 12: Dont be a tool

Methods1 Lean Startup

Ideas

CodeData

Minimum ❤ Product

Build

Measure

LearnUnit testsContinous integrationIncremental deploymentUsabilty tests

Split tests, Funnel analysis, Cohort analysis, NPS.

Analysis resultsInterviews

Hypotheses validation

Page 13: Dont be a tool

Methods1 Lean UX

Ideas

PrototypeTesting

Minimum ❤ Product

Build

Measure

LearnSketchesWireframesPrototypesCode

Split tests, Funnel analysis, Cohort analysis, NPS.

Interviews Hypotheses validation

Page 14: Dont be a tool

Methods1 Design Sprints

Solve big problems and test new ideas in just five days

Google ventureshttp://www.gv.com/sprint/

Page 15: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Page 16: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Page 17: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Chose solutions

Storyboard

Page 18: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Chose solutions

Storyboard

Chose the right tools

Assign roles

Prototype

Page 19: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Chose solutions

Storyboard

Chose the right tools

Assign roles

Prototype

User testing

Record interviews

Review sprint

Page 20: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Chose solutions

Storyboard

Chose the right tools

Assign roles

Prototype

User testing

Record interviews

Review sprint

Research and solution searching by hand drawing All know what to build and test

Page 21: Dont be a tool

Methods1 Design Sprints

Monday Tuesday Wednesday Thursday FridayRole definitions

Long-term goal

Sprint questions

Maping / Flowchart

Asking experts

How Might We notes

Pick a target

Lightning demos

Four-step sketching

Chose solutions

Storyboard

Chose the right tools

Assign roles

Prototype

User testing

Record interviews

Review sprint

Research and solution searching by hand drawing All know what to build and test

Page 22: Dont be a tool

Methods1 Design Sprints

Prototype mindsetPrototype are disposable.

Build just enough to learn, but not more

Page 23: Dont be a tool

Methods1 Design Sprints

Goldilocks qualityThe prototype must appear real as possible. Create a prototype

with just enough quality to evoke honest reactions from customers.

Page 24: Dont be a tool

Methods1 Design Sprints

An real as possible prototype in one day. How can we get there?

Page 25: Dont be a tool

Methods1

Design systems2

Tools3

Page 26: Dont be a tool

Design systems2

In order to quickly mock up something in high fidelity, we need to have a

design system

Page 27: Dont be a tool

Design systems2

So we don’t spend too much time on elements that just are scenery around

the solution we are testing

Page 28: Dont be a tool

Design systems2

So what is a design system?

Page 29: Dont be a tool

Design systems Analog2

Page 30: Dont be a tool

Design systems2 Digital

https://www.behance.net/gallery/7226653/Medium-Brand-Development

Page 31: Dont be a tool

Design systems2 Modules

https://www.lightningdesignsystem.com/

Page 32: Dont be a tool

Design systems2 Modules

http://daverupert.com/2013/04/responsive-deliverables/

Page 33: Dont be a tool

Design systems2 Build your own Bootstrap

http://keynotopia.com/bootstrap/

Page 34: Dont be a tool

Design systems2 Atomic design

http://bradfrost.com/blog/post/atomic-web-design/

Page 35: Dont be a tool

Design systems2

What tool should be for this?

Page 36: Dont be a tool

Methods1

Design systems2

Tools3

Page 37: Dont be a tool

Tools3 Overview

Graphic tools

Craft by InVision

Prototyping tools

In between tools

Page 38: Dont be a tool

Tools3 Overview

Page 39: Dont be a tool

Tools3 Future of design tools

https://medium.com/sketch-app-sources/designing-with-meaningful-data-5456b40e172e#.oaxvp9oc0

Page 40: Dont be a tool

Tools3 Focus on tools

Graphic tools

Craft by InVision

Prototyping tools

Recording usertests

In between tools