NVIDIA

Universal Search
Experience

London uk award winning designer

webflow specialist interactive storyteller

dIGITAL UI/UX BRAND PRINT

Designing an Android mobile application for a security turnkey product that provides monitoring and safety features for the user.

* This is a high-level overview of my design process. Can show in depth design visuals in person upon request.

Project

Android mobile application

Role

UX/UI Design intern

Team

SHIELD Engineering team and Nvidia GPU Cloud design team

Overview

Can we bridge the gap between Metropolis platforms, and a Metropolis product?
‍

As a UX/UI design intern under the SHIELD engineering team, my main focus was to conduct further research and design of an Android mobile experience for a turnkey out -of- box product. This product would give users the ability to collect, observe and control video and data of important daily events digitally. To improve the user experience and create efficiencies, I pushed to prioritize UX for the sake of time and to thoroughly address the needs of the project, making way for an entire app design that I was fortunate enough to lead.

The end deliverables would consist of:
‍
Research - Insights and recommendations from research activities i.e competitive analysis, internal/external audit, user testing.
‍
‍Design - Provide a set of flexible tools that support diverse results and use cases. Determined by the creation of mock ups, wireframes, and static/dynamic prototypes.

Background

Before diving into the project, I needed to understand the Product and the User
‍

To fully comprehend the details of the project, I collaborated closely with my senior design lead and the lead project manager on the NGC design team to deconstruct the Product Requirement Definition (PRD) document given to me at the start of my internship.

These review sessions helped to understand the specific problem I was going to solve and the target audience I would be designing for.

We began by experimenting with relocating the navigation to the bottom.

The hypothesis was that positioning the navigation closer to the user's thumb would not only facilitate easier interaction and engagement but also create additional space at the top of the screen later on. However, relocating the navigation to the bottom presents some design challenges concerning the Gamepad buttons. To implement this change, I had to first make some visual adjustments to the Gamepad.

info

Positioning the navigation at the bottom without making any visual adjustments was problematic because it made the screen feel very bottom heavy with far too many tappable elements right next to each other.

To help with the visual clutter problem we experimented with a vertical Gamepad design where we removed the Like & Nope buttons. We found that solely relying on users to swipe for Like & Nope significantly reduced swipes per session metrics.

info

Target User Personas

A typical Rosie user is not an engineer or super tech-savvy, and purchases Rosie for two main reasons:
‍
● Monitoring/safety - at work or at home - mostly in relation to video content.
● Access to data describing what happened in the video - at work or at home - mostly in relation to metadata created by Rosie alongside video
‍
By delineating these user types, I can tailor the design to effectively cater to the unique preferences and requirements of each group.
‍

Understanding the Product and the User

To fully comprehend the details of the project, I collaborated closely with my senior design lead and the lead project manager on the NGC design team to deconstruct the Product Requirement Definition (PRD) document given to me at the start of my internship.

These review sessions helped to understand the specific problem I was going to solve and the target audience I would be designing for.

Target User Personas

The prospective user for this product can be categorized into two distinct customer groups: Small Business Users and Home Users‍

By delineating these user types, I can tailor the design to effectively cater to the unique preferences and requirements of each group.

"Customers sometimes pay for items that they forget to take. with them. When they come back to claim the item, I would like to be able to find a visual verification of the fact they forgot the item."

Employee in a small business

Video-minded user

"I need to get credit from the bank so that I can increase sales in my store. The bank asks for a business plan that includes (...) pass-by traffic, capture rate, and conversion rate - and how that relates to my daily sales. No idea how to get that data."

Small business owner

Data-minded user

"I would like to know if somebody other than members of my family is at home. My kids bring fiends when I am out, and I think one of them is a troublemaker. I’d rather know immediately."

Parent

Video-minded user

"I have a restaurant business. I need to know if anybody is taking care of customers waiting to be seated, I need to know how long they wait for an order to be taken, how long they wait for food after the order is taken, how long it takes to get them bill, and then how long to clean the table once they had left"

Restaurant Owner

Data-minded user

*Video-minded users are primarily interested in consuming video content, and Data-minded users have a stronger preference for accessing data from captured video.

Purpose of the Product

Security

Pulvinar tempor sed eget dolor. Auctor faucibus duis in enim, amet maecenas sit nam.

Monitoring

Diam iaculis ipsum neque eget nunc. Tempor habitant in ornare enim, congue maecenas.

Retail

