How To Speak Unicorn: Translating Design for the Digital Age

Slide 1

Slide 1 text

How To Speak Unicorn Translating Design for the Digital Age

Slide 2

Slide 2 text

@marktimemedia What is DESIGN? What is a DESIGNER?

Slide 3

Slide 3 text

@marktimemedia Design is bigger than “DESIGN”

Slide 4

Slide 4 text

@marktimemedia Student of process and principles Connector of patterns and people Translator of ideas and emotions Researcher of systems and solutions Educator of theory and application Advocate of value and practice

Slide 5

Slide 5 text

@marktimemedia The Design UNICORN A mythical, all-powerful design creature with a deep knowledge of every part of the project life cycle

Slide 6

Slide 6 text

@marktimemedia Becoming fluent in the language and concepts of multiple disciplines, in order to reach across silos, solve problems creatively, and add value SPEAKING UNICORN

Slide 7

Slide 7 text

@marktimemedia Adorable badass. Carefully curated spontaneity. Master suitcase packer & dedicated maker of fancy tacos. Lover of lists & purveyor of process. Chronic imposter syndrome. Definitely a Ravenclaw. Designer & Developer Conference speaker & organizer AIGA MN Director of Technology HI, I’M MICHELLE. actually not coffee

Slide 8

Slide 8 text

@marktimemedia Anxious alicorn. Master of magic & dedicated scholar. Lover of lists & purveyor of process. Chronic imposter syndrome. Definitely a Ravenclaw. Princess of Friendship Leader of the Mane Six Head of the School of Friendship THIS IS TWILIGHT SPARKLE

Slide 9

Slide 9 text

@marktimemedia The UNICORN’S JOURNEY Cyclical Purposeful Transformative

Slide 10

Slide 10 text

@marktimemedia THE HERO’S JOURNEY https://blog.reedsy.com/heros-journey/ Literary storytelling technique following the main character's initiation, trials, and triumph over adversary

Slide 11

Slide 11 text

@marktimemedia THE SCIENTIFIC METHOD A problem is identified, relevant data is gathered, a hypothesis is formulated from this data, and the hypothesis is empirically tested

Slide 12

Slide 12 text

@marktimemedia THE DESIGN THINKING PROCESS https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process https://www.interaction-design.org/literature/article/what-is-design-thinking-and-why-is-it-so-popular

Slide 13

Slide 13 text

@marktimemedia https://designfuckingthinking.tumblr.com/

Slide 14

Slide 14 text

@marktimemedia THE DESIGN ABILITIES NON- PROCESS https://medium.com/stanford-d-school/lets-stop-talking-about-the-design-process-7446e52c13e8 Navigate ambiguity Learn from others Synthesize information Rapidly experiment Move between concrete & abstract Build & craft intentionally Communicate deliberately Design your design work

Slide 15

Slide 15 text

@marktimemedia Student Connector Translator Researcher Educator Advocate

Slide 16

Slide 16 text

@marktimemedia PHASE 1: Designer as Student “Always Learning”

Slide 17

Slide 17 text

@marktimemedia The Student of Friendship

Slide 18

Slide 18 text

@marktimemedia DESIGN SKILLS Curiosity Synthesizing Information https://medium.com/stanford-d-school/lets-stop-talking-about-the-design-process-7446e52c13e8

Slide 19

Slide 19 text

@marktimemedia UNICORN TOOL: A Design Library Favorite design resources • Don’t Make Me Think – Steve Krug • The Strategic Designer – David Holston • designbetter.co/design-thinking • deardesignstudent.com • The A List Apart library

Slide 20

Slide 20 text

@marktimemedia UNICORN TOOL: A Design Library Favorite non-design resources • You Are A Badass – Jen Sincero • The Four Agreements – Don Miguel Ruiz • How To Make Sense of Any Mess – Abby Covert • Atomic Habits – James Clear • Anything by Brené Brown

Slide 21

