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
Otherstuff

Diversions

To know me, is to know I love cars. Not just any cars of course, but mostly German cars that start with the letter P. That is not to say that I don’t love other european, Japanese or even American cars, but Porsches have a special place in my heart. Below are some of the […]

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
Certificates

Achievements and Decorations (for the wall)

So this is my trophy case of sorts. I add to it as often as I can. I learned when I was young that you have to keep improving. From Adobe From the Interactive Design Foundation Accessibility: How to Design for All More about this certification Design for the 21st Century with Don Norman More […]

Categories
About

Brian Wilke

Nice to meet you, here’s all about me..

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