Feedback
Widget
A scalable plug and play feedback widget
for web applications
Self Initiated
Project Type
3 Days
Duration
Solo Project
Solo/ Team
Research + Design
Tasks
Let's see what is
requirement is
Design a responsive web based widget or pluggable component to provide quick feedback. This widget needs to have a fluid minimalistic design, so that it can be configured as “plug-in” for any existing office web app. The design needs to be scalable, intuitive as well as efficient to enable users to provide quick feedback within short span of time i.e. minimum number of clicks.
Content
-
Requirement understanding
-
Assumptions
-
Ideations
-
Initial ideas
-
Why do we collect feedback
-
Content style
-
Possible entry points
-
Placement
-
Type of scale
-
-
Task flow
-
Wireframes
-
Testing
As its a widget, recording the feedback need a token of user identity, sign-in details to be taken from app login. Hence user's email ID wont be needed in this process
Widget will be triggered manually rather than auto-popup. Can depend on business decision and usability testing
Assumptions
Assuming Widget will be used for Office Products, hence considering office branding for the solution
Assuming the feedback is for overall application experience, the set of questions will be rating and the category of the feedback only
Assuming the widget is onboarded, following solution presents the post plugged experience
Provided solutions are defined hypothesis, usability of the widget shall be determined by usability testing
Ideation
Initial Ideas, What all I'll do here
-
Design for Office experience
-
Should feel native
-
Recognizable experience but avoid distraction
-
Focus on task completion
-
Easy understanding
-
Give user the control
-
Make actions reversible
-
Should work with Mouse pointer and human touch
But, why do we collect feedback?
-
Collecting voice of customer
-
Learn why users leave app
-
Get ratings of your product
-
Evaluating customer satisfaction
-
Capture testimonials of your website
-
UI should focus on key functions rather than branding, icons, etc.
-
Crisp and meaningful content
-
Accessible, friendly with assistive technologies
-
Avoid right click components
-
How will the widget be triggered? Time based auto-popup or manual icon positioned in the application?
-
Has to be scalable for more questions in future
I want to content really simple
-
Capitalization: Sentence style
-
Voice: Warm and Crisp, don't be too technical
-
Avoid Jargons
-
Prefer US English
-
Avoid too lengthy sentences
Finding possible entry points for the user to trigger the widget
Now once Widget is triggered, where should I place it?
Selected
Way too many type of scales!! Let's see
Task Flow
Wireframe Iterations
Option 1
Option 2
Option 3
Final Option
Instant confirmation by change of color and text weight for the response selected
Scroll can be avoided, however
testing would bring out the usability of current pattern used
Button style and shadows used from
Office Design Guide
