Topology manager

Topology manager is an internal tool used by Unacademy (India's largest online learning platform with 8,00,000 paid active users) which helps the internal team to manage content mapping for their classes & courses

Classes are mapped to a path in the hierarchy of the topology managers. Category → Goal Group → Goal → Topic Group → Topic → Concept → Sub Concept → Concept Field

PROJECT OVERVIEW

Base components & search

In order to crack the Topology Manager, first we decided to crack the base components ie,.node and sub-node. We separate into two categories:

One is current functionality of TG (Topology Manger) such as edit the title and change the visibility mode, second things is what the users need? (Rearrange the order, Select multiple sub-nodes → Copy to different nodes, Change visibility & Delete)

Search is a complex and challenging feature. We noticed that users are more aware about the structure and know where they want to make changes ( In business team they are well defined with topology when they want to add, where they want to add or edit ), but the problem is finding and clicking each topology, which is very time-consuming and tedious

craft and iterations

Explorations

We started by showing some of the early table iterations we thought they would find useful. But this could have the opposite effect, as the user testing might not performewell in terms of experience.

But instead of layout, we more focus towards the details like adding dividers between each sub-node, Finding the states how we can give more interactive and intuitive way of states. Some of they states are what happen when the node is expand, closed, hover,.. Added 2px divider between the two nodes will help the user to scan faster, Defined the colour code for each state will help them to give more accessible

Design system

Build design system from scratch

One of the most important outcomes of the project was the Design system for the internal tool Atlas. Multiple teams were dealing with projects on Atlas, thus DS played a crucial role in consistent and speedy design delivery.

There are few areas that are as rich, complex, and multi-disciplinary as, and where there’s complexity, there’s opportunity for design to shine. I was fortunate to work with so many brilliant and interesting people during the time of topology manager.

There’s was a lot of engineering magic going on behind the scenes to extract these logic and validations, but stitching them all together programmatically in a way that resulted in a beautiful creative was a challenge.Kudos to my PM was a huge help in sort out the validations.