The Importance of UX in Association Website Design

Download The Importance of UX in Association Website Design

Post on 11-Feb-2017

199 views

Category:

Technology

5 download

Embed Size (px)

TRANSCRIPT

<ul><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>UX for AssociationsWhat It Is, How Its Done, and Why It Matters</p><p>With Danielle Gobert Cooley &amp; Hosted by Jason Stone, Engage</p><p>Association Best Practice Series</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Jason Stone</p><p> Internet marketer since 1996</p><p> Washington University, MBA</p><p> Member, ASAE</p><p>Email jstone@engagesoftware.com</p><p>Twitter @StoneSTL</p><p>LinkedIn linkedin.com/in/jasonhstone</p><p>2</p><p>VP, Sales &amp; Marketing, Engage</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Housekeeping</p><p> All attendees are in listen-only mode.</p><p> Q&amp;A session at the end of the presentation.</p><p> Use the chat box to ask questions or alert us to any technical difficulties.</p><p> A recording of todays presentation will be made available.</p><p>3</p><p>How It Works</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Post Webinar Survey</p><p>There will be a 5 question survey at the end of the event. Completing the survey enters you into a drawing for a $25 Visa gift card!</p><p>4</p><p>Your Feedback Is Important to Us!</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>UX for AssociationsWhat It Is, How Its Done, and Why It Matters</p><p>With Danielle Gobert Cooley &amp; Hosted by Jason Stone, Engage</p><p>Association Best Practice Series</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Danielle Gobert Cooley</p><p> BE, Biomedical and Electrical Engineering, Vanderbilt University</p><p> MS, Human Factors in Information Design, Bentley University</p><p> Past Annual Conference Chair, User Experience Professionals Association</p><p>Email danielle@dgcooley.com</p><p>Twitter @dgcooley</p><p>LinkedIn linkedin.com/in/dgcooley</p><p>6</p><p>15 Years as a UX Specialist</p><p>Selected Work</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>What is UX?</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>What is UX?</p><p>8</p><p>Google Image Search 2015</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>What is UX?</p><p>The effectiveness, efficiency, and satisfaction with which specified users achieve specified goals in particular environments.</p><p>9</p><p>ISO1 9241-11</p><p>1International Organization for Standardization (ISO) covering ergonomics of human-computer interaction</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 10</p><p>Visual Design</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 11</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Building Good Websites</p><p>Building a good website is not unlike building a house.</p><p>12</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>User Research</p><p>House</p><p> Whos going to live there?</p><p> Any disabilities?</p><p> How many? How old?</p><p> How long will they stay?</p><p>Website</p><p> Who will use the site?</p><p> Any disabilities?</p><p> What incomes, ages, and education levels?</p><p> What are their pain points? End goals?</p><p>13</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Characteristics of Association Web Visitors</p><p>Members</p><p> Professionals who want to be part of a group</p><p> Looking to improve their organization and/or themselves </p><p> Legitimacy, status, authority</p><p>Consumers</p><p> Seeking referrals, locations, information on services, choices, and education</p><p>Association Employees</p><p> Internal needs (benefits, policies, etc.)</p><p>Policy Makers</p><p> Seeking information to justify or modify their position</p><p>Leadership</p><p> Communication, community, and perception</p><p>14</p><p>Multiple Visitor Types: Members, Consumers, Employees, Policy Makers &amp; Leaders</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Content Strategy</p><p>House</p><p> What rooms are needed?</p><p> What size furniture must be accommodated?</p><p> How many cars? Bikes? Small kitchen appliances?</p><p>Website</p><p> What features and functions are necessary?</p><p> What pages do we need?</p><p> Any photos? Videos? Copy? Product Reviews?</p><p> Who will create this content? Govern it?</p><p>15</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Information Architecture</p><p>House</p><p> How will the rooms be arranged?</p><p> What about traffic flow?</p><p> Lighting needs?</p><p>Website</p><p> What is the best navigation structure?</p><p> How should individual screens be laid out?</p><p>16</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Planning Ahead</p><p>You can use an eraser on the drafting table or a sledge hammer on the construction site Frank Lloyd Wright</p><p>17</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Case Study: Sargento</p><p>18</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Interaction Design</p><p>House</p><p> Which way should the doors swing?</p><p> Should there be knobs or lever handles?</p><p> Placement and types of switches?</p><p>Website</p><p> Which controls should be used for navigation? Selections? Actions?</p><p> Dropdowns vs Checkboxes?</p><p> What about micro interactions?</p><p>19</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Visual Design</p><p>House</p><p> What paint colors will be used?</p><p> Flooring choices?</p><p> Cabinet finishes?</p><p> Window treatments?</p><p> Landscaping?</p><p>Website</p><p> What color scheme is most appropriate?</p><p> What about the typography?</p><p> Will there be any iconography? What style?</p><p>20</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 21</p><p>Visual Design</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 22</p><p>Visual Design</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Before &amp; After</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 24</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 25</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 26</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 27</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 28</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 29</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 30</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 31</p><p>All new in 2016!</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 32</p><p>Visual Design</p><p>Interaction Design</p><p>Information Architecture</p><p>Content Strategy</p><p>User Research</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 33</p><p>Great! Now How Do We Make Sure People Have Good Experiences with Our Site?</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 34</p><p>Design Thinking</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 35</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Design Thinking: Empathize</p><p> Ethnographic Research</p><p> Contextual Inquiry</p><p> Field Studies</p><p> Immersion Studies</p><p> Journaling Studies</p><p> Journey Mapping</p><p> Empathy Maps</p><p> Surveys</p><p> Annual Meeting Activities</p><p>36</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p> Persona Development</p><p> Card Sorting</p><p> Tree Testing</p><p>37</p><p>Design Thinking: Define</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Design Thinking: Ideate</p><p> Brainstorming</p><p> Mind Mapping</p><p> 6-3-5 Brainwriting</p><p> Design Studio</p><p>38</p><p>Photo via http://bradfrost.com/blog/post/establishing-design-direction/</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Design Thinking: Prototype</p><p> Sketching</p><p> Paper Prototyping</p><p> Modeling</p><p> Wireframing</p><p> Interactive Prototyping</p><p> Axure</p><p> iRise</p><p> Balsamiq</p><p>39</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Design Thinking: Test</p><p>Usability Testing</p><p> In-lab Moderated</p><p> Field Moderated</p><p> Remote Moderated</p><p> Unmoderated</p><p>40</p><p>Photo via http://www.pixotech.com/pixos-usability-testing-lab/</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Good UX Increases Your Bottom Line</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 42</p><p>1. Increased Revenue</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>1. Increased Revenue</p><p>The average business metrics improvement after a usability redesign is 83%.</p><p> Conversion rates</p><p> Traffic numbers</p><p> User Performance</p><p> Target Feature Usage</p><p>43</p><p>Increasing your bottom line</p><p>http://www.nngroup.com/articles/usability-roi-declining-but-still-strong/</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>http://zd.net/1TqTavQ</p><p>44</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 45</p><p>Checkout</p><p>http://bit.ly/1TqTwSZ</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 46</p><p>http://bit.ly/1TqTwSZ</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 47</p><p>2. Decreased Development &amp; Support Costs</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Case Study: Pfizer</p><p>48</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 49</p><p>Case Study: MediConnect</p><p>Our next move was the smartest move we could have made we asked our customers why they werent using it?</p><p>Amy Rees Anderson</p><p>Life is Complicated Enough Keep Your Software Simple</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 50</p><p>Case Study: MediConnect</p><p>Our next move was the SECOND* smartest move we could have made we asked our customers why they </p><p>werent using it?</p><p>Amy Rees Anderson</p><p>Life is Complicated Enough Keep Your Software Simple</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 51</p><p>3. Increased Employee Efficiency</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>3. Increased Employee Efficiency</p><p> Average membership manager salary in the United States: $66,258</p><p> Average intranet task success rate: 74%</p><p>52</p><p>Photo via: http://www.agentur-loop.com/en/careers/umbraco-net-developer</p><p>http://www.nngroup.com/articles/intranet-users-stuck-low-productivity/</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 53</p><p>4. Increased Word of Mouth Marketing</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>4. Increased Word of Mouth Marketing</p><p>A thrilled customer is the most potent marketing asset your organization can leverage. John Jantsch Founder, Duct Tape Marketing</p><p>54</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 55</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>4. Increased Word of Mouth Marketing</p><p>A word of mouth impression drives at least 5x more sales than a paid </p><p>impression.</p><p>56</p><p>http://www.womma.org/ReturnOnWOM</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 57</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 58</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 59</p><p>5. Differentiation from the Competitors</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 60</p><p>Stat via http://www.walkerinfo.com/Customers2020/</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>The percentage of companies competing primarily on the basis of customer experience is rising from 36% two years ago to 58% today to a whopping 89% two years from now. The implication is that customer </p><p>experience has become a strategic imperative. Gartner 2014</p><p>61</p><p>0</p><p>20</p><p>40</p><p>60</p><p>80</p><p>100</p><p>2012 2014 2016</p><p>% of companies competing primarily on the basis of customer experience</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 62</p><p>6. In the End, Though, Its Just the Right Thing To Do.</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 63</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>A user-centered approach to digital product design and development will:</p><p>64</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>In Summary</p><p>65</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>Connecting the Dots</p><p>66</p><p>If Danielle is your architect, Engage is your builder.</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>About Engage</p><p> All developers and designers are US-based here in St. Louis Missouri</p><p> Analytics, Design, CMS, AMS, CRM, and custom software development</p><p> In the past 3 years, 20+ successful association website launches </p><p> Five clients took home Protech Wow! Awards at the 2016 Fusion Conference</p><p> 2016 ASAE Gold Circle rheumatology.org</p><p>Website engagesoftware.com</p><p>Twitter twitter.com/engagesoftware</p><p>LinkedIn bit.ly/engage-li</p><p>67</p><p>17 Years in Software Development</p><p>http://www.engagesoftware.com/http://www.twitter.com/engagesoftwarebit.ly/engage-li</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>ASAE Gold Circle Award</p><p>68</p><p>Rheumatology.org</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL) 69</p></li><li><p>UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) &amp; Jason Stone (@StoneSTL)</p><p>How Engag...</p></li></ul>