Stakeholder / User Interviews

Stakeholder and user interviews are a great way to hear from multiple voices in and outside the organization. Our designers facilitate discussions with a broad cross section of roles and individuals to better understand the needs as it relates to this effort.

How it works

• Facilitated discussion with identified stakeholders and users
• Informs requirements and personas

Persona Workshops

We facilitate persona workshops to better understand the behaviors of certain users and how they may interact with the final product or solution.

Features

• Define a set of individual personas based on their behavior.
• Personas help determine site features early on in process by adding a layer of real-world consideration to the conversation.

Journey Mapping

A journey map visualizes the path a persona takes while interacting with a site or app over a period of time. We create journey maps to help clients better understand the ideal journey a user goes on to interactt with their solution.

Benefits of Journey Mapping

• Helps Change Management define a communication and training plan.
• Helps UX Designers develop informed wireframes, interface behaviors, and labeling.
• Helps System Engineers/Developers decide which approaches to take based on user behaviors.

Sitemap and Content Strategy

Our UX designers focus on the information architecture to help in the planning and creation of content.

Key Activities

• Card Sorting – We use this UX research method to better understand how users group information
• Tree Testing – This method helps our UX designers understand and identify information categories to help define navigation

User Flows

Our UX designers develop user flows to define the user’s path to finish a specific task. It includes each step, from the starting point to the endpoint.

Benefits of creating user flows:

• Increase Conversion – by creating user flows, we can understand what users are thinking, follow their steps, and create a design tailored for their needs
• Communicate fluently – User flows give teammates and stakeholders a better understanding of the user experience architecture behind the product

Visual Design

Our UX design team define the look and feel of the solution by expressing the brand through color, layout, photography, illustrations, icons, and typography. We focus on extending the visual language already established by the client’s brand.

Features:

• Our designers explore multiple concepts to get feedback and align on direction
• Our team will typically design interaction screens for both mobile and desktop

Low / High Fidelity Wireframes

Our UX designers work with requirements and content authors, to start solidifying page layouts and identifying components to build out low-fidelity wireframes.

Once the general layout and flows have been established in the low-fidelity wireframes, its time to integrate color, photography, icons, and typography that is on brand and on poin the form of high-fidelity wireframes.

Benefits of wireframing:

• Helps visualize user journeys, navigation, and ensures all levels of content are accounted for.
• Reduces risk of having to make time-consuming graphical or code changes later in the process

Clickable Prototypes

One of the more tangible ways to get interaction feedback about a new user experience is through the use of a clickable prototype. Our designers use tools such as Figma to create a protoype for key interactions within a solution.

Features

• Engaging microinteractions (e.g., system status and brand expression)
• Animated transitions

Usability Testing

We use a clickable prototype to evaluate how real users interact with an application to identify pain points, inefficiencies, and areas for improvement before full deployment.

Benefits of Usability Testing

• Improve User Experience
• Reduce Development Costs
• Increase Engagement

Digital Style Guide

Our team creates a digital style guide to be the source of truth for use of the color, fonts, and various UI elements (e.g. form controls). This helps jumpstart tlopmentand streamline front-end development.

Features

• Define responsive breakpoints and behavior
• Confirm design meets accessibility standards (e.g., color contrast ratios)
• Define all states buttons, links, and form controls (e.g., hover, active, focus, disabled)

Component Library

In most applications, it is important to design a set of reusable components that can be leveraged throughout a solution. We look across the entire experience to identify key components that can be resused.

Features

• Includes component design specifications for mobile and desktop.
• Defines master components and variations to that master. In other words, one component may have several variations (e.g., color themes) associated with it.