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

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    UX for AssociationsWhat It Is, How Its Done, and Why It Matters

    With Danielle Gobert Cooley & Hosted by Jason Stone, Engage

    Association Best Practice Series

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Jason Stone

    Internet marketer since 1996

    Washington University, MBA

    Member, ASAE

    Email jstone@engagesoftware.com

    Twitter @StoneSTL

    LinkedIn linkedin.com/in/jasonhstone

    2

    VP, Sales & Marketing, Engage

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Housekeeping

    All attendees are in listen-only mode.

    Q&A session at the end of the presentation.

    Use the chat box to ask questions or alert us to any technical difficulties.

    A recording of todays presentation will be made available.

    3

    How It Works

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Post Webinar Survey

    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!

    4

    Your Feedback Is Important to Us!

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    UX for AssociationsWhat It Is, How Its Done, and Why It Matters

    With Danielle Gobert Cooley & Hosted by Jason Stone, Engage

    Association Best Practice Series

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Danielle Gobert Cooley

    BE, Biomedical and Electrical Engineering, Vanderbilt University

    MS, Human Factors in Information Design, Bentley University

    Past Annual Conference Chair, User Experience Professionals Association

    Email danielle@dgcooley.com

    Twitter @dgcooley

    LinkedIn linkedin.com/in/dgcooley

    6

    15 Years as a UX Specialist

    Selected Work

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    What is UX?

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    What is UX?

    8

    Google Image Search 2015

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    What is UX?

    The effectiveness, efficiency, and satisfaction with which specified users achieve specified goals in particular environments.

    9

    ISO1 9241-11

    1International Organization for Standardization (ISO) covering ergonomics of human-computer interaction

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 10

    Visual Design

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 11

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Building Good Websites

    Building a good website is not unlike building a house.

    12

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    User Research

    House

    Whos going to live there?

    Any disabilities?

    How many? How old?

    How long will they stay?

    Website

    Who will use the site?

    Any disabilities?

    What incomes, ages, and education levels?

    What are their pain points? End goals?

    13

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Characteristics of Association Web Visitors

    Members

    Professionals who want to be part of a group

    Looking to improve their organization and/or themselves

    Legitimacy, status, authority

    Consumers

    Seeking referrals, locations, information on services, choices, and education

    Association Employees

    Internal needs (benefits, policies, etc.)

    Policy Makers

    Seeking information to justify or modify their position

    Leadership

    Communication, community, and perception

    14

    Multiple Visitor Types: Members, Consumers, Employees, Policy Makers & Leaders

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Content Strategy

    House

    What rooms are needed?

    What size furniture must be accommodated?

    How many cars? Bikes? Small kitchen appliances?

    Website

    What features and functions are necessary?

    What pages do we need?

    Any photos? Videos? Copy? Product Reviews?

    Who will create this content? Govern it?

    15

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Information Architecture

    House

    How will the rooms be arranged?

    What about traffic flow?

    Lighting needs?

    Website

    What is the best navigation structure?

    How should individual screens be laid out?

    16

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Planning Ahead

    You can use an eraser on the drafting table or a sledge hammer on the construction site Frank Lloyd Wright

    17

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Case Study: Sargento

    18

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Interaction Design

    House

    Which way should the doors swing?

    Should there be knobs or lever handles?

    Placement and types of switches?

    Website

    Which controls should be used for navigation? Selections? Actions?

    Dropdowns vs Checkboxes?

    What about micro interactions?

    19

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Visual Design

    House

    What paint colors will be used?

    Flooring choices?

    Cabinet finishes?

    Window treatments?

    Landscaping?

    Website

    What color scheme is most appropriate?

    What about the typography?

    Will there be any iconography? What style?

    20

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 21

    Visual Design

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 22

    Visual Design

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Before & After

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 24

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 25

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 26

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 27

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 28

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 29

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 30

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 31

    All new in 2016!

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 32

    Visual Design

    Interaction Design

    Information Architecture

    Content Strategy

    User Research

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 33

    Great! Now How Do We Make Sure People Have Good Experiences with Our Site?

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 34

    Design Thinking

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL) 35

  • UX for Associations | May 26, 2016 w/Danielle Gobert Cooley (@dgcooley) & Jason Stone (@StoneSTL)

    Design Thinking: Empathize

    Ethnographic Research

    Contextual Inquiry

    Field Studies

    Immersion Studies

    Journaling Studies

    Journey Mapping

    Empathy Maps

    Surveys

    Annual Meeting Activities

    36