Interactive Platform making AI Evaluation more Accessible
2023 Aug - Dec ( 5 months )
3 designers, 2 developers
Wireframing and prototyping
Moving can often seem like a continuous stream of stressful events. From the repetitive process of reserving a truck to the challenges of modifying bookings, coordinating with moving assistants, and handling a large truck, do-it-yourself movers using U-Haul can find the moving experience both disjointed and frustrating.
This all-in-one virtual assistant redefines the entire moving journey. It offers responsive voice-guided features that optimize tasks, enhance coordination, and provide real-time alerts and guidance. It's particularly adept at intelligently addressing complex requests, which is a valuable asset for movers under pressure. By doing so, it significantly boosts the efficiency and overall enjoyment of the moving process while simultaneously alleviating driving concerns through hands-free, real-time support.
Zeno is an interactive evaluation platform that allows users to evaluate their AI/Machine Learning models. It combines a Python API with an interactive UI to enable users to discover, explore, and analyze the performance of their models across diverse use cases. I was tasked with designing Zeno - tag feature. which in where users can group instances from one or multiple slices and share the tag with other users. Besides, I worked on Zeno website redesign and the hub home page, the landing page for the Zeno platform, which is where users can view all their personal projects and reports and explore public files.
Users have Since the launch of Zeno Hub, we’ve seen a 200% increase in daily active users. Users have created over 800 projects to evaluate more than 10,000 AI systems. These insights have been used to author over 160 reports.
Our group began the research by understanding the current task and data structure. This step helped the team establish a basic understanding of the complex platform functionality and the main tasks completed on Zeno, which set up a solid foundation for future design.
First of all, we created user persona that outlines the main characteristics of Zeno users. This finding has been guilding us throughout the design decisions.
The tag feature already exists on Zeno. However, based on user interviews, we discovered that users do not easily find this feature, but they do find it helpful once they understand its purpose, which is to group instances and share results efficiently. Initially, I conducted an analysis of user goals and pathways to understand the current user flow context. Importantly, users are highly likely to use tags in conjunction with the slices feature. Therefore, it is crucial to examine how these two features interact in various scenarios.
The addition of slices to the filters has resulted in both slices and tags appearing together, leading to confusion regarding which instances are being filtered. Additionally, other issues arise, such as the creating new tag button being located far away from the instances when one is selected. Users who are unfamiliar with the interface may struggle to discover this feature easily, leading to low adoption.
I observe how Linkedin and Google Drive organize the posts, folders and files, the “ Save” and “add to starred” feature which allow users to save post to the personal collection.
I looked into the design pattern on Webflow website and learned the UX pattern.
I also outlined the color guideline for the Zeno hub to ensure the consistency in branding and design across various pages. It defines the specific colors to be used in different contexts.
Initial sketches explored the layout of ‘My Hub’ and ‘Discover’, and the card UI for projects and reports. We decided with putting reports and projects under filter to minimize the information overload.
The new card design establishes consistency across the cards, making the titles, descriptions, and icons hierarchical to clearly indicate the Call to Action (CTA), such as the heart icon. Additionally, it effectively utilizes icons to highlight important information.
Several issues and missing pieces of information have been identified on the current site. This includes the absence of details about Zeno, its capabilities, how to initiate using Zeno, as well as addressing other privacy concerns such as data privacy, accessing technical support, and understanding the team behind Zeno.
Additionally, I clarified a few questions, including identifying the target audience—whether they have a technical or non-technical background—and determining the primary purpose of the site. I also defined the main takeaways users should receive. As a result, I pinpointed the primary focus of the redesign: enhancing the site's credibility, introducing key features to technical users, and driving traffic to the Zenohub platform.
I looked into Webflow website to to understand design patterns in home screens and found three design patterns that are normally being used to display product features. I came up with three designs and presented to PM.
Developing wireframes for the website redesign incorporating insights gathered from the needs discovery process. Here are the key considerations for the redesign:
I used paper to experiment with various scenarios for slices and tags, aiding in the visualization of how instances might be categorized under slices, tags, or both. Moving further, I want to create user flow for diverse user paths and consider edge cases.
Collaborating with an engineering team necessitates that designers not only focus on designing but also effectively communicate the rationale behind their designs. Don't be upset when faced with questions or pushbacks!!
When designing a small feature, it's crucial to approach it systematically, considering various use cases and especially edge cases.
Discovering suitable techniques for iterating ideas may involve processes like whiteboarding or sketching on a piece of paper...