Categories
Gallery Uncategorized

Empathy Map

Process and benefits We put together an empathy map for our persona stand-in: Brenda, the Dental Office Manager. She was interested in recruiting new talent, but that is never one-dimensional. Walking through the video we observed, we populated the empathy map with the things she says, thinks, does, and feels. To see a larger version, […]

Categories
Gallery

Platform Style Guide

Our company was interested in gaining consistency in the multitude of applications that are shipped with the hardware that we sell. Some applications are developed internally by our experience team. And some applications are designed by other internal teams. A third situation is also common, that of a white-labeled version of an application from a […]

Categories
Gallery

Customer Journey Map

What you are looking at below is an example from one of the UX bootcamp classes that I teach through the Digital Workshop Center. This student exercise had been built around the sections of a Customer Journey Map and how we use a persona to navigate what a user says, does, and feels. We reviewed […]

Categories
Gallery

User Journey

This was a way to communicate a new way of organizing an application’s functionality from the user’s perspective. This is not strictly speaking a “User Journey Map”… although it does walk through an experience. It is more closely aligned to the definition of an Experience Map or Customer Journey. Note: This has been adapted to […]

Categories
Gallery

Icon specs and logic

This specification was created to help the implementation team understand the correct state of the icon to show depending on the completion step the user was in. This was a different experience than previously presented to the user. It was non-linear, and allowed the user to participate in only the offers or activities they choose.

Categories
Gallery

User flows

This important schematic is used to get the paths down correctly prior to building a prototypes and UI. With wireframe, wireflows and these user flows, we can start to unpack the logic that will be necessary to make these screens work together. With more collaboration and vetting from the implementation team, a wireflow can grow […]

Categories
Gallery

Reponsive Specs

Designing for multiple viewports is best served by allowing the design to be adaptive to how the user resizes the window. This is not just being responsive… scaling. This is allowing the layout to change depending on how the viewport is enlarged or reduced. Room for 4 Columns 3 Column variation Hero card variations