Home

Hi, I’m Johnny.

I use my skills as a user experience researcher and interaction designer to create engaging, user-centric interfaces for small non-profits and Fortune 500 companies such as Intel, McAfee, and Qualcomm.

This work includes conducting research to establish requirements as well as test interfaces for usability issues. I also design user interfaces, user scenarios, wireframes, workflows, storyboards, and interactive prototypes.

READ MORE

 

 


My UX Process

I use a well-established process that involves discovery of user interface requirements through user research, defining the solution by creating “blueprints”, and designing interfaces through usability tests and development iterations.

DiscoveryDefineDesign
GoalThe discovery phase involves working with major stakeholders such as product managers, development directors, and sales directors to understand the problems they hope to solve with the website or software. Usability problems or new features that were confirmed in the discovery phase are solved by creating workflows, storyboards, wireframes, or specification documents. A successful collaboration between UX designer and developer should strive for a user friendly and useful interface.
ActionsI conduct interviews and usability tests with internal and external customers to help confirm assumptions about the problems. Talking with users also helps to establish the interface and workflow requirements. Workflows and storyboards are step-by-step directions or collections of screens that describe how a user would accomplish a task. These documents help inform what features are included in the user interface wireframes. Usability tests with users using wireframes or an interactive prototype help confirm the solutions. The implementation should be compared to the wireframes as part of the acceptance criteria in the user stories. Deviations from the design should be tested with users and features that were not implemented should be added to a backlog.
ResultsI work with the product managers and developers to write, plan, and prioritize user stories that will guide the design and development of the interfaces.All these documents are blueprints for the development team to implement the solution. The user should be able to easily accomplish their goals using an interface that was created with a minimal number of cycles of design, development, and user testing.

I created the diagram below to help illustrate the UX process at McAfee. It is a lot more detailed than the table above, but helped UX designers, researchers, developers, and product managers better collaborate.

My Work

Discovery
Customer Journey Map

customer journey map

Usability Test

Usability Test

Define
Sitemap

Sitemap

Workflow

Workflow

Design
Lo-fidelity Mockup

Lo-fidelity Mockups

UI Specifications

UI Specifications

Hi-fidelity Wireframe

Hi-fidelity Wireframe