Skip to Content
Jeff DomingosJeff Domingos

Intelie Live - Annotations List

Role: Product Designer
Product DesignAugmented IntelligenceData Analytics
Project 2: Annotations List
Team:
- Bernardo Braga (Leader and full-stack developer)
- Jefferson Domingos (Product Designer)
- Ruan Ramos (Full-stack developer)

Product Overview

Intelie Live is a platform that offers real-time data analytics. It also offers management and operational intelligence for companies in different sectors.

Priority Issue

As part of the company's future strategy, we had the challenge to encourage users to create, and consume more annotations over data.

Introduction

Intelie Live is a platform fed by lots of data so specialists can interpret and make good use of it. It's starting to give recommendations, predictions, and automatization of technical analysis and processes.

A simple note being created on a dashboard
A simple note being created on a dashboard

Augmented Intelligence Discovery

As part of the recently created Augmented Intelligence team, I've partnered up with the team leader in an effort to discover the Design role on AI solutions.

What already exists?

I've started an internal investigation of what was already been made and collected in the form of annotations and where could we act to bring the outcomes we needed.

Illustration

The annotation user's flow

We've started by understanding the user flow when creating and consuming an annotation within the platform.

User's flow study
User's flow study

Yeah, well... Legacy features, right?

Live is an almost 12 years old platform with lots of legacy code. We've decided to go for an improvement of the current way to find and consume annotations.

When the complexity is high, I start working in low

I've decided to start on really low fidelity wireframes to avoid discussions about the visual aspects and keep the focus on information architecture.

Low fidelity wireframes
Low fidelity wireframes

Collaboration is key!

We've discussed and collaborated a lot during the design process. My developer colleagues were always following my proposals and giving insightful feedback.

Low fidelity wireframes
Low fidelity wireframes

A better way to list, search and filter

We've come out with a solution that adds a new and isolated area inside the platform to list annotations, with improved search and filter functionalities.

Annotations explorer with a side filter menu and a new search bar
Annotations explorer with a side filter menu and a new search bar

How it went in the real world?

I can say that it went well! If you're really interested in knowing in-depth details, let's arrange a meeting!