Slide 21 text

@marktimemedia PHASE 2: Designer as Connector “People over Process over Tools”

Slide 22

Slide 22 text

@marktimemedia Friendship challenges in Ponyville

Slide 23

Slide 23 text

@marktimemedia DESIGN SKILLS Understanding Synthesizing Information Build & Craft Intentionally

Slide 24

Slide 24 text

@marktimemedia UNICORN TOOL: The Five Whys “The 5 whys get from the initial problem question to a true underlying cause through deduction, ending with a concrete action item/counter-measure.”

Slide 25

Slide 25 text

@marktimemedia UNICORN TOOL: The Five Whys • Can be a single flow, or multiple flows • Best if you have a team highly familiar with the subject • Not to assign blame, but to find incremental solutions

Slide 26

Slide 26 text

@marktimemedia USING 5 WHYS • Troubleshooting existing problems • Investigate something unexpected • Partner with “5 Hows” (counter measures for each revealed problem)

Slide 27

Slide 27 text

@marktimemedia

Slide 28

Slide 28 text

@marktimemedia PHASE 3: Designer as Translator “Stop, Collaborate, and Listen”

Slide 29

Slide 29 text

@marktimemedia The Princess of Friendship

Slide 30

Slide 30 text

@marktimemedia https://www.interaction-design.org/literature/article/design-thinking-getting-started-with-empathy DESIGN SKILLS Empathy Learning from Others Communicating Deliberately

Slide 31

Slide 31 text

@marktimemedia UNICORN TOOL: Non-Violent Communication Expressing and Hearing feedback without blame or criticism, using ‘I’ statements

Slide 32

Slide 32 text

@marktimemedia UNICORN TOOL: Non-Violent Communication Observation, Feelings, Needs, Request “When I see/hear… I feel… because I need/value… Would you be willing to…?”

Slide 33

Slide 33 text

@marktimemedia UNICORN TOOL: Active Listening Active listening comprises both a desire to comprehend as well as to offer support and empathy to the speaker. It differs from critical listening, in that you are not evaluating the message of the other person with the goal of offering your own opinion.

Slide 34

Slide 34 text

@marktimemedia UNICORN TOOL: Active Listening • Yes: Neutral, patient, asking open ended questions & getting clarification, summarizing/reflecting, eye contact • No: Interrupting, ignoring, one-upping, waiting until you can say "your part"

Slide 35

Slide 35 text

@marktimemedia PHASE 4: Designer as Researcher “How To Know What You Don’t Know”

Slide 36

Slide 36 text

@marktimemedia Quests of the Friendship Map

Slide 37

Slide 37 text

@marktimemedia https://www.interaction-design.org/literature/article/stage-2-in-the-design-thinking-process-define-the-problem- and-interpret-the-results DESIGN SKILLS Defining Navigating Ambiguity Moving from Abstract to Concrete

Slide 38

Slide 38 text

@marktimemedia UNICORN TOOL: Atomic Design All designs can be broken down into foundational elements that can be assembled into any number of larger and more complex components

Slide 39

Slide 39 text

@marktimemedia ATOMIC DESIGN BRAD FROST

Slide 40

Slide 40 text

@marktimemedia ATOMS THE SMALLEST BUILDING BLOCKS

Slide 41

Slide 41 text

@marktimemedia http://zqsmm.qiniucdn.com/data/20110511083224/index.html

Slide 42

Slide 42 text

@marktimemedia MOLECULES UNIQUE COMBINATIONS OF ATOMS

Slide 43

Slide 43 text

@marktimemedia

Slide 44

Slide 44 text

@marktimemedia ORGANISMS MOLECULES COMING TOGETHER ALLOW ACTION

Slide 45

Slide 45 text

@marktimemedia

Slide 46

Slide 46 text

@marktimemedia TEMPLATES ORGANISMS TOGETHER BECOME LAYOUTS

Slide 47

Slide 47 text

@marktimemedia

Slide 48

Slide 48 text

@marktimemedia PAGES TEMPLATES WITH SPECIFIC CONTENT

Slide 49

Slide 49 text

@marktimemedia

Slide 50

Slide 50 text

@marktimemedia UNICORN TOOL: Atomic Design Use Case: Designing a system • Designing rules rather than screens • Designing puzzle pieces • Designing from small to large, general to specific

Slide 51

Slide 51 text

@marktimemedia UNICORN TOOL: Atomic Design Use Case: Designing for the unknown • Designing for content that doesn’t exist • Leveraging pattern finding to build future content types http://atomicdesign.bradfrost.com/ https://www.designbetter.co/design-systems-handbook

Slide 52

Slide 52 text

@marktimemedia PHASE 5: Designer as Educator “Learning by Teaching”

Slide 53

Slide 53 text

@marktimemedia Opening a school

Slide 54

Slide 54 text

@marktimemedia https://www.interaction-design.org/literature/article/stage-3-in-the-design-thinking-process-ideate DESIGN SKILLS Ideating & Prototyping Rapidly Experimenting Learning from Others

Slide 55

Slide 55 text

@marktimemedia UNICORN TOOL: Pair Programming Two people working together on the same problem at the same station, usually with different roles, but offering equal collaboration

Slide 56

Slide 56 text

@marktimemedia UNICORN TOOL: Pair Programming Use Case: Working Together • Mentorship and onboarding • Brainstorming and collaboration https://uxdesign.cc/three-models-of-pair-design-f75e3b29a51a https://medium.com/product-labs/how-designers-and-developers- can-pair-together-to-create-better-products-e4b09e3ca096

Slide 57

Slide 57 text

@marktimemedia PHASE 5: Designer as Advocate “Building Bridges”

Slide 58

Slide 58 text

@marktimemedia Ambassador to other kingdoms

Slide 59

Slide 59 text

@marktimemedia DESIGN SKILLS Build & Craft Intentionally Designing your Design Work

Slide 60

Slide 60 text

@marktimemedia UNICORN TOOL: DesignOps/DevOps The combination of cultural philosophies, practices, and tools that increases an organization’s ability to deliver well- designed, high-quality applications and services that meet people’s needs, while working at high velocity

Slide 61

Slide 61 text

@marktimemedia UNICORN TOOL: DesignOps/DevOps The design of best-practice processes, developing unified values and workflow across teams, disciplines, and roles https://www.uxmatters.com/mt/archives/2018/09/designops.php https://www.designbetter.co/designops-handbook https://uxdesign.cc/designops-the-questions-youre-probably- asking-yourself-now-fdac491bfe4f

Slide 62

Slide 62 text

@marktimemedia PHASE 7: Designer as Student (again) “Get Comfortable Being Uncomfortable”

Slide 63

Slide 63 text

@marktimemedia New challenges await

Slide 64

Slide 64 text

@marktimemedia DESIGN SKILLS The Design Cycle Learning from Others Designing your Design Work

Slide 65

Slide 65 text

@marktimemedia UNICORN TOOL: Agile Principles Individuals and interactions over processes and tools Working software over comprehensive documentation Customer collaboration over contract negotiation Responding to change over following a plan http://agilemanifesto.org/principles.html

Slide 66

Slide 66 text

@marktimemedia

Slide 67

Slide 67 text

@marktimemedia

Slide 68

Slide 68 text

@marktimemedia Student Connector Translator Researcher Educator Advocate

Slide 69

Slide 69 text

@marktimemedia QUESTIONS? Here’s how to get in touch: Michelle Schulp [email protected] @marktimemedia michelleschulp.pink bit.ly/digital-unicorn WHERE TO FIND ME NEXT: ONLINE: Various podcasts (do you have one? Want a guest?) Fitness & Freelance blog EVENTS: Cocktails with Creatives Solopreneurs meetup The Draw In SPEAKING: WordCamp US