Creating A Remarkable User Experience

Download Creating A Remarkable User Experience

Post on 13-Sep-2014

795 views

Category:

Marketing

2 download

Embed Size (px)

DESCRIPTION

HubSpot Inbound Marketing Professor Dee Dee de Kenessey joined us at the Spring 2014 Toronto HUG meetup at Uberflip HQ to talk about creating a great experience for users. http://uberflip.com

TRANSCRIPT

<ul><li><p>Toronto HUGMay 28th, 2014</p><p>Dee Dee de KenesseyInbound ProfessorHubSpot@deedeedkc</p><p>Hayley MullenHUG LeaderUberflip@hayley_mullen</p><p>WELCOME!</p></li><li><p>@hayley_mullen</p><p>Your HUG leader</p><p>Hayley Mullen</p><p>A few facts:</p><p> Peruses the SPCA dog listings</p><p> Loves Seinfeld and cheese</p><p> Worked in startups for two </p><p>years before joining Uberflip</p><p> Is the Uberflip Community </p><p>Manager</p></li><li><p>Dee Dee de Kenessey</p><p>@deedeedkc</p><p>A few facts:</p><p> First time in Toronto.</p><p> Loves porters.</p><p> Dislikes pudding.</p><p> Created and runs the Contextual </p><p>Marketer Certification, and is a website </p><p>personalization expert.</p><p>From HubSpot HQ</p></li><li><p>Lindsay Thibeault</p><p>(baker extrordinaire)</p><p>Kyle Geiste</p><p>(head-balancing ninja)</p><p>Rachel Goodman Moore</p><p>(inbound neuroscientist)</p><p>Mark Kilens</p><p>(our fearless leader)</p><p>Sarah Bedrick</p><p>(the headless)</p><p>Nick Salvatoriello</p><p>(aka DJ Nick Sal)</p><p>Dee Dee de Kenessey</p><p>(thats me!)</p><p>Chris LoDolce</p><p>(Iron Chef of waffles)</p><p>Jillian Day</p><p>(the faceless)</p><p>Isaac Moche</p><p>(rhymes with Yoshi)</p><p>Brittany Matern</p><p>(swag-meister)</p><p>Johnny Garces</p><p>(social media </p><p>guru)</p></li><li><p>Enough about me.What about you?Find someone in the room that you dont already know, </p><p>and learn their name, what they do for work, and their </p><p>favorite place to eat in Toronto. </p></li><li><p>LETS TALK ABOUTCREATING A REMARKABLE </p><p>USER EXPERIENCE</p></li><li><p>1 Why does user experience matter?</p><p>2 What makes a user experience remarkable?</p><p>3 Evaluating your website</p><p>4 Two examples</p><p>5 In-class exercise</p><p>AGENDA</p></li><li><p>TODAYS GOAL:You will be able to create targeted, remarkable content to fuel your inbound efforts.</p></li><li><p>WHY DOES USER EXPERIENCE MATTER?1</p></li><li><p>FLICKR USER MICHAEL POLLACK</p><p>Its not about you, its about your users.Thoughtful user experience helps our users accomplish their goals, first and foremost. We must understand our users needs and figure out how to solve them on our website. </p></li><li><p>FLICKR USER ANT1_G</p><p>Most importantly, its about alignment.A good user experience aligns the goals of both the user and your business. When your users reach their goals, your business does, too. </p></li><li><p>WHAT MAKES A USER EXPERIENCE REMARKABLE?</p><p>1</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>FLICKR USER THANKER212</p><p>In order to be useful, your organizations website must feature content that aligns with the Buyers Journey.</p><p>Your website must be useful.</p></li><li><p>Who is familiar withthe Buyers Journey?</p></li><li><p>The Buyers Journey</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>To create intuitive experiences, theres a simple rule: one goal at a time! When you start trying to accomplish more than one thing at a time on a site page, things become cluttered and confusing for the visitor. </p><p>Your website must be intuitive.</p><p>FLICKR USER SEANTOYER</p></li><li><p>Answer one question at a time.Think about the top questions a visitor will be trying to answer </p><p>when they land on your page.</p></li><li><p>Request one action at a time.Your users will need to engage with your content. </p><p>What options will you give them?</p></li><li><p>Focus on thenext stage of their journey.Dont try to close the deal if theyre just getting to know you. Meet your users where they are, not where you want them to be.</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>According to the late social psychologist Robert Zajonc, the mere-exposure effect dictates that the more familiar we are with something, the more we like it.</p><p>Your website must be consistent.</p><p>FLICKR USER BEN GREY</p></li><li><p>Emphasize site-wide consistency.Not just in design consistency is important in your written content, too!</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>Your website must be accessible.Ensure accessibility by creating navigation that makes </p><p>sense to your users and makes it easy to find information.</p><p>FLICKR USER BINARY_KOALA</p></li><li><p>Include navigation inyour header and footer.This will help simplify navigation for your users, and will help them stay engaged, even when theyve finished reading a page.</p><p>Top of site:</p><p>Bottom of site:</p></li><li><p>Flat navigation:</p><p>Deep navigation:</p><p>Choose a navigation style:</p><p>flat or deep?</p><p>(But either way you go, keep it simple!)</p></li><li><p>Your website must be useful.</p><p>Your website must be consistent.</p><p>Your website must be appealing.</p><p>BEST PRACTICES FOR USER EXPERIENCE</p><p>Your website must be intuitive.</p><p>Your website must be accessible.</p></li><li><p>Your website needs to be appealing.The easiest way to ensure this is to emphasize simplicity. </p><p>Use space to frame information and shape your users focus.</p></li><li><p>Deliverable</p><p>Methods</p><p>Tools</p><p>List of What Works and What Doesn't </p><p>on Site</p><p>Stakeholder Interviews</p><p>Content Audit</p><p>Usability Testing</p><p>Spreadsheet</p><p>GoToMeeting </p><p>WebEx</p><p>Sketches or Wireframes of </p><p>Three Top Redesign Ideas</p><p>Usability Testing</p><p>Card Sorting</p><p>Balsamiq</p><p>Paper</p><p>Trello</p><p>Clickable Mockup of Best Idea</p><p>Style Guide</p><p>Usability Testing</p><p>Invision</p><p>Photoshop</p><p>Axure</p><p>CURRENT SITE</p><p>LO-FI PROTOTYPE</p><p>HI-FI PROTOTYPE</p><p>NEW SITE</p><p>USER EXPERIENCE REDESIGN METHODOLOGY</p></li><li><p>Deliverable</p><p>Methods</p><p>Tools</p><p>List of What Works and What Doesn't </p><p>on Site</p><p>Stakeholder Interviews</p><p>Content Audit</p><p>Usability Testing</p><p>Spreadsheet</p><p>GoToMeeting </p><p>WebEx</p><p>Sketches or Wireframes of </p><p>Three Top Redesign Ideas</p><p>Usability Testing</p><p>Card Sorting</p><p>Balsamiq</p><p>Paper</p><p>Trello</p><p>Clickable Mockup of Best Idea</p><p>Style Guide</p><p>Usability Testing</p><p>Invision</p><p>Photoshop</p><p>Axure</p><p>CURRENT SITE</p><p>LO-FI PROTOTYPE</p><p>HI-FI PROTOTYPE</p><p>NEW SITE</p><p>USER EXPERIENCE REDESIGN METHODOLOGY</p></li><li><p>Deliverable</p><p>Methods</p><p>Tools</p><p>List of What Works and What Doesn't </p><p>on Site</p><p>Stakeholder Interviews</p><p>Content Audit</p><p>Usability Testing</p><p>Spreadsheet</p><p>GoToMeeting </p><p>WebEx</p><p>Sketches or Wireframes of </p><p>Three Top Redesign Ideas</p><p>Usability Testing</p><p>Card Sorting</p><p>Balsamiq</p><p>Paper</p><p>Trello</p><p>Clickable Mockup of Best Idea</p><p>Style Guide</p><p>Usability Testing</p><p>Invision</p><p>Photoshop</p><p>Axure</p><p>CURRENT SITE</p><p>LO-FI PROTOTYPE</p><p>HI-FI PROTOTYPE</p><p>NEW SITE</p><p>USER EXPERIENCE REDESIGN METHODOLOGY</p><p>1. Interview your stakeholders.</p></li><li><p>Deliverable</p><p>Methods</p><p>Tools</p><p>List of What Works and What Doesn't </p><p>on Site</p><p>Stakeholder Interviews</p><p>Content Audit</p><p>Usability Testing</p><p>Spreadsheet</p><p>GoToMeeting </p><p>WebEx</p><p>Sketches or Wireframes of </p><p>Three Top Redesign Ideas</p><p>Usability Testing</p><p>Card Sorting</p><p>Balsamiq</p><p>Paper</p><p>Trello</p><p>Clickable Mockup of Best Idea</p><p>Style Guide</p><p>Usability Testing</p><p>Invision</p><p>Photoshop</p><p>Axure</p><p>CURRENT SITE</p><p>LO-FI PROTOTYPE</p><p>HI-FI PROTOTYPE</p><p>NEW SITE</p><p>USER EXPERIENCE REDESIGN METHODOLOGY</p><p>2. Conduct a content audit.</p></li><li><p>Map your content to the Buyers Journey.This will help you learn what youve already covered, as well as </p><p>where your content holes are.</p></li><li><p>Deliverable</p><p>Methods</p><p>Tools</p><p>List of What Works and What Doesn't </p><p>on Site</p><p>Stakeholder Interviews</p><p>Content Audit</p><p>Usability Testing</p><p>Spreadsheet</p><p>GoToMeeting </p><p>WebEx</p><p>Sketches or Wireframes of </p><p>Three Top Redesign Ideas</p><p>Usability Testing</p><p>Card Sorting</p><p>Balsamiq</p><p>Paper</p><p>Trello</p><p>Clickable Mockup of Best Idea</p><p>Style Guide</p><p>Usability Testing</p><p>Invision</p><p>Photoshop</p><p>Axure</p><p>CURRENT SITE</p><p>LO-FI PROTOTYPE</p><p>HI-FI PROTOTYPE</p><p>NEW SITE</p><p>USER EXPERIENCE REDESIGN METHODOLOGY</p><p>3. Conduct usability testing.</p></li><li><p> Usability Testing: recruit typical users and watch them use your website.</p><p>This will reveal the holes in your content are and the questions that users have. </p><p> (example of gotomeeting?)</p><p>Conductusability testing.Recruit your typical users and watch them use your website. This will help you see where the holes in your content are, and what questions your users have.</p><p>FLICKR USER KNIGHTFOUNDATION</p></li><li><p>Screen candidates with forms.To determine eligibility, send interested participants to a form called a </p><p>screener, which asks all of the right questions.</p></li><li><p>Focus on behavior.</p><p>Choose one task for your users to complete, and analyze the results. Pick a common problem, question or need that your users typically have, and ask them to focus on that goal.</p></li><li><p>Create a script.</p><p>Scripting helps ensure that your data stays consistent. Be sure to ask each </p><p>question the exact same way, for every person to speak to.</p></li><li><p>Record your results.</p><p>Dont rely on your memory! Take thorough notes or record the session to make sure that you retain what you learn.</p></li><li><p>THE BOTTOM LINE:Test until you arent surprised anymore.</p></li><li><p>Transform your website into a user-focused, personalized tool.</p><p>CONTEXTUAL MARKETING CERTIFICATION</p><p>Available to users on the HubSpot COS platform and with Professional or Enterprise level accounts.</p><p>Speak to Dee Dee or your HubSpot Account Manager to learn more.</p></li><li><p>TWO EXAMPLES.3</p></li><li><p>GROUP EXERCISE.4</p></li><li><p>GROUP EXERCISE </p><p>20 minutes:</p><p>Pair up with two people in the room and briefly describe what your business does. Open up your websites homepage.</p><p>Next, evaluate each homepage. Make a list of what works and what doesnt. </p><p> Does it address the correct stage of the Buyers Journey? Does it answer one question at a time? Does it request one action at a time? Is it consistent? Is the navigation clear and accessible? Is it appealing and simple?</p><p>Remember that X should be one of your business's main keywords.</p></li><li><p>QUESTIONS?</p></li><li><p>THANK YOU.Dee Dee de Kenessey@deedeedkc#HubSpotting</p></li></ul>