Getting into User Experience Design!Jess McMullin | Centre for Citizen Experience!@jessmcmullin!citizenexperience.com"Stud...
WELCOME +INTRODUCTIONS!
Hi there!!                           Jess McMullin!                           1996 – started doing web                    ...
1. WHAT IS USER EXPERIENCE?"2. WHAT IS USER EXPERIENCE DESIGN?"3. CORE UX SKILLS."4. UX TOOLS AND TECHNIQUES."5. HOW TO GE...
1!WHAT IS USER EXPERIENCE?!
THE EXPERIENCE!OF    EXPERIENCEUSING PRODUCTS ANDSERVICES TO MEET ANEED OR WANT!
Sanders’ Experience Model!                       SATISFACTION!                         ACTIVITY!                   EXPECTA...
Memories!
The Moment!
Dreams!
Comparing Expectations to Reality!Experience Cycle Jess McMullin 2003-2004!
POSITIVE MEMORYDEPENDS ON HOWWELL DREAMS ARE METIN THE PRESENTMOMENT!
USER EXPERIENCEDESIGN IS THEPRACTICE OFDESIGNING PRODUCTSAND SERVICES SO THATTHE PRESENT MOMENTMEETS THOSE DREAMS& EXPECTA...
2!WHAT IS USER EXPERIENCEDESIGN?!
User ExperienceDesign makes thingswork better forpeople.!
UX DESIGN IS ACOLLECTION OFDISCIPLINES!
Design Disciplines!Jess McMullin & Louis Rosenfeld, 2002!
Design Practice(s)!Liz Sanders, An Evolving Map of Design Practice and Design Research, Interactions, November 2008!
UX DESIGN IS NOTDECORATION!
Design Maturity!Jess McMullin, 2005!
Elements of User Experience!jjg.net/elements!
UX DESIGN IS APROCESS!
process                experience23!
U.S.E. Design Process!Jess McMullin, 2004!
Diverge, Converge, and Iterate!
The Double Diamond Design Process!!"#$%&(                                    !)"* !#"+*                                   ...
“The Squiggle” Design Process!Damien Newman, http://v1.centralstory.com/about/squiggle/!
UX DESIGN IS AMINDSET!
Design Logic asks “What if?”!Donald Davis for NASA, www.donalddavis.com!
Design Logic says “Yes, and…”!Flickr user andynew, http://www.flickr.com/photos/92523880@N00/!
Design Logic Accepts Constraints!
Design Logic Accepts Ambiguity!
Design Logic Considers Systems Across Scales!http://www.flickr.com/photos/nsalt!
The forest….!http://www.flickr.com/photos/tambako!
The trees…!
And the detailed structure…!
Design Logic Makes the Abstract Tangible!Jess McMullin, Business Origami!
Design Logic is Human-Centred!D Sharon Pruit, http://www.flickr.com/photos/pinksherbet!
UX DESIGN IS ASKILLSET!
UX Skill Sets!Core UX Skills!                                Extended UX Skills!  ‣     Field Research & Finding User Need...
THAT’S A LONGLIST. WHERE DO ISTART?!
UNDERSTANDING"+SOLVING!
3!CORE UX SKILLS: BUILDINGBLOCKS!
LISTENING"NOTICING"MAKING SENSE OF THINGS"VISUAL THINKING"SKETCHING & ITERATION"CRITIQUE"!
LISTENING!
Exercise: Active Listening!                                       ‣  Pair up!                                       ‣  Ask...
NOTICING!
Exercise: What Jumps Out?!               ‣  Spend 30 seconds                  looking at the following                  pi...
http://www.flickr.com/photos/srgblog/!
Write & Then Compare Notes!
http://www.flickr.com/photos/srgblog/!
MAKING SENSEOF THINGS:"SYNTHESIS!
53!
VISUAL THINKING!
Visual thinking isabout ideas, notabout photorealism.!
Dave Gray’s Visual Alphabet @davegray!http://www.flickr.com/photos/davegray/110407772!
Ed Emberly: Draw some people!                               @davegray suggests:!                               ‣  Start wi...
Visual Storytelling!http://www.flickr.com/photos/goodsardine-clean/2998923846!
VISUAL THINKING!http://www.flickr.com/photos/jonnygoldstein/4109830386!
VISUAL THINKING!http://www.flickr.com/photos/jonnygoldstein/3586430756/!
SKETCHING"& ITERATION!
Sketching + Visual Thinking! http://www.flickr.com/photos/chatiryworld!
Exercise: The House that Jack (orJill) Drew!‣  Draw a House"   (20 seconds)!‣  Draw your Dream   House (20 sec)!‣  Pair Up...
CRITIQUE!
Critique accelerates quality!http://www.flickr.com/photos/drew-harry!
4!UX TOOLS AND TECHNIQUES!
It’s a toolbox, not a methodology!
FIELDWORK!
Field Research!What !!                        Why! ‣  Anthropological                                ‣  Provides rich insi...
Exercise for Another Time: The Story of Stuff!                                        ‣  Pair up!                         ...
CODESIGN!
Codesign!What!                      Why! ‣  An approach to design   ‣  Codesign taps into people’s    that actively involv...
Ditch Focus Groups: Get Users and Stakeholders to Make Things!
Values Collage!
Collaborative Experience Mapping!
Business Origami!
PERSONAS!
Personas!What!                          Why! ‣  A composite character                                ‣  Creates empathy fo...
Persona Example!
Exercise: Empathy Map!                                                  ‣         Draw a simple head"                     ...
JOURNEY MAPS"BLUEPRINTS"UX SWIMLANES!
Journey Map!What!                       Why! ‣  Visualization of    experience across        ‣  A holistic view of    loca...
Journey Map!nForm!
UX Swimlanes!        http://nform.com!
MENTAL MODEL!
Mental Model!What!                            Why!                                  ‣  Provides gap analysis, ‣  Diagram t...
Mental Model!
89!
CARD SORTING!
Card Sorting!What!                            Why!                                  ‣  Often used to guide ‣  Activity whe...
A Card Sort!
Exercise: Three of These Things Belong Together!Please group the items below in at least twolists.!•  red!        •  three...
You can use online card sortingtools like WebSort.net!
SITE MAP!
Site Map!What!                        Why! ‣  Diagram to show           ‣  Document site    overall site structure        ...
Site Map!http://www.flickr.com/photos/thefangmonster!
PROTOTYPING"& WIREFRAMING!
IT’S EASIER TO FIX IT ON THEDRAFTING TABLE WITH ANERASER THAN WITH ASLEDGEHAMMER ON THECONSTRUCTION SITE   "- FRANK LLOYD ...
Wireframing!What !!                         Why! ‣  One step past                ‣  Communicate the    sketching-- shows t...
A Wireframe!http://www.flickr.com/photos/24801682@N08/!
Exercise: Wireframe An ExistingWebsite!
USABILITYTESTING!
Usability Testing!What !!                       Why! ‣  Real users test drive a    ‣  Understand what works    prototype o...
A Usability Testing Session!
Exercise: Take a Test Drive, Get a Free Reality Check!Edmonton.ca!
5!HOW TO GET STARTED!
LEARNING &DOING!
THEORY!
Books!                          ‣  Observing the User‣  The Elements of User      Experience!   Experience!               ...
Online!‣  UX Magazine"   uxmag.com!           ‣  IA Institute"                           iainstitute.org!‣  Boxes and Arro...
Events!‣  IA Summit"   iasummit.org!           ‣  Local Design‣  Interaction"               Events!   interaction.ixda.org...
& PRACTICE!
Taking time every week to sharpen your skills!http://www.flickr.com/photos/drew-harry/!
‣  Practice through play!      116!
‣  Learn to code HTML & CSS!      117!
‣  Volunteer!      118!
‣  Find employers who do digital & interactive, not   just pay lip service!      119!
‣  Take the opportunity to work on products, not ads!      120!
‣  Let the world teach you. Notice frustrations, good   experiences, flow, process, and people!      121!
‣  Spend time people watching!      122!
MENTORING!
Where to Find Mentors?!‣  Among your peers!‣  Specialists within your organization (UofA)!‣  Local Community (UX Book Club...
Some advice fromsome virtualmentors.!                   125!
126!
127!
128!
129!
6!Q&A!
Discussion!
THANK YOU!!Getting Into User Experience Design!October 23, 2012 for SDA OnDesign Series!!Jess McMullin!@jessmcmullin!Jess ...
Getting into User Experience Design
Getting into User Experience Design
Upcoming SlideShare
Loading in...5
×

Getting into User Experience Design

2,985

Published on

Talk at the UAlberta Students Design Association onDesign series about user experience, what it is, and how upcoming visual and industrial designers can get involved in UX.

Published in: Design
0 Comments
24 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,985
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
24
Embeds 0
No embeds

No notes for slide

Transcript of "Getting into User Experience Design"

  1. 1. Getting into User Experience Design!Jess McMullin | Centre for Citizen Experience!@jessmcmullin!citizenexperience.com"Student Design Association OnDesign Series!Edmonton, October 23rd, 2012! 1!
  2. 2. WELCOME +INTRODUCTIONS!
  3. 3. Hi there!! Jess McMullin! 1996 – started doing web design & discovered UX! 2003 – my company nForm, co-founded IA Institute! 2009 – Left nForm to focus on citizen experience! 2012 – IA Summit co-chair, Rosenfeld Media Expert, UXCamp Ottawa & here today!Photo: Heather McMullin!
  4. 4. 1. WHAT IS USER EXPERIENCE?"2. WHAT IS USER EXPERIENCE DESIGN?"3. CORE UX SKILLS."4. UX TOOLS AND TECHNIQUES."5. HOW TO GET STARTED."6. Q&A."!
  5. 5. 1!WHAT IS USER EXPERIENCE?!
  6. 6. THE EXPERIENCE!OF EXPERIENCEUSING PRODUCTS ANDSERVICES TO MEET ANEED OR WANT!
  7. 7. Sanders’ Experience Model! SATISFACTION! ACTIVITY! EXPECTATIONS!Virtuosos of the experience domain EBN Sanders - Proceedings of the 2001 IDSA Education Conference, 2001!
  8. 8. Memories!
  9. 9. The Moment!
  10. 10. Dreams!
  11. 11. Comparing Expectations to Reality!Experience Cycle Jess McMullin 2003-2004!
  12. 12. POSITIVE MEMORYDEPENDS ON HOWWELL DREAMS ARE METIN THE PRESENTMOMENT!
  13. 13. USER EXPERIENCEDESIGN IS THEPRACTICE OFDESIGNING PRODUCTSAND SERVICES SO THATTHE PRESENT MOMENTMEETS THOSE DREAMS& EXPECTATIONS!
  14. 14. 2!WHAT IS USER EXPERIENCEDESIGN?!
  15. 15. User ExperienceDesign makes thingswork better forpeople.!
  16. 16. UX DESIGN IS ACOLLECTION OFDISCIPLINES!
  17. 17. Design Disciplines!Jess McMullin & Louis Rosenfeld, 2002!
  18. 18. Design Practice(s)!Liz Sanders, An Evolving Map of Design Practice and Design Research, Interactions, November 2008!
  19. 19. UX DESIGN IS NOTDECORATION!
  20. 20. Design Maturity!Jess McMullin, 2005!
  21. 21. Elements of User Experience!jjg.net/elements!
  22. 22. UX DESIGN IS APROCESS!
  23. 23. process experience23!
  24. 24. U.S.E. Design Process!Jess McMullin, 2004!
  25. 25. Diverge, Converge, and Iterate!
  26. 26. The Double Diamond Design Process!!"#$%&( !)"* !#"+* !&,%- Gather Data! Frame the Problem! Explore Solutions! Evaluate Solutions! Create Concepts! Define Scope! Evaluate Solutions! Develop Solutions! Collaborative Codesign! Set Resources! Refine Solutions! Document Solutions! Based on the UK Design Council’s in depth study of design and innovation approaches at leading firms such as Philips, Lego, and IDEO.!
  27. 27. “The Squiggle” Design Process!Damien Newman, http://v1.centralstory.com/about/squiggle/!
  28. 28. UX DESIGN IS AMINDSET!
  29. 29. Design Logic asks “What if?”!Donald Davis for NASA, www.donalddavis.com!
  30. 30. Design Logic says “Yes, and…”!Flickr user andynew, http://www.flickr.com/photos/92523880@N00/!
  31. 31. Design Logic Accepts Constraints!
  32. 32. Design Logic Accepts Ambiguity!
  33. 33. Design Logic Considers Systems Across Scales!http://www.flickr.com/photos/nsalt!
  34. 34. The forest….!http://www.flickr.com/photos/tambako!
  35. 35. The trees…!
  36. 36. And the detailed structure…!
  37. 37. Design Logic Makes the Abstract Tangible!Jess McMullin, Business Origami!
  38. 38. Design Logic is Human-Centred!D Sharon Pruit, http://www.flickr.com/photos/pinksherbet!
  39. 39. UX DESIGN IS ASKILLSET!
  40. 40. UX Skill Sets!Core UX Skills! Extended UX Skills! ‣  Field Research & Finding User Needs! ‣  Project management & development ‣  Facilitation & Codesign! approaches! ‣  Visual Thinking! ‣  Design-to-development documentation! ‣  Information Architecture! ‣  Front End Code! ‣  Interaction Design! ‣  Back End Technology! ‣  Visual Design! ‣  Web Analytics! ‣  Information Design & Visualization! ‣  Social Functionality! ‣  Copywriting & Content Strategy! ‣  Marketing! ‣  Usability Testing, Evaluation, and ‣  ROI & Business Value! Recommendations! ‣  Business Acumen! ‣  Scope Management! ‣  Domain Knowledge! ‣  Fast Iteration Management!Based on Jared Spool’s UX skills groupings!
  41. 41. THAT’S A LONGLIST. WHERE DO ISTART?!
  42. 42. UNDERSTANDING"+SOLVING!
  43. 43. 3!CORE UX SKILLS: BUILDINGBLOCKS!
  44. 44. LISTENING"NOTICING"MAKING SENSE OF THINGS"VISUAL THINKING"SKETCHING & ITERATION"CRITIQUE"!
  45. 45. LISTENING!
  46. 46. Exercise: Active Listening! ‣  Pair up! ‣  Ask your partner what they did over lunch! ‣  Use only open-ended questions (no yes or no answers).! ‣  Reflect your understanding by restating their statements!http://www.flickr.com/photos/liquene!
  47. 47. NOTICING!
  48. 48. Exercise: What Jumps Out?! ‣  Spend 30 seconds looking at the following picture without taking any notes. Just look at the different elements.! ‣  After 30 seconds, write down what you notice.! ‣  Compare notes with a partner.! ‣  Look at the photo again. What else do you notice?!
  49. 49. http://www.flickr.com/photos/srgblog/!
  50. 50. Write & Then Compare Notes!
  51. 51. http://www.flickr.com/photos/srgblog/!
  52. 52. MAKING SENSEOF THINGS:"SYNTHESIS!
  53. 53. 53!
  54. 54. VISUAL THINKING!
  55. 55. Visual thinking isabout ideas, notabout photorealism.!
  56. 56. Dave Gray’s Visual Alphabet @davegray!http://www.flickr.com/photos/davegray/110407772!
  57. 57. Ed Emberly: Draw some people! @davegray suggests:! ‣  Start with the body! ‣  Then the head! ‣  Then facial expression! ‣  Then the legs! ‣  And the arms.! #vizthink!Ed Emberly people drawings!
  58. 58. Visual Storytelling!http://www.flickr.com/photos/goodsardine-clean/2998923846!
  59. 59. VISUAL THINKING!http://www.flickr.com/photos/jonnygoldstein/4109830386!
  60. 60. VISUAL THINKING!http://www.flickr.com/photos/jonnygoldstein/3586430756/!
  61. 61. SKETCHING"& ITERATION!
  62. 62. Sketching + Visual Thinking! http://www.flickr.com/photos/chatiryworld!
  63. 63. Exercise: The House that Jack (orJill) Drew!‣  Draw a House" (20 seconds)!‣  Draw your Dream House (20 sec)!‣  Pair Up: Explain Your Dream House (3 min)!‣  Draw your Dream Home again (2 min)!‣  Discussion: How did your house change?!
  64. 64. CRITIQUE!
  65. 65. Critique accelerates quality!http://www.flickr.com/photos/drew-harry!
  66. 66. 4!UX TOOLS AND TECHNIQUES!
  67. 67. It’s a toolbox, not a methodology!
  68. 68. FIELDWORK!
  69. 69. Field Research!What !! Why! ‣  Anthropological ‣  Provides rich insights approach focused on into behavior, individual and group experience, and behavior in context. expectations within a Uses contextual system and can reveal observation, unmet needs and interviews, diaries, and opportunities for teams artifact collection to to differentiate their investigate customs, products and services.! rituals, and myths.!
  70. 70. Exercise for Another Time: The Story of Stuff! ‣  Pair up! ‣  Rock paper scissors to decide who is interviewer & who is participant! ‣  Participant shares the contents of their bag / backpack / wallet / pockets! ‣  Interviewer asks open ended questions!http://www.flickr.com/photos/biscotte!
  71. 71. CODESIGN!
  72. 72. Codesign!What! Why! ‣  An approach to design ‣  Codesign taps into people’s that actively involves sense of the future. Sessions enable people stakeholders in the with different expertise and design process as co- skills to contribute equally. creators. Exercises Helps articulate ideas and issues that will not surface help the group to in other ways. Can be an explore the problem efficient way to get a wide space, current and range of input. May enhance user buy-in by ideal experiences, and making them feel more ways of achieving the included, and giving them a ideal.! greater sense of ownership.!
  73. 73. Ditch Focus Groups: Get Users and Stakeholders to Make Things!
  74. 74. Values Collage!
  75. 75. Collaborative Experience Mapping!
  76. 76. Business Origami!
  77. 77. PERSONAS!
  78. 78. Personas!What! Why! ‣  A composite character ‣  Creates empathy for created to personify a the specific user and specific segment of avoids self-referential users. Includes a name, design. Focus on picture, user quotes and accomplishing specific other info with a focus on goals, motivation, and goals allows the behavior. Based on user product to satisfy research, personas are many people with that often paired with goal, whether or not representative scenarios." they match a specific ! market segment.!
  79. 79. Persona Example!
  80. 80. Exercise: Empathy Map! ‣  Draw a simple head" (circle, nose, and a dot for the eye)! ‣  Divide your page.! ‣  Write one thing that your client or citizen is:! •  Thinking and Feeling! •  Hearing! •  Gains! •  Pains! •  Seeing! ‣  Share your map with your neighbor ! !XPLANE Empathy Map, via http://gogamestorm.com!
  81. 81. JOURNEY MAPS"BLUEPRINTS"UX SWIMLANES!
  82. 82. Journey Map!What! Why! ‣  Visualization of experience across ‣  A holistic view of locations, time, and experience through channels. Captures time with specific interactions between touchpoints promotes user and product or better coordination of service at touchpoints. cross-channel design May also show and reveals associated emotional opportunities for new states, business or improved objectives, or other layers.! interactions.!
  83. 83. Journey Map!nForm!
  84. 84. UX Swimlanes! http://nform.com!
  85. 85. MENTAL MODEL!
  86. 86. Mental Model!What! Why! ‣  Provides gap analysis, ‣  Diagram that breaks shows product down user activities into opportunities, and helps discrete tasks, arranges develop task-based these activities in information architecture. columns, and then uses Serves as a roadmap, the same columns to and anchors align the product or conversations about service features, future features and functions, and content content in actual user that support these needs instead of activities. May also align individual stakeholder business objectives.! agendas.!
  87. 87. Mental Model!
  88. 88. 89!
  89. 89. CARD SORTING!
  90. 90. Card Sorting!What! Why! ‣  Often used to guide ‣  Activity where a participant sorts labeled navigation design, card cards into similar sorting analysis shows groups. May be an open how often participants sort, where piles are grouped specific cards created based on only together. Discussing on perceived similarity of why the cards are cards, or a closed sort placed in a particular pile where piles are grouped yields deeper insight into according to provided user expectations for categories.! content.!
  91. 91. A Card Sort!
  92. 92. Exercise: Three of These Things Belong Together!Please group the items below in at least twolists.!•  red! •  three! •  macintosh!•  peach! •  iphone! •  spartan!•  apple! •  house! •  Athens!•  adobe! •  orange! •  windows!•  Arizona! •  spruce! •  Georgia!
  93. 93. You can use online card sortingtools like WebSort.net!
  94. 94. SITE MAP!
  95. 95. Site Map!What! Why! ‣  Diagram to show ‣  Document site overall site structure structure to ensure and relationships of that all content is content. For large sites accounted for. Guides may document navigation design, site index, and content patterns of migration. Good for organization that are hierarchical applied across similar organization, less sections, instead of effective visualizing accounting for every very large sites, facets single page.! or tags.!
  96. 96. Site Map!http://www.flickr.com/photos/thefangmonster!
  97. 97. PROTOTYPING"& WIREFRAMING!
  98. 98. IT’S EASIER TO FIX IT ON THEDRAFTING TABLE WITH ANERASER THAN WITH ASLEDGEHAMMER ON THECONSTRUCTION SITE "- FRANK LLOYD WRIGHT!
  99. 99. Wireframing!What !! Why! ‣  One step past ‣  Communicate the sketching-- shows the specifications for layout of an interface individual pages or screen. Describes each templates. Also used as element and behavior. prototype for usability Focus is on layout, testing. Prevents labels, and interactions. premature conversations Avoids finished design about surface issues like elements such as color color, instead focuses and photos, instead discussion on correct using placeholders for and complete content images, and sometimes and functionality.! copy.!
  100. 100. A Wireframe!http://www.flickr.com/photos/24801682@N08/!
  101. 101. Exercise: Wireframe An ExistingWebsite!
  102. 102. USABILITYTESTING!
  103. 103. Usability Testing!What !! Why! ‣  Real users test drive a ‣  Understand what works prototype or and what doesn’t. Often production system. included in iterative Usually one-on-one, development with each with a participant and cycle so that the product moderator, the continually improves. participant thinks out Excels at finding specific loud as they complete interface problems, representative tasks. including layout, labeling, Typically 6-8 flow, navigation and participants per user interaction.! segment.!
  104. 104. A Usability Testing Session!
  105. 105. Exercise: Take a Test Drive, Get a Free Reality Check!Edmonton.ca!
  106. 106. 5!HOW TO GET STARTED!
  107. 107. LEARNING &DOING!
  108. 108. THEORY!
  109. 109. Books! ‣  Observing the User‣  The Elements of User Experience! Experience! ‣  Prototyping!‣  A Project Guide to UX Design! ‣  Designing for People!‣  Communicating ‣  The Design of Design! Everyday Things!‣  Information ‣  Web Form Design! Architecture: Blueprints for the ‣  Don’t Make Me Think! Web, 2nd. Ed.!
  110. 110. Online!‣  UX Magazine" uxmag.com! ‣  IA Institute" iainstitute.org!‣  Boxes and Arrows" boxesandarrows.com! ‣  Interaction‣  Johnny Holland" Designers johnnyholland.org! Association" ixda.org!‣  UX Matters" uxmatters.com! ‣  Design Thinking‣  UX Booth" Network" designthinkingnetwork.com! uxbooth.com!
  111. 111. Events!‣  IA Summit" iasummit.org! ‣  Local Design‣  Interaction" Events! interaction.ixda.org! ‣  Startup Edmonton‣  UX Week" Courses & Talks! uxweek.com! ‣  Guru Digital Arts‣  UXCamp" College Events! varies!
  112. 112. & PRACTICE!
  113. 113. Taking time every week to sharpen your skills!http://www.flickr.com/photos/drew-harry/!
  114. 114. ‣  Practice through play! 116!
  115. 115. ‣  Learn to code HTML & CSS! 117!
  116. 116. ‣  Volunteer! 118!
  117. 117. ‣  Find employers who do digital & interactive, not just pay lip service! 119!
  118. 118. ‣  Take the opportunity to work on products, not ads! 120!
  119. 119. ‣  Let the world teach you. Notice frustrations, good experiences, flow, process, and people! 121!
  120. 120. ‣  Spend time people watching! 122!
  121. 121. MENTORING!
  122. 122. Where to Find Mentors?!‣  Among your peers!‣  Specialists within your organization (UofA)!‣  Local Community (UX Book Club, Startup Edmonton)!‣  Events!‣  Online Community (Associations, Discussion Groups, and Social Media)!
  123. 123. Some advice fromsome virtualmentors.! 125!
  124. 124. 126!
  125. 125. 127!
  126. 126. 128!
  127. 127. 129!
  128. 128. 6!Q&A!
  129. 129. Discussion!
  130. 130. THANK YOU!!Getting Into User Experience Design!October 23, 2012 for SDA OnDesign Series!!Jess McMullin!@jessmcmullin!Jess AT ctzn DOT ca!citizenexperience.com!

×