Planning For Design


The Presentation inside:

Slide 0

Planning for design


Slide 1

Ian Cox SVP, Delivery [email protected]!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

Questions?


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


×

HTML:





Ссылка: