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

The Evolution of a Widget

John W. Long
September 24, 2013

The Evolution of a Widget

A talk that I gave at Crop about the process we went through to design our new widget at UserVoice: http://www.meetup.com/designcrop/events/138607782/

John W. Long

September 24, 2013
Tweet

More Decks by John W. Long

Other Decks in Design

Transcript

  1. CLASSIC WIDGET • Easy to use • Tickets + Ideas

    + Knowledge Base • No Instant Answers on mobile • Not very responsive
  2. NEW WIDGET GOALS • First-class experience for mobile • Instance

    Answers front & center • SmartVote: hot-or-not for ideas • Satisfaction Ratings • Progressively ask for info
  3. DEMO Change the order of articles in Knowledge Base Allow

    embedding of contact form on a web page Not sure What should we add next? Or, post your own idea! Send us a message Give feedback or ask for help... Next What should we add next? Include a screenshot of this page Send us a message What should we add next? How likely would you be to recommend UserVoice to a friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely
  4. Help & Feedback Omnibox Instant Answers Type an idea or

    question... Next Overview of bar chart settings Submit an idea How we generate our bar charts Allow us to make bigger pie charts 3 related articles & ideas! Continue None of these help! Help & Feedback I’m having trouble figuring out how to customize the colors of my bar charts| 3 related articles & ideas! Next It would be great if there were more options for displaying our charts. We would really appreciate a 3D option where we can adjust the perspective and find the perfect angle for our presentations. Our boss is currently unhappy with the progress we have made thus far and we feel theat he would like us better if we were able to make bigger pie charts. Thnx! No Yes We collect data from all of your customer interactions to generate the finest bar charts in the industry. Our bars are pro- cessed and crafted by the best and most esteemed pixelworkers in America and Europe. Pre Smartvote Article details Idea details How we generate our bar charts Do you still want to give feedback? Awesome!!! Allow us to make bigger pie charts Yes No Does this answer your question? Yes No SmartVote Does this answer your question? Idea title Select one Email addre Email address Post your idea This will be posted publicly on our forums do you want to edit this? Submit an idea It would be great if there were a couple of di erent themes for bar charts that we could customize for| Next Send us a message Category Idea title Edit your idea and post it on our public forums Edit and send us a private message Decision point What now? Go back Menu Post an idea on our forums Send us a private message Live chat with us Talk on the phone Search articles and ideas How likely would you be to recommend our company to a friend or colleague? Not likely Satisfaction Rating 0 1 2 3 4 5 6 7 8 9 10 Very likely Submit Pre Smartvote We take your feedback to Thank you!! Next SmartVote Which is better? Change the order of articles in Knowledge Base 1 Your pick Touchpoint Toolkit Subscribe Do you want updates about this idea? Great stu !!! Enter your email address Subscribe No thanks D A I want this We’ll update you as this idea progresses. Great stuff! Subscribe We’ll update you as this idea progresses. Great stu ! Enter your email address Subscribe Nevermind Yes I want this Yes It would be g options for di really apprec can adjust th perfect angle Our boss is c progress we feel theat he were able to Allow us to charts No Does t I
  5. Your pick Change the order of Knowledge Base Wins 33%

    of the time Allow embedding of form on a web page Wins 64% of the time Change the order of articles in the Knowledge Base It’d be great if I could rearrange the order of articles in the knowledge base including by date and alphabetical order. 12 people want this idea. What should we add next? Change the order of articles in Knowledge Base Allow embedding of contact form on a web page AUTOPROMPT REOPENED SCORE? THANK YOU CLOSED CLOSED CONTACT ANSWERS ANSWERS SENT Change the order of articles in Knowledge Base Allow embedding of contact form on a web page What should we add next? How likely would you be to recommend InVision to a friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely How likely would you be to recommend InVision to a friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely Send us a message Help us pick great ideas Why did you pick that score? We would love to know! (optional) Submit Email address Send us a message Give feedback or ask for help... Next Or, help us pick great ideas! Are any of these helpful? Articles in multiple topics It would be great to be able to put articles in... Allow us to categorize articles in the... I’d like to be able to categorize articles in... Change the order of knowledge base... I would love to be able to change the order... Skip and send message Additional details Send message Email address Your email address Select one Type Select one How are you feeling? Edit what you wrote earlier Message se We’ll be in touch Thank you We take your feedback
  6. How likely would you be to recommend InVision to a

    friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely Why did you pick that score? Enter your feedback... Next NEGATIVE RATING WHY THANK YOU Thank you! Help us decide what to add next
  7. Help & Feedback Omnibox Instant Answers Next Overview of bar

    chart settings How we generate our bar charts Allow us to make bigger pie charts Post your idea on our public forums Send this to us as a private message Decision point What now? Or, help us pick great ideas! Close Help & Feedback 3 related articles & ideas! Entered Text Help & Feedback I’m having trouble figuring out how to customize the colors of my bar charts| View 3 related articles & ideas! Entered Text Help & Feedback I’m having trouble figuring out how to customize the colors of my bar charts| Next Go back 3 related articles & ideas! Start by typing an idea or question...
  8. Additional details Send message Email address Your email address Select

    one Type Select one How are you feeling? Edit message Are any of these helpful? Skip and send message Articles in multiple topics It would be great to be able to put articles in... Allow us to categorize articles in the... I’d like to be able to categorize articles in... Change the order of knowledge base... I would love to be able to change the order... Back Send us a message Give feedback or ask for help... Next What should we add next? CONTACT ANSWERS ANSWERS SENT Message sent! We’ll be in touch.
  9. How likely would you be to recommend InVision to a

    friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely Why did you pick that score? Enter your feedback... Next NEGATIVE RATING WHY
  10. Send us a message Give feedback or ask for help...

    1 Message Center Welcome to InVision! Hi there and welcome to InVision! My name is Clark. If there is anything that you need help with while you are here just click the green... Clark Valberg - June 19 Send us a message 1 1 FIRST LOAD Welcome to Invision! Clark Valberg - June 19 Hi there and welcome to InVision! My name is Clark. If there is anything that you need help with while you are here just click the green button below and one of the friendly people here at InVision will get back to you right away. Need help getting started? No problem. Here are a couple of articles from our knowledgebase that can guide you through the setup process: Reply Back MESSAGE
  11. Additional details Send m Email address Your email address Select

    one Type Select one How are you feeling? Edit message Are any of these helpful? Skip and send message Articles in multiple topics It would be great to be able to put articles in... Allow us to categorize articles in the... I’d like to be able to categorize articles in... Change the order of knowledge base... I would love to be able to change the order... Back Send us a message Give feedback or ask for help... Next What should we add next? How likely would you be to recommend InVision to a friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely Why did you pick that score? We would love to know! (optional) Email address AUTOPROMPT REOPENED SCORE? CLOSED CONTACT ANSWERS ANSWERS Send us a message What should we add next? How likely would you be to recommend InVision to a friend or collegue? Not likely 0 1 2 3 4 5 6 7 8 9 10 Very likely