planning for design

40
Planning for design

Upload: cantina

Post on 09-Jan-2017

53 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Planning For design

Planning for design

Page 2: Planning For design

Design is for people

Projects are about people

Page 3: Planning For design

“Group improvisa!on is a challenge. Aside from the weighty technical problem of collec!ve coherent thinking, there is the very human, even social need for sympathy from all members to bend for the common result.”

Bill Evans

Page 4: Planning For design

So what people do you need?

Page 5: Planning For design

Interac!on Designer

Visual Designer

UI Developer

Project Manager

Product Manager

Page 6: Planning For design

Le" Brain Right Brain

Logical Intui!ve

Sequen!al Simultaneous

Literal Visual

Op!mizing Genera!ve

Analyzing Holis!c

Cri!cal Thinking

Design Thinking

image source: h#ps://upload.wikimedia.org/wikipedia/commons/d/dd/Brain_picture.jpg

Page 7: Planning For design

Design is a mess

image source: Jason Fried: signalvnoise.com

Page 8: Planning For design

The Specialist

source: IMBD

Page 9: Planning For design

The Generalist

image source: http://ibrandstudio.com/wp-content/uploads/2012/12/good-logo-design-versatile.jpg

Page 10: Planning For design

The Compartmentalist

image source: https://s3.amazonaws.com/policymic-images/q1zwe4h53xzz2yd0fxdpgt6piuav2tagrsky9hn4pnbi12j3j3ppyrlb7k41q0w8.jpg

Page 11: Planning For design

source: http://writemyessayonline.com/blog/wp-content/uploads/2014/08/Taking-small-steps.jpg

Compartmentalists

Specialists

Generalists

Page 12: Planning For design

source: http://writemyessayonline.com/blog/wp-content/uploads/2014/08/Taking-small-steps.jpg

Partner with Specialists

Hire Generalists

Grow Compartmentalists

Page 13: Planning For design

source: http://writemyessayonline.com/blog/wp-content/uploads/2014/08/Taking-small-steps.jpgimage source: http://divanee.com/wp-content/uploads/2005/06/marriage.jpg

Engagement Models

Page 14: Planning For design

Welcome to the Future!

Page 15: Planning For design

Uncertainty is Reality

Page 16: Planning For design

We’re in this…

image source: http://cdn1.absolutetravel.com/content/uploads/2013/06/bungee.jpg

…together

Page 17: Planning For design

Fix…

…Fixed

Page 18: Planning For design

Fixed Agile?

source: https://agileespresso.files.wordpress.com/2014/07/agilemisconception.jpg

psst: it doesn't work

Page 19: Planning For design

Con!ngency Budget

Page 20: Planning For design

so you’ve got a team, now what?

Page 21: Planning For design

Which techniques?

pattern library

interactive prototype

user journeys

competitive report

static wireframes

personas

flowchartscomprehensive designssystem map

content inventoryfindings tracking system

paper prototype

mood board

Page 22: Planning For design
Page 23: Planning For design

It depends on the expected outcomes

Ideate Validate Design Planning

whiteboard paper prototype A/B Aesthe!cs test product roadmap

paper sketching user tes!ng Mood boards compe!!ve research

photography surveys design thinking SWOT

chare#e product canvas customer journey Tech planning

brainstorm interac!ve prototypes

Page 24: Planning For design

Choose comfort and competence over complexity

image source: https://i.ytimg.com/vi/buF540VBwAE/maxresdefault.jpg

Page 25: Planning For design

Speed over fidelity

image source: http://www.milkman.it/

Page 26: Planning For design

Feature Invalid Feature

Valid

Build

Lo-fi prototype

Hi-fi prototype

Production

Start lo-fi to validate, then hi-fi to iterate

Page 27: Planning For design

source: https://www.nngroup.com/articles/common-ux-deliverables/

Sta!c Wireframes are most common…

Page 28: Planning For design

source: https://www.nngroup.com/articles/common-ux-deliverables/

…but interac!ve prototypes are most effec!ve

Developers and Engineers Internal Mgmt

3rd party

Page 29: Planning For design

pattern library

interactive prototype

user journeyscompetitive report

static wireframes

personasflowchartscomprehensive designs

system mapcontent inventory

findings tracking system

paper prototype

mood board

One Deliverable

from many work products

Page 30: Planning For design
Page 31: Planning For design

what do you know about your product?

Page 32: Planning For design

Product Design Project Plan • Time-box your up-front research • Let your product assump!ons and hypotheses guide

your design tes!ng schedule • Everyone works together… • Real-!me communica!on tools

Page 33: Planning For design

UX Designer

Project Manager UI Developer

Visual Designer

Page 34: Planning For design

Avoid • Siloed working • Big reveals* • Weekly check-in habit - a week is a long !me to be

away from your product

*does anyone like surprises when budgets/reputa!ons are involved, really?

Page 35: Planning For design

Example: Marke!ng site redesign

Page 36: Planning For design

Example: Marketplace design

Page 37: Planning For design

and whatever you do, plan in advance for tes!ng

Page 38: Planning For design

Iden!fy services that can help

User Tes!ng Voice of the Customer

Page 39: Planning For design

Wrap-up• Build a team of specialists and generalists • Flexible engagement models with partners (internal/

external) • Stash some cash - you’ll need it • Choose design techniques based on the ques!ons

you're trying to answer about your product • Everyone works together - tear down that wall!

Page 40: Planning For design

About cantina• Boston-based digital design and development agency

• Founded in 2007, 60+ employees

• We help clients like Putnam Investments, John Hancock, CUNA Mutual Group, Epsilon, and Pearson deliver be#er digital products for their customers

• Can!na’s people turn great ideas into digital reality, execu!ng with the best design and development techniques available