Develop
 
Creating Concepts

 

Ideation

Afterward the data has been synthesized, a plan for the product is developed. This includes determining how the user will interact with the product at each phase of their task flow, what steps they will need to go through to accomplish each tasks, and how the product will communicate accomplishment, validation or errors.


 

 

"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.

 

"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.

 

watch

"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.

 

User Flows

The path that a user follows to complete a task within the interface. It includes the amount of pages, clicks, actions and descision points that a user encounters during the process of completitng their task.

desktop

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

The bill payment workflow was streamlined to decrease the process by 8–10 clicks / actions (depending on whether the user was already in the system or not), and by 4 pages / pop-ups. The light blue actions and pages indicate steps that were combined or eliminated in the process.

 

User Flow

Sitemap

A visual blueprint of how the product is organizated. It included the amount of sections and how different sections are related to the home page and to each other. It is a way of measuring whether there are too many sections (which may overwhelm the user); or too few (which may lump too much together, making it hard for users to find what they're looking for).

desktop

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

As part of the design recommendations, the navigational information architecture was to condense and simplify. 10 primary navigation categories were reduced to 9, and 42 sub categorieswere reduced to 23.

 

Sitemap

App Map

A specific version of the standard sitemap focused on mobile apps. It provides a view of all the key screens as well as transitional screens. It can also include interactions and gestures if applicable.

mobile

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

A task flow was plotted out visually in an app map to get an overview of how users can transfer funds to an organization.

 

App Map

Sketches

Rough drawings to illustrate the basic jist of how the product might be laid out. Depending on what point in the project they are employed, they could be basic line drawings for placement and visual heirachy or they can be more flushed out to include branding and visual elements.

watch

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

The screens were sketched out to design solutions that woiuld worked with the limited real-estate of the Apple Watch screen.

 

Sketches

Preliminary Usability Testing

Identifies potential stumbling blocks or problems user might encounter when using your product. It invloves observing a user performs a given tasks, and observing how easily and efficiently they accomplish (or fail to accomplish) the task.

 

watch

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

Initial screens were sketch out and took the solutions. Based on conducted usability tests on low and medium fidelity paper prototypes.

 

Low Fidelity Usability TestingMedium Fidelity Usability Testing

Iterations

Basically learning from your mistakes. After each version, evaluating whether the solution met business goals, met user needs, aligned with heuristic or interface guidelines and remained viable with the technical environment.

desktop

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

User did not see the calls to action for printing the receipt when they were placed under the receipt. They were looking for the calls to action in their activity area in the center of the page.

Users did find the space to enter the confirmation number. More visual emphasis was placed on the call to action and the title of the field was changed to include multiple verbiage used on multiple external carrier payment portals.

View additional details on what changes were made between the initial low-fidelity wireframes and the final version.

 

IterationsIterations

 

Iterations
 

desktop

 

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

User during preliminary usability testing, it was found that the user was not able to make edits the contact information within the provider profiles. Guidelines specified that the provider was the only party that could determine their preferred contact information. Unfortunately, providers did not always update their profiles in a timely manner.

An enhancement that was proposed was to allow users to add their own notes to the providers contact information with the provider profile. If one user found that a phone number was out of service and tracked done the new number, they could leave it in the notes so that the next A&G user would not need to perform the same exercise.

View Full Recommendations Report to see all of the proposed enhancements.