Do IT is a social network that places its focus on wellbeing and helping people build meaningful connections.
Do IT
-
Tools
Sketch, Invision -
Platforms
Web, Mobile, Native app
DESIGN CHALLENGES
Problems
Admins (users) found it hard to navigate within the platform and find the key pages. There were also a lot of steps taken to complete a task.
Challenges
Hypothesis
Comparable solutions While looking at comparable solutions to identify some patterns and designs other products implemented to solve similar problems. We also looked at our competitors to see how they've solved these problems and how we can improve on it.
Discovery
We had whiteboard sessions with key stakeholders involved in the process. This allowed us map out a clear user persona, use flow diagram and set goals.
We also did some quantitative and quantitative research with users to find out their pain points and identified common themes.
We also did some card sorting exercises to determine how features will be prioritised on the dashboard based on user's current journey and context.
We created a low/mid-fidelity prototype and worked with users to get feedback on the design solution.
Once we gathered our feedback from prototype, we analysed the feedback and gathered insight. We also kept the feedback loop open and iterated based on feedback.
Admins (users) found it hard to navigate within the platform and find the key pages. There were also a lot of steps taken to complete a task.
Challenges
- • ‘How might we’ ensure users easily navigate between 100s of pages and access relevant pages?
- • ‘How might we’ reduce the number of steps it takes to complete a task?
Hypothesis
- • We believe by creating a simple sidebar, admins can access relevant pages quickly and save time spent on each task.
- • We believe by reducing the steps required to complete a task, the admin are more likely to complete the task and increase retention.
- • We also wanted to give the platform a UI redesign as the designs were quite dated and not user friendly.
RESEARCH
Comparable solutions While looking at comparable solutions to identify some patterns and designs other products implemented to solve similar problems. We also looked at our competitors to see how they've solved these problems and how we can improve on it.
Discovery
We had whiteboard sessions with key stakeholders involved in the process. This allowed us map out a clear user persona, use flow diagram and set goals.
We also did some quantitative and quantitative research with users to find out their pain points and identified common themes.
We also did some card sorting exercises to determine how features will be prioritised on the dashboard based on user's current journey and context.
PROTOTYPE & TESTING
We created a low/mid-fidelity prototype and worked with users to get feedback on the design solution.
Once we gathered our feedback from prototype, we analysed the feedback and gathered insight. We also kept the feedback loop open and iterated based on feedback.
FINAL DESIGN
Apart from creating a new Navigation and side bar, I redesigned the platform assets and created a design system.
IMPACT/RESULTS
Admins (users) were able to complete their tasks 2 times quicker with fewer clicks (50% less).
Other findings
When designing for mobile, there were a few navigation solutions that worked on the desktop that was near impossible to replicate on mobile version due to the screen size constraint. I decided to try a mobile-first approach. This enabled us to think through every feature we add to the top navbar.
This made things much easier and when I was designing the desktop version, there was more room to add things while still keeping the mobile and desktop experience consistent.