Pellentesque cursus et feugiat ipsum ornare nec bibendum mattis consectetur.

Ideation & Design

Time for the challenge – articulating the user journey of two user types with 2 levels of user access on a mobile device.
‍

With the business goals and requirements defined for what's to be included in the experience, I started the formal design process with two user flow diagrams of touch points that users would encounter throughout their interaction with the product. This helped to visualize the experience of both the administrative side and user side of the app before moving into the wire framing stage.
‍
This part of the process was the most tricky but most important step. It confirms if I truly understood the requirements given at the start of the project so several iterations and review sessions were facilitated to make sure these user flows were correct.

User Flows

I began thinking about how I wanted the user to interact with the app to accomplish some important goals – create an account, camera setup, and view captured video and data. I included some decision points where a user may not want to connect their hardware, or may want to skip a step.

Set up Experience (high - level)

In-app Experience (high - level)

Crafting the

Experience

Low Fidelity to Mid Fidelity Wireframes

I now started to explore how the app would look
‍

With foundational knowledge of the experience in place,
I began to ideate concepts across the onboarding , video player controls, data mapping, and parameters in low fidelity wireframes.
‍
During this process I conducted review sessions with my engineering intern counterparts to identify any limitations or restrictions and proposed solutions to any roadblocks.

Stakeholders Review Meetings

I sought feedback early and often from the team
‍

I had to be proactive in seeking out feedback from engineering and design stakeholders to ensure there was alignment in project expectations.
‍
Using the low fidelity wire frames, I got early creative feedback about the information architecture from the team which helped to inform the design decisions for high fidelity mock ups.

User Testing

I interviewed five internal participants to get their feedback on the Rosie app
‍

Using Sketch to build out a click through prototype of the mobile experience, I partnered with the User Research team to conduct remote user testing sessions with 5 internal participants to test the current flow of the Rosie mobile application, and to receive feedback on how users interpret different interactions within the mobile flow.

By evaluating the UX flow with different users, I was able to utilize the feedback, identify gaps and iterate on the mobile design.

Universal Library

With new features came new components
‍

I designed a first iterations of new search components that currently did not exist within the design libraries. Partnering with a product designer on the design systems team, we worked on a second iteration of these components and kept in mind some of the following questions:

Stress Testing

The new framework goes through stress testing with brand libraries
‍

With the universal framework in place, I then began applying various brand libraries for different brands to the search experience, accounting for specific feature requirements obtained from product partners.
‍
This exercise included testing type, color, iconography, content card treatment, and content placeholder for brands like:

Findings & Analysis

Ensuring all copy is clear and void of technical terms (unless defined)
helps for a smoother onboarding process.

User Testing 2

Clarifying the relationship between parameter types ,empty states, and named parameters helps to create clear card layouts.

Findings & Analysis

Adding relevant video controls in both Live, and Pre-recorded view helps to reduce confusion of which view the user is in.

User Testing 2

Providing tool tips or copy when the user first enters the data page will help to clarify the differences in graph types.

Findings & Analysis

Automatic input of unique verification codes allow for a quicker verification process when adding new users to the platform

Reflection

While the entire universal search experience has not shipped, some elements have
‍

Elements like auto-suggest , filter tabs, and topic categories from the universal search experience was implemented into the recent re-design of the ABC News mobile application and OTV mobile applications for iOS and Android.

To tailor the universal template to this ABC News redesign , I focused on adjusting to engineering constraints, type of content available on the app, and content metadata

Product Launch

With the bottom of the screen now serving as our primary navigation, we have the opportunity to employ the top section of the screen for secondary navigation. This creates ample space, allowing us to incorporate additional features in the future.

info

After doing an internal audit of search experiences, I took this opportunity to create a universal design solution that would make finding content and tailoring results more efficient and configurable for the user while also tailoring to each brands unique needs.
‍

Conclusion

Repositioning specific items from the bottom to the top not only facilitates the incorporation of new features while upholding visual balance on the screen but also ensures that modifications made to the Gamepad successfully preserved our key metrics.

Reflection

The Rosie app is still a work-in-progress but a lot was achieved
‍

This internship overall was by far the most challenging but rewarding experience because of the fast paced, ambiguous environment. I enjoyed and appreciated the challenge of designing my first end-to-end product and it taught me a lot about being confident in the design decisions I make and speaking up about those decisions in larger meetings. This internship showed how beneficial it is to be a team player and having the opportunity to collaborate with other designers and engineers.

