Naaja King - Deliver

Deliver

Final Product - The Resulting Solution

A well thought out plan leads to the delivery of a well executed final product. Annotated documents that are created to communicate relevent content to the copy writer, and system requirements to the developer. An interactive high fidelity prototype is created to convey how the product functions to all of the stake holder.

Featured Projects

"Expanding Impact for Social Good"
Venmo - peer-to-peer payment app
Introducing a way for users to send money via their app to causes they care about , while meeting the needs of both online donors and existing users.

"Almost 40% Increase in Completed Auto Loan Applications"
Seamless Application Experience for Mobile Users
Enhancing an existing online application to reduce abandoned applications, ensure that its mobile optimized and designing the first phase of the vehicle shopping experience.

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores
Creating a simple and user friendly browser-based product for the feature rich POS system, while shortening the learning curve for new customers.

"Guided Process for Efficient Case Processing and Compliance"
Health Insurance Provider - Claims, Appeals & Grievances
Replacing an outdated component content management system with a more agile platform to enable a more efficient Appeals & Grievances process.

"Analytics That Facilitate Executions Throughout the Trading Life Cycle"
UX Enhancements through Component Refinements
Progressive enhancements that enriched the User Experience and optimizing the speed of the product

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's
Integrating game-like features for an Apple Watch app is an opportunity to motivating users with themes based on Nintendo characters.

title

1
2
3
4
5
6

Wireframes

The basic structure of a screen to give a sense of each elements' placement on the page and where the strongest visual emphasis will be directed. The preliminary wireframes do not include color, graphics, photos, or actual fonts. Even more polished wireframes usually include placeholder text and images unless they are explicitly required as part of the task flow (like an icon without accompanying text).

"Guided Process for Efficient Case Processing and Compliance"
Health Insurance Provider - Claims, Appeals & Grievances

As the style guide was enhanced to include a large variety of established visual patterns, it became easier to create initial mock-ups while developing execution for user stories for feature enhancements.

"Expanding Impact for Social Good"
Venmo - peer-to-peer payment app

Usability tests were conducted on with low fidelity paper wireframes. The purpose of the tests were to explore: - How findable and usable the donation feature was; - How the feature integrated into the existing user flow;

title

1
2
3
4
5
6

Annotations

An explanation for clients, developers, visual designers or copywriters of what each element is, how it works, and how it meets the user or business goals. It can include, if applicable; whether the element is conditional, if it is hidden in certain instances, what it links to, if it has error states or any physical constraints (such as character count).

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

In order to complete each challenge, the user must engage in various physical activities, such as running. Each user can set their own workout schedules and they can also join gaming activities created by their friends or create their own events and invite friends to join.

View all of the annotated wireframes.

title

1
2
3
4
5
6

High Fidelity Prototype

Interactive prototypes that provide a view of the form and function of the product that will be released help to communicate the idea to a diverse groups of stakeholders.

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

The prototype included Apple Watch specific behaviors & functionality, such as the progression to long glance from short glance, and synching data from the existing health app options.

View Prototype

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores

The prototype focused on the primary taskflows or paying a bill and adding a new product to inventory.

View Prototype

title

1
2
3
4
5
6

Style Guide

A basic outline of anything that was not accomplished during this phase of the project due to constraints in time, data, technology or budget.

"Guided Process for Efficient Case Processing and Compliance"
Health Insurance Provider - Claims, Appeals & Grievances

A style guide was created to promote reusability and maintain visual consistency for the current and future applications. The Style Guide served as a living library of all the repeating visual patterns. Designers and developer were able to save time by using the style guide as a reference instead of starting from scratch each time.

View The Full Style Guide

title

1
2
3
4
5
6

Enhancements

A strategy of Progressive Enhancements focuses on first releasing basic functionality that will meet the Users most basic needs. As the Engineering Team adds more functionality, the Product and UX Design Teams will design for the additional functionality that has been added to the product, and they will also refined the User Experience. Improved interactions can facilitate task completion for the User, as well as reduce unnecessary calls that can strain the server. Enhancements can enriched the User Experience and optimizing the speed of the product.

"Analytics That Facilitate Executions
Throughout the Trading Life Cycle"
UX Enhancements through Component Refinements

Enriching the the User Experience and optimizing the speed of the product

View Wireframes

Holistic Assessment Inspires Product Enhancements
A Centralized Workspace to Promote Oversight and Consistency

The evolution of an end-to-end work environment designed for a simplified analytical process.

View Wireframes

title

1
2
3
4
5
6

Next Steps

A basic outline of anything that was not accomplished during this phase of the project due to constraints in time, data, technology or budget.

"Make It Clear, Fast & Easy"
CellSmart POS - Point-of-Sale system for cellular stores

Next Steps
Further usability testing with additional users
(Conduct usability tests on additional features and user flows once designed)

Consider which types of data can be accessed by all users vs. which should be limited to specific users and/ or locations
(This is an option that will be more feasible to explore once the browser based system is deployed)

Explore different options for responsive layout
(Conduct user research to identify needs specific to mobile plaform)

"Combining Gaming, Social Interaction & Physical Fitness"
Wii Move! - Apple Watch app for Nintendo's

Next Steps
More game theme options based on other Nintendo games
(Such as Legend of Zelda, Final Fantasy, and others)

More types of physical elements
(Jumping, squats, shadow boxing, etc.)

Create the remaining screens & function for the Apple Watch app
(Calendar, invite friends, solo player games)

Fully functional Mobile App
(Research, define and design)