Smartfeedback

Use natural language input to simplify
people's experience on leaving and reading feedback
Project Timeline
Project Type
My Contribution
Oct - Dec, 2021
Group Project
UX/UI Design
Visual Design
Prototyping
Research

01 Project Brief

With the recent rise of remote work, collaborative tools have become the predominant mode of asynchronous interaction for students and professionals.Feedback is an essential part of productive process. How it is given can affect receptiveness and the team culture & dynamics. However, feedback can be time-consuming to write, sensitive, and easy-misinterpreted.This is because tone of a written feedback can be easily misinterpreted as feedback can sometimes be sensitive.

Emotions is what exactly the core issue with feedback that make it so time consuming and inefficient. Due to the sensitive nature of feedback, the reviewer often has to take a long time to craft a well written and thoughtful feedback response. Additionally, well written response can take the reader a long time to read and extract important information.

Therefore, our solution focused on removing the emotional aspect of feedback. We try to apply our ideas to redesign Figma comment feature.

02 Objective

03 Design Process


Ideation

Each member of our group came up several ideas to achieve objectives. After discussing, we distilled the main ideas we wanted for our system.

Sketches & Corresponded Competitor

We created 3 sketches based on initial ideas and analyzed their corresponded competitors.

1. Voice + Summary
2. Tactify
3. Auto Suggestion
Flow Diagram

To reiterate, there are two main workflows of our system: text and voice input. We focused on refining the process so that the user can easily give feedback and the recipient can easily interpret the feedback.

Inner rationale of Summary Card

Low-Fi
Hi-Fi

After honing in our ideas, we moved on to developing our prototype. We decided to apply our idea, SmartFeedback, to redesign the Figma comment feature. SmartFeedback enables people to leave feedback more intuitively, and read feedback more efficiently.

Voice Option

- Synchronous audio transcription.
- Detect what are missing through recording.

Auto Suggestion

- Adjusts feedback based on input + context.
- Detect what are missing through recording.

Summary Card

The system will use NLP to process texts or audios into summary card which eliminates the emotion of feedback and help readers to understand the feedback more clearly and efficiently.

Smart Suggestion

Based on the feedback, the system will generate possible suggestions. Users can see their effects via hovering and easily apply one of the suggestions to change their design.

03 Retrospect

Conclusion
In conclusion-Feedback is an important part of the productive process. Yet writing it can be time-consuming or sensitive. We sought to address these issues by designing a feedback system in Figma which makes feedback more precise, actionable, and detached from personal intent. We leveraged AI and NLP to make feedback easier to author and interpret. Moreover, we allow greater flexibility by giving them both text and voice input options. All in all, we hope our system is a good stepping stone to streamlining collaborative iteration. 

Future step
Looking ahead, some future improvements we were pondering, especially in light of how error prone NLP can be is error identification and recovery. We'd also like to examine how well our system generalizes beyond Figma.Other steps our team can take to refine our product is by conducting user research and testing to explore what type of feedback users find most helpful, depending on the use case. For our existing product, we'd like to test whether users find it easy to use, helpful, and whether it makes feedback authoring more efficient, understandable, and less prone to misinterpretation. 

Let's Connect :)