CLEAN, CLEAR, CRISP DESIGN

As a senior level practitioner of user-centered design, I have been designing experiences across multiple platforms and touchpoints for over a decade. I pride myself on evolving design based on the user’s actual interactions, rather than their expected behavior.

I have expertise in formulating the UX strategy and interaction design of complex applications. I know how to conduct stake-holder meetings that incorporate; design thinking-lead exercises, rapid prototypes, and user testing methodologies. Balancing the business needs with the user motivations, I strategically and tactically lead product design teams into quickly building a shared project vision and direction.

 

My experience in application design includes: web applications, responsive design, software as a service, learning management systems, machine learning, and augmented reality. With a firm understanding and ability to do sophomore level frontend development myself, I know and understand how to work with developers in an agile workflow and pepper in user testing as we move forward. I have helped design and strategize for both consumer and enterprise applications.

I am currently employed as a consultant at Blink UX - performing UX strategy, interaction design and user research.

I've had the privilege to contributed to projects for these clients:

Pearson

PEARSON

Product Design

Intel

INTEL

Interaction Design

Vertafore

VERTAFORE

Product Design

Starbucks

STARBUCKS

Design Recommendations

UX STRATEGY

The discovery phase of a project is crucial to formulating a plan of action. Taking the time to approach things with intention is the right thing to do. You should get to know the problem you are solving for and you have to do so by getting to known the users. Performing some level of research is a must.

Delivering useful content is a matter of understanding the context in which the application will be used. The example I’ve included here is for a pregnancy application that would be able to sync with the patient’s medical records and deliver tailored content based on the way their pregnancy is progressing. It would also adjust the tone and display of content in a contextual manner, such as: displaying different screens when tracking daytime vs. nighttime feedings. This document was drafted after numerous user interviews with expecting moms.


Content Strategy PDF

  READ TIME - 8m

matx

A project has lots of moving pieces. When working with project managers and development teams to design the best experience, it takes a lot of compromise and negotiation to arrive at something realistic that fits within the timeline, budget, and level of development effort. I take initiative to share my ideas early and communicate often during weekly sprints.

I like to start by doing some whiteboard sketches to quickly gain consensus with the team on the interaction design. From there I can start creating higher fidelity architecture documents.

Information Architecture PDF

  READ TIME - 5m

matx

There’s so much to gain by interviewing your users. You can set a great foundation for your designs by hosting a mind mapping or card sorting exercise. I often ask participants to visually represent how they think about the structure of a system as part of an interview session.

I’ve included here a workflow analysis of the way promotional pricing was being manually being managed at a cruise line. The promotions were being formulated and tracked between several departments with multiple versions of an Excel document. That document was then used to update the company’s website by data-entry. The company was interested in creating a software solution for this workflow. In order to access the way promotional fare prices were presently being set, I interviewed multiple users. During that research I learned about the various systems and software used in the process as well as the undocumented business logic that was being used to set the prices.


Workflow Analysis PDF

  READ TIME - 15m

matx

Wireframes

A good wireframe document breaks down the anatomy of an interface and tells the story of how each piece affects the behavior of the application. It serves as an instruction manual to help the developer breath life into the design. I use storyboards, timelines, annotations and prototypes to convey complex interactions and animations.

Wireframe 1 Thumb

Medical Adherence

Adherence is a patient’s propensity to take their medication on time and at the correct dosage. This is a design exploration into how a user would be able to track their adherence to the prescription and stay motivated with a simple application.

View Wireframes   READ TIME - 6m
Wireframe 2 Thumb

Document Viewer

When developers in another state or country are using your wireframes, it’s good to be specific about the design. In this example, I meticulously detail this document viewer’s interactions all the way down to the keyboard command and touch gestures.

View Wireframes   READ TIME - 8m
Wireframe 3 Thumb

Video Storage

When you are designing for an application that creates content, you’ll have to allow the user to manage their storage somehow. This example comes from a sports application that allows users the ability to create their own replay footage.

View Wireframes   READ TIME - 4m

PROTOTYPES

Sometimes it can be easier to show rather than tell. Being able to create quick and expressive prototypes helps to gather feedback from users and stakeholders early on in the process. I’m very familiar with the Bootstrap framework and its responsive grid. I know my way around front-end code and use it mostly for creating prototypes. I typically do not do production level development. Bootstrap and Axure are probably the two tools I use most in prototyping.

 

FRONT-END / PROTOTYPE EXPERIENCE
HTML
  • Bootstrap
  • Java Script & JQuery
  • CSS
Apps
  • Axure
  • Framer JS
  • Invision
Motion
  • Adobe CC
  • SVG Animaton
  • CSS/JS based

VISUAL DESIGN

While I stress the importance of functionality and usability, I still expect a high level of visual design from myself. I know that an excellent visual design comes from the use of typography, color, and story telling. These are essential for producing quality, compelling products and services.

 

  • ALL
  • INTERFACE
  • LOGO
JOIN MY CONTACT LIST