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.
Project Goal
Based on the product spec, the project’s goals were to make a self-served SaaS product for users:
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.
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.
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.
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.
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.
Key Insights
The main key insights:
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.
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.
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.
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.
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.