Jane Austin – All the Things You Need When You Want Great Design (Turing Fest 2017)

Transcript

1. Hello Edinburgh! Turing Festival 2017 @msjaneaustin
3. @msjaneaustin All the things you need, when you need great design! Turing Festival 2017
4. @msjaneaustin All the things you need, when you need great design! Turing Festival 2017 Some of
5. @msjaneaustin All the things you need, when you need great design! * Turing Festival 2017 Some of * specifically for design for brilliant digital products…
6. Doing upfront design with one round of research at the end “I’m the expert..” Designers delivering never complicated solutions to prove they are a genius Anyone calling themselves a design genius Designers dispraaging other people’s opinions because they’re not designers Being unable to integrate MVT into a holistic design so you can gradually get a Frankenstein site “It’s what the business wants” Hordes of marauding BAs giving the design team a list of requirements to ‘colour in’ Defensive documentation Design team with no connection to data or KPIs Product managers overly invested in metrics and experiments Designers unable to adequately understand the impact of their work
7. Design team Dev team
8. Design team Dev team Unified crew @msjaneaustin
9. You need a designer as facilitator
12. Image gallery Text-only article Article with image(s) 85 63 mins steps (13 repeating multiple times) wires + hub gallery POTD 115 152 mins steps (21 repeating multiple times) 27 58 mins steps (7 repeating multiple times) 10 38 mins steps (7 repeating multiple times) 18 37 mins steps (4 repeating multiple times) wires story correspondent’s story Publishing a crime story from wires with images and an embedded graphic
17. UX/UI Developer/UI Product Manager UX/research UX/research
18. CEO
22. Praise Jesus! “ This will be a joy to use “ The first newspaper CMS I’ve used that is not even vaguely terrible….well done! “ It’s like a dream “ It’s really easy to use. It’s the Apple of CMSs “ Even my mother could use this “ It’s going to revolutionise our lives “ Oh look - it’s telling me off. I like that. “ AFTER “ Thank you!!! “ BEFORE It’s just bloody amazing
23. Use facilitation techniques to explore the problem space with the team Everyone knew the same thing at the same time - building a shared, deep understanding Have strong options lightly held - disagree, commit, test and iterate Zero to one - bake in analytics from the start.
24. You need cross functional crews
25. growth browse buy/ accounts pixel business tools E comm Create Our crew and tribe structure
28. three legged stool here
31. Product ExD Agile Delivery Coach Tech Shaping the future of the Product Inspiring the world with the Product Vision Facilitating successful team delivery Enabling a healthy, happy & effective team Building, running, owning & iterating great products Delighting Customers Team Hugs Building a great product Creating sustainable, scalable products Build the right thing Helping validate needs and value prop Crafting brilliant experiences Build the right thing Build the thing right Build the thing right
32. You need design at every step of the process
33. Understand Define Explore Create Build the right thing Build the thing right
34. Understand Define Explore Create Build the right thing Build the thing right Generative research
35. Understand Define Explore Create Build the right thing Build the thing right Generative research Summative research
36. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Summative research
37. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research
38. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research Ship
39. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research Ship
40. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research Ship MVT
41. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research Ship MVT
42. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Generative research Ethnographic research for unmet needs Summative research Ship MVT Shippable increments
43. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Ship
44. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Ship
46. We have observed that [product/ service/organisation] isn’t meeting [these goals/needs], which is causing [this adverse effect]. How might we improve so that our product/service/team/organisation is more successful based on [these measurable criteria]?
47. "Among competing hypotheses, the one with the fewest assumptions should be selected." William of Ockham
48. Hypotheses backlog
52. “I would have written a shorter letter, but I didn’t have the time” Blaise Pascal
56. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Ship
57. The design process needs to be collaborative and iterative You need to work with your team to ideate, to create solutions, and for them to observe the research together, and wash up together, so you have a shared understanding - just as I described in the authoring case study You don’t need huge amounts of research documentation - move fast and make better decisions Sometimes you won’t agree - so you need to disagree and commit …and not everyone will be in every meeting or research sessions, so the team will need to have enough info to trust the quad - you need consent not consensus
60. Understand Define Explore Create Build the right thing Build the thing right Shaping the problem space Ship
61. Arial Arial Narrow Avenir Avenir Next Baskerville Century Gothic Charter Courier Damascus Didot Arial Helvetica Helvetica Neue
     Recently used Century Gothic Damascus Times New Roman Arial Arial Arial Narrow Avenir Avenir Next Baskerville Century Gothic Rendered fonts Researched showed rendered fonts are not needed Don’t build until you have validated a need for it
62. Technical difficulty User value/ revenue Easy and important Hard and important This can wait Why do this?
63. VISUAL DESIGN / UI Before
68. VISUAL DESIGN / UI After
69. The quad works together to break apart the design, but its the designers responsibility to define shippable increments Get usefulness or value to the customer as early as possible and iterating Track the value or signals from the work delivered and act on them Balance effort versus reward
70. You need to ensure consistency
71. Pages Templates Organisms Molecules L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM Tiles x 3 module title Module lead copy lorem ipsum dolor sit amet consectetur Account Search Cart Products Inspiration 10+ Employees? Help & FAQ MOO Business Cards. The story of you. Create uniquely premium business cards in just a few steps. L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM L A N D S C A P E 4 : 3 Heading 6 Small_body_Copy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Text link here 300 GSM Tiles x 3 module title Module lead copy lorem ipsum dolor sit amet consectetur Account Search Cart Products Inspiration 10+ Employees? Help & FAQ Original • Our 'feel good' premium paper • Available in gloss or matte finishes • Also in eco-friendly 'Green' option Shop Original 350 GSM Heading 6 • Silky smooth, strong and durable • Available in Soft Touch or High Gloss • Customisable with special design finishes Shop Super 400 GSM Luxe • Extra-thick Mohawk Superfine® luxury paper • Choice of eight eye-catching colour seams • Naturally textured – write on either side! Shop Luxe 300 GSM Shop By Paper You can’t go wrong. We start at premium and go all the way to extra fancy. MOO Business Cards. The story of you. Create uniquely premium business cards in just a few steps. Atoms @msjaneaustin
72. @msjaneaustin
73. @msjaneaustin
74. @msjaneaustin
75. You need the right people (with the right attitude)
76. team pic here
78. You need an *amazing* VP of Product