umbrellabird – Duplicate

Sector

Artifical Intelligence (AI)

Solution

Product design | UI/UX

Year

2024

The Problem

Umbrellabird is an AI-powered software designed to improve the efficiency of product managers and user researchers. It listens to uploaded, pre-recorded conversations and extracts key insights based on user-defined parameters, simplifying the process of creating essential documents like Product Requirement Documents (PRDs) and FAQs.

After successfully launching the MVP version, we collected user feedback through support tickets and interviews. While users appreciated the platform's impressive ability to process videos and generate valuable insights, they reported spending too much time navigating the interface. Simple tasks, such as creating and organizing folders or providing feedback on uploaded videos, were not easily accessible, despite being integrated into the app.

This lack of intuitiveness and accessibility led to user frustration, revealing that the overall user experience required significant improvement.

Target Audience

The target users—UX researchers, analysts, and programmers—had substantial technical knowledge and experience with similar tools. Therefore, the challenge was to redesign the platform with familiar interface patterns, allowing users to interact seamlessly with Umbrellabird without a steep learning curve.

What I did

To address the challenges highlighted in user feedback, I led a UX/UI redesign of Umbrellabird, focusing on streamlining user flows and enhancing accessibility. The key goals of the redesign included:

Upload Management
◆ Create a centralized hub for all uploads
◆ Develop a dashboard to provide users with actionable insights
◆ Enable pinning, highlighting, or marking insights for quick access and prioritization

Collaborative Workspaces
◆ Design dedicated sections for better organization
◆ Integrate sharing and invitation features for improved team management

Enhanced Video Synthesis Flow
◆ Design upload status indicators to enhance user feedback and set clear expectations
◆ Design dedicated and accessible button for faster video upload

Overhaul UI design
◆ Intoduce dark themed UI
◆ Refine the existing design system and language for a more cohesive experience.

Outcomes

These UX/UI improvements resulted in a significantly more user-friendly Umbrellabird platform. Users can now upload videos, manage insights, and collaborate with their teams more efficiently.

This redesign has the potential to increase user adoption and enhance the overall value proposition of Umbrellabird for user researchers and product managers.

Key learnings

The Familiarity Factor: Designing for AI Adoption

A key lesson I learned working on our AI project is that even with cutting-edge technology, user adoption still relies heavily on familiar patterns. It's easy to get caught up in the novelty of AI and try to create something entirely new, but sometimes the best approach is to leverage existing, successful models.

When we were struggling with Umbrellabird's usability, I decided to look at how similar products like Google Drive and Dropbox handled similar tasks. By adopting familiar design patterns, we were able to create a product that felt intuitive to our users. This not only reduced the learning curve but also ensured that users felt comfortable and confident using our tool.

Tackling Accessibility concerns with feature ehancemets

To address the accessibility issues reported by users, I redesigned the platform with a focus on simplicity and usability. I introduced a centralized hub for uploads and a dashboard that provides actionable insights. Additionally, I enhanced micro-features like pinning, highlighting, and marking insights, making them more accessible and interactive for quick access and prioritization. These changes directly tackled the core accessibility concerns raised in user feedback.

Introducing a dark themed UI

Based on my research and competitive analysis, I observed that many products offering similar services to ours provided a dark theme option. Recognizing the value this feature could bring, I decided to include it in the redesign as an added deliverable. Implementing the dark theme was seamless and did not pose any significant challenges.

Plus, it was an enjoyable process for me, as designing a dark-themed product was something I had always wanted to explore. This addition not only enhanced user experience but also aligned with industry trends, giving our platform a competitive edge.

Let's connect

GET IN TOUCH
OKHAIDEAJAYI@GMAIL.COM ↗︎

CONNECT ON
LINKEDIN ↗︎

LOCATION
REMOTE 🌍