ZS’s Verso’s Orchestration Center

Enabling advanced decision-making to motivate sales reps to act at scale

Feb - Nov 2021

Designing for multi-step and long-duration processes that helps pharmaceutical brand managers and sales representatives improve customer engagement.

Redesigned Trigger Condition

Tested the new module for custom trigger condition that resulted in

Tested the new module for custom trigger condition that resulted in :

92%

Task Completion Rate

81.3%

Reduction in Response Time

What are we building?

Verso’s Orchestration Centre

Trigger Condition

Orchestration Engine improves Health Care Professionals (HCP’s) engagement in the field by suggesting target definitions and creating trigger conditions.

My Role

My Role

Responsible for redesigning interaction and contributing to design system, shipping and quality check for development.

Older Build

Older Build

Older Build

Dated UI

Lacks guidance

Lacks segregation of different entities

Trigger Condition Objective

Managers want real-time insights that help them adjust strategies based on the marketplace and anticipated future landscape, ensuring the brand's success.

Managers want real-time insights that help them adjust strategies based on the marketplace and anticipated future landscape, ensuring the brand's success.

What are Conditions?

Conditions are single or multiple overlapping entities containing a business unit, data science, target group or all of them combined.

Conditions are single or multiple overlapping entities containing a business unit, data science, target group or all of them combined.

Business goals

Bring Verso into the platform by aligning it to the central Design system

Bring Verso into the platform by aligning it to the central Design system

I helped with design system migration at Verso, discovering the complex business ecosystem by initiating discussions with Verso’s team and a central design system team.

Condition Builder Wireframe

A substantial team was actively constructing frontend components and interactions, all rooted in the wireframes for the past 2 quarters.

A substantial team was actively constructing frontend components and interactions, all rooted in the wireframes for the past 2 quarters.

Visual design Approach

Visual design Approach

Initial step is to understand best usage of components and construct numerous concept explorations to secure approval from UX lead, managers and engineering team.

Initial step is to understand best usage of components and construct numerous concept explorations to secure approval from UX lead, managers and engineering team.

Component and Module Breakdown

Entity Pill with 3 Dot Menu

Entity Pill with 3 Dot Menu

+ Various States

Nesting & Wrapping Behaviour

Nesting & Wrapping Behaviour

Nesting & Wrapping Behaviour

Nesting & Wrapping Behaviour

+ Various States

Condition, Expression & Operational Pill

Condition, Expression & Operational Pill

Condition, Expression & Operational Pill

Condition, Expression & Operational Pill

Condition Text + Pill Pop Over

Condition Text + Pill Pop Over

Condition Text + Pill Pop Over

Condition Text + Pill Pop Over

+ Helper Text & Error Scenarios, Backgrounds

+ Helper Text & Error Scenarios, Backgrounds

+ Helper Text & Error Scenarios, Backgrounds

+ Helper Text & Error Scenarios, Backgrounds

Nesting and Wrapping Behaviour Concepts Progression

What I Explored

Using horizontal space where grouping would be sequenced like parenthesis

Why it Doesn’t Work

Limits the width utilisation leading to larger scroll/increases width(2)

What I Explored

Forcing each pill to be on separate line but level is shown by it’s horizontal indent location

Exploration approaches to display and engage with entities

Exploration approaches to display and engage with entities

Exploration approaches to display and engage with entities

Careful utilisation of components to harness the full potential of the ZSUI library is crucial, specially with implementing colour palette that scales, catering to Semantic, Data Colour set and Primary(Theme-able) Colours.

Careful utilisation of components to harness the full potential of the ZSUI library is crucial, specially with implementing colour palette that scales, catering to Semantic, Data Colour set and Primary(Theme-able) Colours.

Careful utilisation of components to harness the full potential of the ZSUI library is crucial, specially with implementing colour palette that scales, catering to Semantic, Data Colour set and Primary(Theme-able) Colours.

What I Explored

Forcing each pill to be on separate line but level is shown by it’s horizontal indent location

Why it Doesn’t Work

Utilises multiple data color sets which bring any remembrance and nesting 3 dot buttons appears bulkier

What I Explored

{---} Brackets for grouping that only activates nesting on hover with one single colour

Why it Doesn’t Work

Idea of brackets connected with all stakeholders

Chosen styling, Interactions and Behaviour

Brackets for nesting that activates grouping on hover

Curves at the edges make the wrapping appear friendlier than flatter lines

Distinct 3 dot menu buttons that sit well at th end of the nest.

UI

Complex Interaction

Old vs New Interface

Development Progress

The team had to navigate adjustments to align with the wireframes, preventing us from incorporating all the new interactions in a single release cycle

Outcome

Conducted user testing with 8 Sales reps using a QA link, achieving an impressive 92% success rate in identifying a custom trigger condition within 22 seconds (previously 40 seconds).

This success encouraged further exploration and timely identification of invalid scenarios

Highlights

Solving for a complex interaction with user testing in first 8 months

Solving for a complex interaction with user testing in first 8 months

Solving for a complex interaction with user testing in first 8 months

Adding multiple unique component to legacy based ZSUI library

Adding multiple unique component to legacy based ZSUI library

Adding multiple unique component to legacy based ZSUI library

Getting involved in onboarding of Design system specialised studios like ‘Super friendly’

Getting involved in onboarding of Design system specialised studios like ‘Super friendly’

Getting involved in onboarding of Design system specialised studios like ‘Super friendly’

Have something for me?

Let’s Chat

anujarora.mom@gmail.com