Meiro Client Information Platform — A Ux Representative Report – Ux Collective

Overcomplicated blueprint fails to yoke the gap for novice marketers.

Brief: Redesign the Customer Segment Builder page to
enable users of this platform to attain their tasks to a greater extent than efficiently.

Note: This was a Pro-bono done past times me together with my squad (Zack, Ara, Penny, together with Myself) for our concluding projection equally Students at General Assembly Singapore.

Problem

The overcomplicated interface of Meiro (Custom Builder Page) is negatively impacting its adoption charge per unit of measurement alongside novice marketers.

How Might We?

1) How powerfulness nosotros improve the visual interface of Meiro thence that users volition honour it to a greater extent than intuitive to consummate their tasks easily?
2) How powerfulness nosotros enhance the features of the custom builder segment thence that users tin consummate their tasks easily?

Our Solution

Instead of reconstructing the entire interface of Meiro, nosotros volition brand subtle together with meaningful iterations that are to a greater extent than relatable to users.

By redesigning together with reiterating Meiro’s interface together with its elements for marketers to create segments easily to run into their marketing needs.

My purpose and team

I took the first of Topic Research, Usability Testing, Prototyping, together with Design strategy.

Team Meiro’s Lineup

Customer Data Platform (CDP):

CDP is a platform that consolidates client data, from partially connected silos, into persistent client profiles combining behavioral attributes. So that marketing teams no longer have got to await for accessible structured information from information technology departments to hold with marketing plans.

Target Users

At the firstly of this project, Meiro was yet inward their infancy stage together with did non have got long-term users that nosotros could approach for user research. Hence nosotros interpreted the illustration together with approached users who were familiar with complex information systems similar CDP.

User Testing together with Interviews

We managed to recruit thirteen users who have got prior sense with information platforms likes Google Analytics, Salesforce, together with Matomo (formerly Piwik).

Some substitution quotes from users:
“There should move merely about variety out of a status to consider if the motility is done or yet inward progress.”
“I tin alone empathize the calendar icon, what are the other 3?”
“The English linguistic communication inward the summary job is weird.”

Affinity Mapping (sectioned)

After the testings together with interviews, nosotros synthesized our findings together with made conclusions for iv problematic areas inside the page: 
1) Design of the attributes
2) Filtering of conditions
3) Segments 
4) General User Interface

Personas & Customer Journey Map

We thence crafted personas together with client journeying maps, (that trace our findings,) that volition render our Client with amend insights into their customers.

Features

We thence came upwards with features that volition assistance solve these users’ problems together with used diverse matrixes (Impact/Effort matrix & MoSCoW matrix) to prioritize them accordingly for prototyping together with testing.

Task-based Tests & Concept Selection

Due to the lack of fourth dimension together with resources, it isn’t feasible to create a total working epitome for usability testing but nosotros yet have got to bring our iterations together with ideas across to the users together with client. Hence nosotros decided on splitting the testing of features into 2 sections: Task-based Testings together with Concept Selection.

The usability examine consists of iii parts:
1) To compare the old together with novel interface, nosotros had users consummate iii tasks on 2 dissimilar prototypes: Meiro’s electrical flow epitome together with a mid-hi fi epitome I built on Axure. 
2) We thence asked them to teach through a serial of printouts on certainly elements together with components of the platform, to determine which blueprint they preferred. 
3) Lastly, users were asked to fill upwards up a System Usability Score (SUS) form

Usability Test Results together with Iterations

The consequence from the examine was real positive, the bulk of the iterations were good received. Only 2 of them were yet causing confusion with the users. And iterations were made 1 time to a greater extent than earlier merely about other serial of testing.

Final Product:

Breakdown of novel iterations:

New Categories for Segments together with a Sorting Function

New Categories: We added a few novel categories (Segment Type, Status, Date Created) together with a sorting business office for the segment page.

Users had feedback that Last Modified dates weren’t real relatable together with relevant since opening a segment volition modify this value.

We also mentioned to the clients that categories similar Segment Type and Status could move customisable for each company/ marketing squad to amend accommodate their DesignOps processes.

Hover State together with Sticky Function

Hover acre together with Sticky: Previously users could alone enter/ opened upwards a segment past times clicking on the segment names, thence nosotros decided to brand the entire bar clickable together with added a hover acre to dot that underlying action.

However if the hover states is also much of a visual noise, a elementary cursor modify is to a greater extent than than plenty of an indication to know something is clickable.

The additional gluey characteristic volition amend permit user to variety out out their ain listing together with pivot the to a greater extent than of import segments to the top.

Reduced stride inward User Flow: Previously when users create a novel segment, it makes a novel listing on the segment page, together with that was it.

We felt that merely past times clicking on the Create Segment Button, it is clear that users desire to create a segment. Hence nosotros take a stride inward the user catamenia together with brought users instantly to the editor page later creating a novel segment.

A condensed listing of Attributes sorted according to their categories

Attributes together with Filtered Conditions:

Before nosotros teach on, I believed this is likely the near complex component subdivision of Meiro. To hand merely about context: Each attribute pulls certainly information from a specific information collection tool together with segments whatsoever client profiles that matches the selected condition.

Previously, the attributes were sorted according to the amount of client profiles segmented past times each attribute. Meaning that if the attribute Birthday was to segment 80% of the entire database together with Last Name draws 90% of the same entire database, the latter attribute would move placed higher inward the list.

NO USER understood the sorting algorithm. And unless there’s a fashion to dot these informations, nosotros felt that it was amend to variety out them according to categories.

Filtered Conditions: After selecting an attribute, users volition thence have got to select a status to consummate a filter for the segment. Which nosotros have got filtered this listing according to whichever attribute was selected.

This volition assistance cut down cognitive charge for users inward the procedure of deciding what are the available together with right weather to use.

The previous push resembles the toggle push from the IOS organization (And Orange toggle on a White Button). It caused merely about confusion with its ‘activated’ state, particularly for users who aren’t familiar with the IOS system.

Conclusion/Ending
This projection helped me empathize how hard it is to innovate subtle yet meaningful changes to a working product. My greatest takeaways were: a glimpse into the information world; picking upwards Flinto, an interactive blueprint tool; the extremely positive reviews together with satisfaction from our clients.