portal-landing-macbook1.png

Anypoint Exchange

Anypoint Exchange 2 

While working on multiple products, my main focus at MuleSoft is Anypoint Exchange - a collaborative repository that encourages users to reuse and share APIs and other assets. The "Exchange team" is a collaboration of 2 Product Managers, 1 UX designer and 15+ Engineers based in 3 different time zones.

portal-landing-macbook.png

Anypoint Exchange consists of a MuleSoft provided public list of APIs, examples, connectors, and templates that you can use to create applications.

Organizations can also have private Exchanges that list their APIs, examples, connectors, templates, and custom assets for creating applications within their organization. Private Exchange assets enable Anypoint Platform users to publish and access Mule-related content within their own organization increasing visibility and reuse.

 

Defining the persona

To align strategy and goals we defined key personas for Anypoint Exchange. For a broader understanding of the specific user groups, we listed their desired outcomes and current obstacles, along with a Quote and their archetype.

persona.png
 

Design thinking and user validation

It is important to talk to users early in the process in order to understand their mental model. To refine the product definition, we decided to introduce a new process - to bring together Product Managers, Developers, Support Engineers and UX designers in a design thinking session, and validating the designs with MuleSoft users.
Within a couple user interviews, we were able to define the pain points our users faced. The highlighted problems were a basis for our workshop.  

Research Summary - Exchange Concepts - 2016.02.29 (1).jpg

The internal participants worked in groups, each containing at least one product manager, developer, support engineer and a UX designer. This was a great opportunity for cross communication between different teams at an early stage.

Research Summary - Exchange Concepts - 2016.02.29 (3).jpg

Each team presented the results of their collaboration at the end of the day. The ideas were used for remote design validation sessions with existing users. During the presentations, valuable conversations were starting to form.

ux-research-summary.png

The newly introduced exercise had a very positive impact internally, as well as with our users. The early collaboration in the organization, before the product was fully defined kept teams engaged and reduced working in silos. Our users were very satisfied to have a voice and be a part of the design direction.

 

The Object model

Working closely with with project managers, engineering managers and developers was crucial for clear communication between the remote teams. In order to fully understand how the project fits within the platform and define its scope, we turned to creating an object model, which was shared and communicated across the whole organization. 

 High level object model of Anypoint Exchange.

High level object model of Anypoint Exchange.

 

Logic Flow Mapping

Anypoint Exchange is a complex system. Creating detailed logic flows was crucial for breaking down tasks and planning.
The diagrams served as a valuable communication tool between design, product management and engineering.

Screen Shot 2017-10-02 at 8.22.06 PM.png
 

Design Research: Finding similar design patterns

Although design research has been present in the design process since the beginning, a more in depth exploration has taken place in the stage before wireframing. We researched similar products from competitors, as well as looked for similar patterns in various interfaces.

exploration-x.png
 

Wireframing interactions and layout

First wireframes are usually hand drawn sketches, allowing a quicker and more organic ideation. Keeping the sketches in low fidelity and staying away from any details on the page has proven to be the best for communication this stage of design. The conversation is easily derailed and focused on a specific detail when the design presented is at a higher fidelity. 

 

Mock ups and Prototypes

 

Usability Testing

Usability study for Anypoint Exchange was executed in remote sessions with a working prototype of the product. The 7 participants were existing MuleSoft customers, one group of users had pre-existing knowledge of an older version of Anypoint Exchange, the second group never used the product. The interviews participants were asked to complete 4 tasks, which resulted in a 100% success rate. 

EXCHANGE USABILITY.png
 

User Onboarding

A last step before launching the product was building an onboarding experience, which introduced the main new aspects of Anypoint Exchange. Based on the positive results of the usability study, we decided to build a simple 5 step overlay appearing only once.

onboardingArtboard-1-copy-3.png