A new feature allowing users to save their table preferences in order to optimize their workflow for increased efficiency.
Role: UX Product Designer
Duration: 5 weeks
Tool: Figma, FigJam
Company: Top EdTech company
Empathize and
Secondary, Surveys & Interviews
Flows, WireFrames, Hi-Fidelity
User Testing, Iterations, Final Thoughts, Next Steps
Background, The Problem, & Solution
Secondary Research, Competitive Analysis, User Interviews
Information Architecture, Flows, Wireframes
User Testing, Iterations, Final Thoughts, Next Steps
Imagine that you’re one of two IT administrators for a tech-savvy middle school of 500 students and about 30 teachers. It is your responsibility to keep the school’s tech running smoothly and support the teachers every day, so efficiency is crucial.
Each teacher uses multiple devices in their classrooms to enhance their students’ learning experiences, including a device for each student.
You’ve been at this school for several years, so by now you’ve perfected your morning routine of checking the following:
In some cases, you may only need to view specific features or a combination of them. Fortunately, the tool that provides this table of information can be tailored to your needs by allowing you to customize filters, sort columns, and adjust column visibility in any given situation.
(Disclaimer: At the start of this project, there was no website. I did not work directly with the company because they were already working with a designer, but I wanted to support it by designing a website for a cause I care about. During my project, they released a new website and updated the branding. However, my project is entirely separate from their designer’s work.)
However, here's the problem...
After setting these specific filters and hiding/showing relevant columns, if you try to leave and go to a new page, all the preferences you've set will suddenly be lost.
So, what if there was a way to save customized views of a table, tailored to your specific needs and preferences?
Several of our users were facing this problem and brought it to the attention of our support team. Implementing this feature would greatly enhance convenience and significantly streamline their workflow.
Before diving into how to implement this new feature, I wanted to observe how it was being done already in the real world. By studying five competitors, I compared the methods and functionalities they provided for users to save their preferences.
The findings revealed that users could save various aspects such as filters, column sorting, and column visibility. These saved views were also managed in specific ways, offering users flexibility in organizing their preferences.
Some competitors offered multiple options for saving views, including custom privacy settings and efficient search capabilities. On the other hand, simpler solutions were presented by certain competitors, allowing users to delete, rename, and duplicate their saved views.
Though Health in Her HUE is working hard to bridge the gap between black women/WOC and proper healthcare, still not many people are aware of the platform. My research aimed to understand black women and WOC’s preferences and experiences regarding their health and overall wellbeing and how this platform can better serve them.
I was also curious to hear from black women and women of color, so I surveyed and interviewed 11 (combined) women, and here’s what stood out the most:
These insights allowed me to identify the user's goals, motivations and frustrations to design the website that would be the most beneficial to them.
The best thing Health in Her HUE can do is provide a safe space for black women and women of color to easily find health care providers and content to feel more empowered taking care of their bodies.
HMW: How might we assist black women and women of color in taking care of their health/wellness by providing information, a sense of community, and a directory of diverse health care professionals?
TABLE BEFORE:
These were the design explorations that didn't make the cut for various reasons...
EXPLORATION 1:
EXPLORATION 2:
EXPLORATION 3:
In the initial explorations, several elements cluttered the UI, lacked intuitiveness, and disrupted the existing user experience. After presenting these designs to the team and obtaining valuable feedback from developers regarding feasibility, they highlighted other crucial factors that demanded consideration. Through a series of iterations, I progressively refined the designs, ultimately arriving at the optimal solution.
FLOW: Saving a view as default
This allows a user to maintain the view even after signing out or going to a new page on the website.
It was important for the main CTA to be finding health care providers because it is one of the main issues women have when it relates to their health.
During interviews, participants made it clear the two most important factors they considered when searching for new doctors were health insurance and location. Many also said that depending on the specialty, gender, and sometimes race influenced their decision to see them as well.
The homepage needed to display the information and value users would get in a simple, yet informative way. I showed a preview of what they could expect by highlighting featured doctors, recent content, and popular forum topics.
Due to reprioritization, I couldn't hand these designs off to the developers as planned. However, the next course of action would have involved presenting the feature once again to the design team for their feedback. Subsequently, I would have informed the broader teams about the upcoming feature. The next crucial step would be to create comprehensive documentation covering happy paths, edge cases, and desired behaviors, ensuring a smooth handoff to the developers.
After successfully releasing the feature, I would also actively seek feedback from both the support teams and users to identify potential areas for further enhancing the overall user experience. Based on user feedback, some future features could include:
It was important for the main CTA to be finding health care providers because it is one of the main issues women have when it relates to their health.
During interviews, participants made it clear the two most important factors they considered when searching for new doctors were health insurance and location. Many also said that depending on the specialty, gender, and sometimes race influenced their decision to see them as well.
The homepage needed to display the information and value users would get in a simple, yet informative way. I showed a preview of what they could expect by highlighting featured doctors, recent content, and popular forum topics.