If I had more time, next steps would be to implement the suggestions and recommendations received from user testing into version 2 of the mobile application.

2012 - 2022

Featured Work

EMPHASIZING USER-CENTRICITY, INSPIRING SOLUTIONS, & fostering TIGHT-KNIT TEAM COLLABORATION

UX Designer

The Walt Disney Company

Leading user experience for a universal templated search and browse framework

UX Design intern

NVIDIA

Producing UX designs for an Android based security mobile application

UX Designer
_{(COMING SOON)}

The Walt Disney Company

UX Framework for an Engaging Interactive Feature

UX Design intern

Intuit

Expert Community Platform for Remote Tax Professionals

Disney User experience Designer

Leading UX design for a Universal Search Experience

providing Disney users with an enhanced and seamless search experience across all platforms.

NVIDIA User experience intern

Android Mobile App with NVIDIA's Deep Learning and IVA Technology

Partner with engineering team to design a
white-label security mobile application - intern under the SHIELD engineering team

NVIDIA User experience intern

Enhancing Small Business Operations with NVIDIA's Deep Learning and IVA Technology

Partner with engineering team to design a
white-label security mobile application - intern under the SHIELD engineering team

Featured Play

placing people at the heart, crafting experiences that spark positivity, & nurturing collaborative partnerships

Go to Playground

Featured Play

placing people at the heart, crafting experiences that spark positivity, & nurturing collaborative partnerships

Cayskin

Image tracker experience that showcases the ingredients within Cayskin's Deepwater lip mask

SiS

Designed a randomizer that displays positive affirmations for women in sales that reinforces the theme of "We Are Here" forr an AR mirror experience

Snap AR

The Hall of Firsts, displaying the first Black woman to be awarded an Emmy, Grammy, Oscar, Tony, and EGOT for Black History Month 2023

Go to Playground

About Me

Im currently a UX Designer at the Walt Disney Company.
I grew up in little ol' Mebane, North Carolina, a small country town where everyone knows everyone.
Because of my small town upbringing, I gained a unique perspective on the intricate relationships people form with the world around them. From an early age, I was fascinated by the influence that art, design, and technology wield in shaping individuals' interactions with everyday objects. This fascination eventually lead me to pivot from Industrial Design to User Experience Design, where I have found immense fulfillment in channeling my passion for crafting resonant experiences that not only engage users but also drive meaningful social impact.
‍
I create 24/7. When im not storytelling from the lens of user experience design, I find joy in leveraging Social AR platforms such as Snapchat and TikTok to curate immersive experiences. The realm of AR allows me to push the boundaries of my imagination and connect with users in different capacities , opening new avenues for engagement.

Let's Chat My Resume

Publications

No items found.

Role Models: An Interview with UX Designer Deia Green ↗

May 12, 2023 · 7 min read

Careers in UX Design Roundtable: 5 Designers Share How They Navigate the Industry ↗

January 31, 2023 · 5 min read

UX Designer Bio Examples and How to Write One Yourself ↗

April 24th, 2023 · 7 min read

View all writing

“I worked directly with Deia in her time at Disney on design concepts that impacted the search experience across a number of products, including ABC News, Star Wars, ESPN, and Disney.com.

In my work with Deia, she demonstrated strong design and research skills, high adaptability and flexibility, and a contagious enthusiasm for learning.”

Lily Lin

UX Researcher

“Deia was very insightful when providing use cases to help build the components for the search experience.With her help and guidance the component building process was faster and easier! Now our design system is able to provide the right search components essential for all of of our digital brands”

Kevin Alumno

Product Designer-Prism-Core /
X-Brand

“Deia is a great partner in the design process. She is receptive to product feedback, making thoughtful iterations and approaches based on questions, concerns, and suggestions.”

Charity Tran

Sr. Product Manager -
Fan & Branded

Next Case Study

Universal Search Experience

Employee in a small business

Small business owner

Parent

Restaurant Owner

I now started to explore how the app would look‍

I sought feedback early and often from the team‍

I interviewed five internal participants to get their feedback on the Rosie app‍

With new features came new components‍

The new framework goes through stress testing with brand libraries‍

Prompt & Input

Universal Search
Experience

I now started to explore how the app would look
‍

I sought feedback early and often from the team
‍

I interviewed five internal participants to get their feedback on the Rosie app
‍

With new features came new components
‍

The new framework goes through stress testing with brand libraries
‍