Planning For Design

If you like this presentation – show it...

Slide 0

Planning for design

Slide 1

Ian Cox SVP, Delivery ian@can!na.co twi"er: @iancox

Slide 2

Design is for people Projects are about people

Slide 3

“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

Slide 4

So what people do you need?

Slide 5

Interac!on Designer Visual Designer UI Developer Project Manager Product Manager

Slide 6

Le# Brain Right Brain Logical Sequen!al Simultaneous Literal Cri!cal Thinking Intui!ve Visual Op!mizing Genera!ve Analyzing Design Thinking Holis!c image source: h"ps:/ /upload.wikimedia.org/wikipedia/commons/d/dd/Brain_picture.jpg

Slide 7

Design is a mess image source: Jason Fried: signalvnoise.com

Slide 8

The Specialist source: IMBD

Slide 9

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

Slide 10

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

Slide 11

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

Slide 12

Partner with Specialists Hire Generalists Grow Compartmentalists source: http://writemyessayonline.com/blog/wp-content/uploads/2014/08/Taking-small-steps.jpg

Slide 13

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

Slide 14

Welcome to the Future!

Slide 15

Uncertainty is Reality

Slide 16

We’re in this… …together image source: http://cdn1.absolutetravel.com/content/uploads/2013/06/bungee.jpg

Slide 17

Fix… …Fixed

Slide 18

Fixed Agile? psst: it doesn't work source: https://agileespresso.files.wordpress.com/2014/07/agilemisconception.jpg

Slide 19

Con!ngency Budget

Slide 20

so you’ve got a team, now what?

Slide 21

Which techniques? mood board pattern library interactive prototype paper prototype findings tracking system static wireframes competitive report content inventory user journeys system map comprehensive designs flowcharts personas

Slide 22

Slide 23

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

Slide 24

Choose comfort and competence over complexity image source: https://i.ytimg.com/vi/buF540VBwAE/maxresdefault.jpg

Slide 25

Speed over fidelity image source: http://www.milkman.it/

Slide 26

Start lo-fi to validate, then hi-fi to iterate Feature Invalid Feature Lo-fi prototype Valid Hi-fi prototype Build Production

Slide 27

Sta!c Wireframes are most common… source: https://www.nngroup.com/articles/common-ux-deliverables/

Slide 28

…but interac!ve prototypes are most effec!ve 3rd party Developers and Engineers Internal Mgmt source: https://www.nngroup.com/articles/common-ux-deliverables/

Slide 29

One Deliverable mood board interactive prototype static wireframes pattern library paper prototype competitive report user journeys findings tracking system content inventory comprehensive designs flowcharts system map from many work products personas

Slide 30

Slide 31

what do you know about your product?

Slide 32

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

Slide 33

Visual Designer UX Designer Project Manager UI Developer

Slide 34

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?

Slide 35

Example: Marke!ng site redesign

Slide 36

Example: Marketplace design

Slide 37

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

Slide 38

Iden!fy services that can help User Tes!ng Voice of the Customer

Slide 39

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!

Slide 40


Slide 41

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

Slide 42