Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Open and inclusive web design - Port80 2016

Open and inclusive web design - Port80 2016

Have you ever got 90% of the way through a web project only to have someone in the client's organisation start demanding changes that don’t seem to make sense? We call this person the secret stakeholder. This talk covers web design methodologies to handle the secret stakeholder; make the process smoother (and happier) for everyone involved; and produce a website that works for the end-users.

Helen Clark

May 20, 2016
Tweet

More Decks by Helen Clark

Other Decks in Design

Transcript

  1. Obviously the secret stakeholder is not a monster*, but it

    can feel like it at the time! *This is a metaphor
  2. “We do a ton of great work together, and when

    the project’s about to go live,
 a previously invisible stakeholder emerges from the shadows like Batman.” Mike Monterio, You’re my favorite client
  3. “No work is so
 good that it makes people happy

    they were left out.” Mike Monterio, You’re my favorite client
  4. Find opening times Find out about events Find child-friendly activities

    Find out about exhibitions Find out about talks Learn a skill Find out how to get to the museum Join a community group / project Buy a gift Hire a space for an event Virtual tour of the m usem Find out about job vacancies Find out about volunteering Give a donation Donate an item to the collection Find something to take my parents to Find something to take my friends to Find out about the cafe Other (Interactive features) Find out about museum staff Buy something for me Other (Printable activity sheets: things to make, experiments etc) Other (User forum) Other (Find work experience opportunities) Other (Activities for 12-15 yr olds) Other (W orkshops) Other (Recipes from olden days) Other (Antique identification)
  5. Find opening times Find out about events Find child-friendly activities

    Find out about exhibitions Find out about talks Learn a skill Find out how to get to the museum rtunities) or 12-15 yr olds) Other (W orkshops) Other (Recipes from olden days) Other (Antique identification)
  6. T5: SINGLE EVENT (CONT.) On-page functionality Share this event on

    social media ƜDž Click one of the social share icons (Twitter, Facebook, LinkedIn) ƜDž A pop-up box will appear. This is created directly by whichever platform the user is sharing to and will behave accordingly. e.g. Twitter will allow the user to edit the preset text and before clicking ‘Tweet’ or ‘Log in and Tweet’. Facebook and LinkedIn will prompt the user to log in first if they are not already ƜDž The popup will close after the page is shared, returning the user to the event page. Share this event by email ƜDž Click the email share icon ƜDž A pop-up box containing preset text will appear ƜDž Enter an email address ƜDž Change the preset text (optional) ƜDž Click send ƜDž A success message will be displayed for approx 3-5 seconds ƜDž The email pop-up box will close returning the user to the event page.
  7. “By engaging residents in the redesign, we’re demonstrating a commitment

    to making sure the site does what it’s supposed to do: serve the needs of the community” Paul Hong, the president of the San Diego Experience Design group
  8. “These are games that evolve as you play them, as

    you give feedback, and as the developers update and add content. This is the way games should be made.” Steam early access
  9. “These are websites that evolve as you use them, as

    you give feedback, and as the developers update and add content. This is the way websites should
 be made.”
  10. Be the first to play exciting new games Discuss and

    give feedback Benefits to gamers
  11. Be the first to play exciting new games Discuss and

    give feedback Play the game as it develops Benefits to gamers
  12. Connect with community early Crucial feedback and bug reports Frequent

    iterations and improvements Benefits to developers
  13. “The goal of Early Access is for gamers to have

    a chance to interact with the developers by providing them feedback while the title is still being created.” STEAM press release
  14. 6 New feature! Now you can capture even more with

    Smoovie Great news! There’s been such amazing support for Smoovie
 that we’ve been able to develop and test a wonderful new
 feature. It’s an idea that came from our Kickstarter backers
 so a huge thanks going out the community! Posted by Smoovie (Creator)
  15. 6 New feature! Now you can capture even more with

    Smoovie Great news! There’s been such amazing support for Smoovie
 that we’ve been able to develop and test a wonderful new
 feature. It’s an idea that came from our Kickstarter backers
 so a huge thanks going out the community! Posted by Smoovie (Creator)
  16. “How do you know that you launched
 the best performing

    website possible?” Luke Summerfield, Hubspot
  17. Growth-Driven Design STRATEGY STRATEGY Gain an empathetic understanding of users

    and how to best fit the website into their life. GOAL: Brainstorm a “Wish List” of elements that solve user challenges and drive value. GOALS | PERSONAS | FUNDIMENTAL ASSUMPTIONS JOURNEY MAPPING | GLOBAL STRATEGY | WISH LIST Source: www.growthdrivendesign.com
  18. LAUNCH PAD WEBSITE Build a site with only the core,

    value-driving elements and is better than your current site. LAUNCH PAD WEBSITE GOAL: Launch quickly while balancing quality and client happiness. Growth-Driven Design Source: www.growthdrivendesign.com
  19. Growth-Driven Design Promoters Assets Personalization Stickiness Conversion Rate Optimization Usability

    Value Audience CONTINUOUS IMPROVEMENT WEBSITE HIERARCHY A roadmap to follow for building a peak performing site. • Provide focus • Clear expectations • Measure progress to goals Source: www.growthdrivendesign.com
  20. Growth-Driven Design STRATEGY LAUNCH PAD WEBSITE CONTINUOUS IMPROVEMENT PLAN BUILD

    LEARN TRANSFER Audience Value Usability Conversion Rate Optimization Stickiness Personalization Assets Promoters Source: www.growthdrivendesign.com
  21. Growth-Driven Design STRATEGY LAUNCH PAD WEBSITE CONTINUOUS IMPROVEMENT PLAN BUILD

    LEARN TRANSFER Audience Value Usability Conversion Rate Optimization Stickiness Personalization Assets Promoters Source: www.growthdrivendesign.com
  22. “No one is born knowing how to be a good

    client. Successful design projects need equal participation from the client and the designer.” Mike Monterio, You’re my favorite client