Work Product Examples

Following are a few example of different types of work products I have personally produced. All examples are provided with the permission of the company owning the material. If you would like further information relative to a particular area of design or management consulting, please contact me.

By request, I have multi-page presentations that can be reviewed for a more detailed look at my work.

Design Examples

Sample 1 - Style Guide for Hybrid Context Menu

This is a portion of a style guide showing a “context menu” designed to work with both the Mouse and Touch based paradigms.

This style guide was developed based on user research and iterative prototypes.

A key issue was to leverage people muscle memory by having a spatial layout with consistent location for commands. Furthermore, the design purposely limits real estate for commands and behavioral options.
Stacks Image 116

Sample 2 - Heads Up Display (HUD) Interface

Stacks Image 306
This is an early mid-fidelity) wireframe for a command interface for a vector/raster sketching application that needs to support both desktop and mobile devices.

It is a “hover interface” that expands as needed to get to “lessor used” options. It also has the characteristic of becoming highly translucent when the tool is not being used to allow the user to focus on the aesthetics of their work.

The original concept had the interface collapse to a much smaller area, but usability testing with prototypes showed this to be a better implementation.

Sample 3 - Mobile Mind Mapping

Following is an example of a mobile ‘mind mapping’ application. It both allowed users to create mind-maps as well as generate mind-maps based on the curation of information from websites. Unlike other mind-mapping tools, it allows circular relationships and bi-directional relationships. While I do not make software development my profession, this effort required be to implement a functional prototype for the iPad.
Stacks Image 133
Stacks Image 135
Stacks Image 137

Sample 4 - WIreframe of Phone Application

This is an excerpt of a concept for a ‘Personal Assistant’ that helps users live a ‘Green Lifestyle’. The logic is not evident from this excerpt, but show layout of information for a generic target phone (not IOS or Android). During early stages I prefer to keep the platform generic so that it does not become a target of discussion.
Stacks Image 302

Sample 5 - Wareable Assistance Device

This is an excerpt from a concept study of a wearable device for people that have both memory and executive function impairment.

Since a large percentage of the market would also be elderly, the physical design assumed limits on strength and hand dexterity
Stacks Image 324
Stacks Image 326

Sample 5 - Website Design and Review

We design and implement websites for the vacation rental industry. The image to the left show a vacation rental in Hawaii. In addition to the design, we do all photography and copy editing.
Stacks Image 164

UX Reseach and Analysis

An application can have great visual appeal but very poor usability. To be successful, visual appeal needs to be backed up by a well defined personas, task analysis and derived information architecture.

Task Analysis

Can’t show the details but this is a portion of a task analysis. For each task, the critical aspects are defined interns of what the user dose, the system does, and what the system learns about the user.
Stacks Image 175

Wireframes/Prototypes

This is an example of a “low fidelity” clickable prototype”. When doing usability testing, low fidelity is preferred as it better illicit user feedback. Users often feel more comfortable critiquing something that does not look complete.
Stacks Image 186
Stacks Image 188
Stacks Image 190
Stacks Image 241
Wireframe of a multi-screen web based application used to manage people and roles, provide complex analytics, and other activities.
Stacks Image 287
LO-FI wireframe for a multiuser change markup system for script writers for television and film. These products have a very structured format allowing for various types of character, dialog and timing analysis.

Usability Studies

Usability studies are important for both testing during development, and validation post development. This study define both a severity rating and scope for each issue.
Stacks Image 212
Stacks Image 214

Statistical Analysis for UX

Both qualitative and quantitative analysis is important. To achieve good quantitative analysis a good dataset is needed. When designing surveys, or in the case pictured below which relates to the perception of wine quality, the design of the test and how data is gathered is critical.
Stacks Image 234
Stacks Image 232

Presentation Graphics

Creation of Infographics is not one of my mainstream work products, however their production is essential to communicating complex information. Below are example of Infographics produced for both clients and customers internal to the companies I have worked for.
Stacks Image 255
One can think of most infographics as both a finished product and a template for future works.

These infographics were final drafts, some of which where then handed over to visual designers for final editing
Stacks Image 273
Stacks Image 264

Product Design Mangement

Prior to consulting, I held UX management roles relative to following applications.
Stacks Image 56
Autodesk Inventor is a Solids Modeler used by engineers and designer to virtually model almost any imaginable product.
Stacks Image 150
Autodesk Alias is a design styling product focused on automotive and high end consumer product design.
Stacks Image 155
Seimens Solid Edge (formerly Intergraph SolidEdge) is aSolids Modeler used by engineers and designer to virtually model almost any imaginable product.