Moxtra

Date

2015-2018

Role

Head of product design

Platform

Desktop, iOS, Android, SDK

Overview

Moxtra is a multi-layered enterprise collaboration workspace that provides conversations, meetings, content on demand, multimedia annotation, and much more. It is founded by Subrah Iyar, the former CEO and co-founder of WebEx (Cisco acquired).

The cloud solutions range from a complete white label team collaboration to bite-sized technology components, enabling on-demand business and team collaboration for the mobile era.

Moxtra has a partner first driven business model, delivering the technology through a rich set of SDK’s and API’s that allow any technology provider to rapidly integrate rich collaboration into their own applications or services.

My Role

I’ve joined Moxtra since 2015 from Toronto, officially to take moxtra to the next level, after being in the market for 3 years.

I’ve started as UX team of one and within 2 years we grew to 5 designers and interns.

I’ve managed the team of design and we overhauled the product and UX for 3 major releases 3.0, 4.0 & 5.0 for mobile, desktop, tablet, smartwatch as well as embeddable solutions, White label and SDK.

Challenges

The first challenge with redesigning a product was dealing with the existing users who had a strong dependency on the old experience and resistance to a major change.

Another major and unique challenge was about a various type of target users from a wide range of industries such as education, enterprise, design firms, financial associations, and etc ...

So the Experience had to be suitable for all and not limited to any specific one.

On the other hand, a big part of Moxtra’s business is embeddable and white label solution. It means the design and experience should easily fit into any application and platform.

Design Process

STRATEGY

Observation
Research
Market
User
Competitive Analysis
Data Insight
Ideation
Identify Business Goal
Problem to solve

DESIGN ITERATION

User Flow
Information Design
Interaction Design
Prototype
Visual Design
User Testing

IMPLEMENT

Experience Specification
Developer Support
Beta Launch
User Testing
Analyse Data
Launch

Old Version

Screen Shot 2018-01-12 at 10.21.20 AM.pn

Screen Shot 2018-01-12 at 10.22.02 AM.pn

Screen Shot 2018-01-12 at 10.21.32 AM.pn

Competitive Analysis

Analytics & Heat Mapping

I dove right into the data by amounts of data were available in the system, Google Analytics, and Mixpanel. The main challenge was sorting through the data to reveal meaningful patterns.

We discovered a significant number of users exhibited the following behaviors:

Deep Research and Constant Testing

Session Recording

User session recordings acted as hybrid quantitative/qualitative research.

In the beginning, we should figure out about the users. There are different industries who are working with Moxtra, Education industry, schools, Engineering firms, Design and Architecture firms, ...

We collect from any of the industries to run the test, either in person or via Moxtra virtual meeting. We could easily record the desktop or mobile screen and also capture users emotion via camera during the test with moxtra meeting.

Also, we find multiple users who are working with other collaboration tools and never work with Moxtra, and ask them to do their daily job with that.

Since the recordings were live, anonymous, and undetected, the results were fairly reliable since they represented user behavior in a natural environment.

Session recordings ran continuously throughout the whole design project, providing a stream of data to validate user interviews and usability tests.

Qualitative Research

We interviewed customers not just to validate the other sources of data, but also as a basis for determining how the new design could deliver dynamic content to specific segments.

By developing a rigorous user interview process and tying questions to outcomes, we gathered highly focused feedback.

Stakeholder Interviews

Since this project would literally change the digital face Moxtra, We also interviewed executive leadership and product, marketing, sales, and customer support teams. Then cross-referenced the results with feedback from user interviews, tweets, emails, and even conversations that I had with attendees at the speaking events.

Key findings from the interviews

The app was not easy to browse, hence there are no major issues with the navigation, but it wasn't clear to find some part of application like Setup a meeting, my to-do, add a new member to a binder.
Frustration comes from the lack of filtering and a complicated search process.
The app lacks clarity in the direct communication and group conversation.
The app presentation is messy.

Usability Test

Participants were given 4 tasks to complete. Task 1 was conducted on the existing app.

To collect quantitative data, we timed users on how fast they took to complete the task on the existing app.

(For next releases we have the same practice with both exciting app and new app. The new design allows the user to complete the task more efficiently).

In addition, we conducted a post-test survey to collect feedback from the participants on their views of the app.

Heuristic Evaluation

Experience Design & User Flow

Moxtra meeting experience for web/desktop

Meeting Experience for mobile

E-Signature User Flow for mobile

Perfect Pixel Visual Elements

One of the challenges of visual design was redesigning the icons, as one of the most important elements to communicate with users. At the first step, we found that there were too many icons for some areas which were not necessary and only made it confusing.

Also, my goal was to have a clean and simple but at the same time appealing perfect pixel design to ensure an easy interaction with users.

Design System & Style guide

We provided a detailed style guide for each element, layout, and interaction in every platform of web, desktop, iOS, Android and iPad, so the designer and developers follow.

Also, we build multiple sketch libraries for each platform that designers can easily use any elements in their design, and if anything changes in the library, the rest of the design will be updated.

This way we ensured a consistent design for every platform.

HIGH-FIDELITY DETAILED DESIGN

Chat Timeline & Calendar

Files and Annotations

Meeting

MOXTRA 2014

MOXTRA 2016

MOXTRA 2017

MOXTRA 2018

Apple Watch

Moxtra was one of the apps selected by Apple ahead of Apple Watch release to design and develop the major functionalities of moxtra for apple watch.

Receive important messages, updates, alerts, respond quickly by speaking directly, join a meeting from your Apple watch, and it will seamlessly transfer to your iPhone.