FEEDSTER
Role
Duration
Process
Research, UX design,
Interaction design, UI design
2 day hackathon
Product conception, Secondary research, Wireframes, Prototypes, Branding, UI design
Challenge
Complicated analytics dashboards make it challenging to locate data for insights
Quantitative dashboard users are commonly frustrated with these types of tools. This is because there is an overwhelming amount of data to consume and there is commonly a steep learning curve for what they need to do to find the data they need.
This leads to dashboard users not spending time reviewing the correct data categories and not drawing the insights they could from the data that exists because of poor UI
The goal is to find solutions that make data (qualitative and quantitative) findings from feedback, aesthetically visible and easy to digest, through a dashboard that is enjoyable to use.
Research SUMMARY
Oversimplified data offered in graphs with multiple filters makes it harder for data insights to be found
I began our research by outlining the Industry leading data analytics tools to review their commonalities.
From this understanding I began to research reviews and surveys on these tools to outline their strengths and weaknesses.
Studies found that data analytics presented an overwhelming amount of information that was hard for users to digest and interpret.
Dashboards were aimed to reduce the strain of this information overload, but often oversimplified large amounts of data were forcefully compressed into charts and graphs. To combat this, many dashboards presented a variety of features and functions aimed to aid the processing of this information, but in doing so, created a steep learning curve for new users to utilize.
GOALS+ OBJECTIVES
Simple navigation with limited filters will help users see data clearly
After a discussion with the team, we decided to focus on two specific problems due to the results of the research:
-
Create a dashboard allowing UX designers to see qualitative and quantitative types of feedback one chunk at a time?
-
Design a navigation system that is simple and easy to use
Group Feature Brainstorming
How might we questions drove our feature outline session
With the problem space clearly defined, I led a group feature brainstorm session on Zoom to come up with feature solutions to the identified problems.
The group was given 5 minutes to brainstorm solutions for each goal/ objective. I went around the group in a round-robin format and had each individual pitch their ideas.
Predictably, many ideas coincided, but we were able to notate the ideas that kept popping up, refining them further through discussion.
Finally we agreed on a single feature as our unique solution to each 'How might we' (HMW) question, and improved the original idea through a series of discussions that led each of us to gain new perspectives on how the feature can tackle the problem space.
This feature eventually became Feedster’s value proposition.
Interaction Design
Essential features of UI were outlined based on research, brainstorms + competitor offerings
Several team members were sent to begin Lo-Fi wireframes using the basic features that we agreed upon in brainstorming, I began creating a high-level UI requirements and feature roadmap to further guide our design processes.
I coordinated with two other members of the team to narrow the features down to the absolute minimum that we would need for an MVP using a quick user flow as the basis. These outlines were applied to the next set of wireframes we designed
UI DESIGN
UI kit used to support final deisgns
I took note of the various elements on the page and recreated a layout that conformed closely to the other high fidelity pages that were built, which still retained all of these features and information points.
The high-fidelity wireframes were combined and adjusted to ensure that the UI was consistently applied across the different boards. These wireframes were then used to create a prototype that outlined a simple user flow.
