Admin Console
2023
Role: UX Design Analyst
Overview
I was a part of the GT EX (Global Technology Employee Experience) Website Team. My goal was to aid in reimagining the user experience of the Admin Console. To do this, I designed and built the GT EX Content Dashboard main page.
Note: Due to NDA, I cannot show all work.
Tools
Project Timeline:
Design Process
Throughout the research and design phases, my team and I used the Double-Diamond Process Model. This design process model demonstrates how each aspect is iterative and that in order to discover the problem, we needed to first facilitate primary research. Through lo-fi pencil sketches and wireframing, we went through several iterations and rounds of user-testing that led us to our hi-fidelity prototype that was delivered to the Website Team.
01 Empathize
Objective: Design and build an internal Employee Experience Content Management system.
Who am I solving for? What is my process?
I am creating a Content Dashboard (CMS) known as the 'Admin Console' targeted toward content writers, contributors, developers and other internal JPMC GT EX website employees to use when managing article content on the GT EX Website. The interface aims to be easy-to-use and appealing when adding News content.
A core goal was to eliminate bias when defining the problem, so I surveyed JPMC employees internal to the Jersey City office who weren't all on the GT EX website team, to conduct discovery research holistically.
I facilitated about 5 interviews (15min/ person) to get a better understanding of the target audience with the following research goals:
Understand user behavior around using an internal employee website
To understand the challenges users face when trying to create/ manage content and articles
Discover pain points with existing apps/websites both internal and external to JPMC
I began the user interviews by asking questions around why this CMS Dashboard was important to the GT EX team so that I could get an understanding of the purpose and intent behind this new tool as well as my target audience’s pain points. Following this, my strategy was to follow up with questions such as:
How do you manage content currently?
What tools do you use/ lack that are pivotal to your day-to-day duties?
What challenges do you face?
When do you seek additional help for managing/ creating content?
What do you do when you can’t find the information you are looking for?
Research Summary
Bucketed categories of what participants seek in a content management system.
Editor Capability
Participants want Intuitive interactions when using the CMS interface
They want meaningful section titles/examples inside fields
Writers need to have appropriately sized fields when creating content
Formatting capabilities (bullets, bold, italicize,
number, indentation)
Content Writers and Admin Users can benefit from spelling/grammar checks
Content/Page list capability
Admins and non-content creators want the ability to easily sort & filter through content rather than spending time searching
Writers want the ability to publish/delete content
All users need to view content status
Ability to view owners/stakeholders
Ability to view where content lives (status)
View in Admin Console
Users are keen to check the status of content: "Save/Submit for review".
It would be advantageous for users if there was an automated transfer of text and visuals from the testing phase to the final stage, preventing the need to submit numerous articles or content pieces individually.
Existing GT EX Website/ System solutions:
Before: Over 50% of admin console users lacked standard capabilities needed to perform their tasks
Before
Time consuming
Not intuitive
Outdated
Generic
Confusing
After
Intuitive
Concise
Minimalistic
Clean/ Modern
Customized
Intentional
02 Define
How can I ensure that what we create will suit the needs of our target demographic?
Who are our users?
Our main users include internal employees of the JPMC Global Technology Experience team who use the Admin Console as a means to share, track and create content on the GT EX Website.
03 Ideate
What does the solution look and feel like and what are the next steps that need to unfold in order for a user like Lily to achieve her goal to use a customized dashboard with standard CMS core features in order to do her job effectively?
How can we make the most of Lily's needs to meet the project's primary objectives?
Who are our users?
Our main users include internal employees of the JPMC Global Technology Experience team who use the Admin Console as a means to share, track and create content on the GT EX Website.
In the user flow, my main focus was on making the process of managing intake of content and editing abilities of content as seamless as possible. It was crucial to be aware of cognitive load by separating the editing capability steps into individual screens that also include error pop-ups with content confirmation before proceeding to publishing content live on the website.
Design Process
Competitive Analysis
Competitor Platforms
An investigation was carried out to gain better insight into our competitors' landscapes. Our goal was to evaluate these competitors to ascertain if our redesign would be up to the same standard as theirs.
Some Questions that we asked included:
What message are we looking to deliver via our website?
How can we enhance the productivity of the website or admin console?
How could this online impression tie in with other current experiences on the platform?
In what ways can the web-based CMS align with different aspects of the site?
04 Prototype
Wireframes and Prototype / Rapid Prototyping The Solution
User Testing
Upon completion of the first working prototype, we conducted user tests in order to validate my designs. Feedback was necessary for usability, information architecture, user interactions, visual design and personalization aspects.
We reached out to many of the original participants from our interviews in which the participants shared their screens and provided commentary as we asked them to perform six tasks through main scenarios. Below are 2/6 scenarios that we facilitated.
When testing with users, the goals were to:
Gather quick user feedback to design more intuitive experiences.
Value the prototype feedback with the technical architecture in mind (for development purposes)
Sample Pool/ Interview Participants
2 groups: Users and Development
General Users: When testing with general users, this included designers, agility leads, contributors and researchers. We aimed to gather quick user feedback to design more intuitive experiences for those who would be general users of the Admin Console.
Development: When testing with development, we aimed to value the prototype with the technical architecture in mind. Our goal was to conduct primary research involving actual JPMC employees to develop a clearer understanding of our early stage design of the Content Dashboard.
Why this participant group?
We confined our audience to those within my team's 'vicinity' since they were familiar with the structure of go/GTEX.
Task Flow
1. User lands on Admin View (Preview Mode)
2. User clicks "Add a News article"
3. Modal pops up with form fields
a. User fills out the title
b. User fills out the abstract
c. User uploads the thumbnail (drag & drop or clicks add files)
i. IDEAL - Opens asset manager and selects file
ii. Currently on prototype - Opens files from computer and selects file
d. User clicks "Save"
4. Confirmation modal that let's users know their changes were saved and they can continue to make edits.
5. User selects "Continue"
6. User is brought to the News article template page
a. Title, abstract, and thumbnail are repopulated
b. Slug and helmet are generated from the Title
User fills out all required fields
8. User selects save draft
9. Confirmation modal appears letting user know their changes were saved and if they want to preview changes.
10. User selects "Preview"
11. Preview of live content of the News article appears
12. If user is satisfied with draft, at the Preview mode screen, user selects
"Submit for Review"
13. News article status changes from "Draft" to "Ready for Review" on Content Dashboard
© Ariana's Portfolio