Planning For Design

Понравилась презентация – покажи это...

Слайд 0

Planning for design

Слайд 1

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

Слайд 2

Design is for people Projects are about people

Слайд 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

Слайд 4

So what people do you need?

Слайд 5

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

Слайд 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

Слайд 7

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

Слайд 8

The Specialist source: IMBD

Слайд 9

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

Слайд 10

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

Слайд 11

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

Слайд 12

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

Слайд 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

Слайд 14

Welcome to the Future!

Слайд 15

Uncertainty is Reality

Слайд 16

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

Слайд 17

Fix… …Fixed

Слайд 18

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

Слайд 19

Con!ngency Budget

Слайд 20

so you’ve got a team, now what?

Слайд 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

Слайд 22

Слайд 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

Слайд 24

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

Слайд 25

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

Слайд 26

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

Слайд 27

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

Слайд 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/

Слайд 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

Слайд 30

Слайд 31

what do you know about your product?

Слайд 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

Слайд 33

Visual Designer UX Designer Project Manager UI Developer

Слайд 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?

Слайд 35

Example: Marke!ng site redesign

Слайд 36

Example: Marketplace design

Слайд 37

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

Слайд 38

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

Слайд 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!

Слайд 40


Слайд 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

Слайд 42