Ideation
Establishing the guiding principle
View only tool to find database details for the first phase
We needed to find the perfect balance among a diverse set of user needs; achieving this was a task, as each of them had different expectations from individuals' end.
Constraints
01
Quickly able to find information with minimal interactions
02
Clear and to the point details in minimal space
03
6 weeks deadline and limited developer efforts
Goals
01
Improve database management workflow
02
Enhance efficiency of the users
03
Streamline tracking and retrieval of database information
Generating ideas through crazy 8
We conducted a 'Crazy 8' workshop with an expanded team to delve into the perspectives of designers at various levels and how they would tackle this challenge. Several of these exploratory exercises unveiled new ideas that significantly influenced the outcome of our final product.
Finding the right approach
Instead of directly adopting a predetermined approach recommended by stakeholders and end users, we embarked on a journey of exploring four distinct approaches, guided by the principles of the thoughtful execution tree. This method facilitated a comprehensive exploration of individual concepts, enabling us to integrate insights from each approach while placing a strong emphasis on mindfulness and strategic decision-making.
Prototyping concepts into wireframes
We started exploring problems and opportunities by prototyping each concepts showcased these wireframes to internal stakeholders and end users. As expected, Most users wanted a table dashboard over other exploration. However, they did
Key takeaways from the above exploration
We gained valuable insights from each individual hypothesis, although there were also trade-offs to consider. The table-based approach received favorable feedback from most stakeholders and users. While search functionality was deemed important and necessary, it was not the primary action someone would perform every time they visited the site.
01
Table with defined columns that enables sorting options
02
Flexibility to rearrange columns and filters
03
Emphasis on scalability and space utilization
Prioritizing newly discovered Challenge
Users wanted a flexibility to rearrange columns according to their specific use case
Striking a balance between efforts and usability
We began by examining interaction design patterns employed by products with similar use cases, such as Monday.com, Asana, and ClickUp, among others. These products have evolved progressively over time, and their interactions have required significant developer input.
Collaborating with the Product Manager and developers, we assessed the intricacy of implementing column-level operations, which demanded substantial developer effort. I devised a sidebar that enables users to toggle columns and rearrange column items within a draggable window, introducing an entirely new interaction pattern that needed lower developer efforts and contributed to enhancing the end user's column customization experience.
Usability Testing findings
How well it was recieved and task completion rate
The ability to rearrange columns without having complex interaction was well-received by end users, developers and stakeholders. We conducted a usability testing with defined scenarios, where there was 94.3% success rate among users.
Crafting final designs
Incorporating feedback from end users, we meticulously crafted our ultimate visual designs, aimed at empowering users to concentrate on their tasks without being hindered by unexpected bottlenecks caused by human errors.
FINAL DESIGN
