'

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

Questions?


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


×

HTML:





Ссылка: