Web UX Design: High Fidelity Prototype

Sandbox Application for Health Insurance Company

Creating a seamless User Experience and User Interface for Data Entry

Overview

During the duration of this project I was tasked with the creation of both low and high fidelity wireframes within Axure RP 8, and implementing a brand-approved style guide. These screens had the intent purpose of allowing new and grandfathered internal users to easily navigate contracts in a sandbox environment without having to memorize a specific workflow.

Screen Shot 2018-07-18 at 1.21.42 PM

The Axure live site can be seen here: Prototype Link

Evaluation

A heuristic evaluation was done on the previous experience, and a new responsive high-fidelity mockup was created, which presented important information on usability and design consistency to ease cognitive load. These documents demonstrated a new ease of use within a very complex and highly concentrated workflow.

Screen Shot 2018-07-18 at 1.28.32 PM

The Heuristic Evaluation can be seen here: Document Link

Validation and Development

Working client-side, daily meetings were set up to engage in product backlog discussion and prioritize UI wireframe work. I formed personas and an information architecture by discussing and understanding requirements based upon input from business and IT stakeholders. This product cycle was highly iterative, and user validation and testing were happening on a daily basis with multiple business stakeholders and potential users.  I also worked directly with the framework team to start development on the “Cost Shares” section of the application. Because this was an Agile-based process with offshore resources, I had to be very particular in outlining the necessary dimensions and spacing on the screens. I implemented a toggle system that allowed the developers to turn on and off content spacing for ease of use in documentation.

Screen Shot 2018-07-18 at 1.21.58 PM

 

*All files have been scrubbed of any client association and data

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s