Ubiquity Press

Project Type

Company’s project

Duration

1 year, 2019-2020

Team

You Jin Lee, Mattin Delavar, Mimi Shalf

Description

We were given a project to create a centralized administration interface called Central Station, which enables the setup, configuration, and administration of all Ubiquity SaaS products and associated services (i.e. the Ubiquity Research Cloud).

My Role

Co-leading with other two product designers from end to end of the product. I have started this project individually and later teamed with other product designers.

Success Metric

The final product was launched in 2021, achieving a 35% increase in utilization among press and journal managers.

Final Product

 

Older Version

When starting this project, I was introduced to the version that the users were already using, which was called JURA. The features that JURA had were all clustered, and very difficult to understand. I had to re-create JURA into a new centralized administration interface called Central Station.

Frame 28.png

Project Goal

Based on the product spec, the project’s goals were to make a self-served SaaS product for users:

Background.png

Lastly, the key features that are needed to be added before user research were:

  • A role-based system, providing users with access to settings that they have been assigned

  • Users have maximum self-service capability

  • Users can configure individual products, linking products to products

  • Ubiquity Admins are able to use the system to manage billing and payments, and see flow of work to suppliers

  • The system provides an analytics function

  • The stable design that helps easier and simple integration

User Research

To gain insights into user pain points and their specific needs, I conducted interviews. Subsequently, I observed that the projects being tackled by other product designers would also be integrated into Central Station. As a result, we collaborated on Central Station together.

Interview

I had the opportunity to interview six users, including two Ubiquity Press Administrators, two press managers, and two journal managers spanning from the United States to the United Kingdom. The key insights gathered are:

  • Users find Ubiquity Press products dispersed and confused with no guidance, leading users to have fear of using features in the product. Therefore the features in JURA were barely touched except the ones that they know how to use it.

  • In UP products, non-technical users often struggle with back-end settings that require coding, resulting in frequent requests for developer assistance for even simple changes.

  • Users encounter challenges with understanding user permissions, leading to confusion about what they can access and what restrictions apply.

Secondary Research

When searching for administration interfaces, the main takeaways are:

  • They had dashboard that shows the summary of tasks, ongoing process, data, and more features that can be customized.

  • Simple menu bar that consist of essential categories

  • Showing user name and its role that helps users to feel more personalized once they login

  • Help page that can support users when they have question

Survey

We conducted survey to figure out what kind of functionality they mostly use in JURA, and what kind of functionality that should be added more into Central Station. We then organized needs of function into spreadsheets to see which ones should be deleted, and kept.

Survey.png

Affinity Mapping

With surveys, interviews, and secondary research we have done affinity mapping so that we can see take out key insights of what is needed for Central Station.

Affinity Mapping.png

Grouping Features

We then organized the specific features within each page into categories. With this, we were able to see the general understanding of necessary, and unnecessary features.

Features organization.png

Action Grouping

We have trimmed down the extra specific features by grouping features, and calling in with our Ubiquity Press Administrators, and have grouped them by actions that users take.

Action Grouping.png

User Persona/Matrix

After the interviews and surveys, we defined user personas. In order to know exactly which features are accessible to which user persona, we created a chart.

User Matrix.png

Key Insights

The main key insights:

Key Insights.png

Based on our research, we have made a decision to put these pages in our main navigation:

  • Overview

  • Presses

  • Journals

  • Repositories

  • Conferences

  • Create

Upon this main navigation, we have decided to add:

  • Help Button

  • Account Page, and Account with Role

  • Logo

  • Individual Page for each journal, and presses

We also created sub navigation for Individual Journal Page and Individual Press Page. However, we were still in a progress to finalize our main, and sub navigation, because some features are already in use with another system outside of Ubiquity Press.

Low-Fidelity Prototype

With key insights and user flow, we created low-fidelity prototypes. At this process, we were still talking to our Ubiquity Press Admins to make sure all of the user flow was correct, and that our low-fidelity prototypes made sense in connection with the user flow.

Frame 35.png
Frame 37.png

User Flow

Before starting a whole low-fidelity prototyping process, we sketched our main navigation menu to start. As we have sketched out our main navigation, we needed to organize the general user flow to fully process the whole project. We made Central Station for the main user persona, which are Ubiquity Press Admin, Press Manager, and Journal Manager. We created a flow for some pages that we made as a very simple mid-fi prototype. Lastly, we sketched another user flow that happens from inside to outside, and vice versa of Central Station.

This is the part where we made sub navigation for each main navigation.

Frame 36.png

Mid-Fidelity Prototype

During our mid-fidelity prototyping process, we have created a screen from the main navigation. We have added more pages, and have worked on the details of the functionality, such as editing the design and the content of their website, showing instruction, creating journal/press, notifying the payment to users, etc.

Also, we were discussing with our team on what program we will be using for reporting, and payment methods.

Mid-Fi 1.png
Mid-f3i.png
Mid-Fi 3.png

UI Library

We have decided on our UI colors by existing Ubiquity Press colors and their complementary colors. We have chosen the best font that fits well with the theme of our new design. We had distinctive font size for Main Title Text, Menue and Page Section Titles, Subtitles, List Titles, Body Text, Button Text, Menu Options, and Special Body Text.

UI library.png

High Fidelity Prototype

After discussing with our team, and constantly executing our mini usability sessions, we have made our final high-fidelity prototypes. We have changed our UI design to modernized our website. Additionally, we have added more pages, and functionality based on the needs of the users.

Last Hifi.png

Thanks for reading!