Navigation Menu+

The UX & Product Process

User experience (UX) design is the process of creating products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function.
– Interaction Design Foundation

i

The image below is a basic standard for the industry segments of UX design. The process adherence for UX proves to be very thorough and rewarding, especially when utilizing proper research. The UX process has a few vital steps that help capture the user’s needs and feedback to create the most optimal experience offering to the customer.

It is important to note that below digram represents the general UX process. Every business operates differently based on scope, budget, needs and especially, decision making.

i

i

i

Specific examples used in the UX Process.

i

Card Sorting

Card sorting uses separation of ideas into categories to decide what belongs in a design. Often card sorting can help cut a lot of “fluff” or non-useful items from an interface.

card-sort1_o

i

User Flows

User flows are crucial to helping others see how a user will travel through an interface, tool, or website. Almost every project begins with discovering and creating user flows.

User_Flow

i

Complex Flow Mapping

Like user flows, complex flow mapping outlines the general flow of an interface from end to end and all the paths the user can take.

SRP

i

Layout Sketching

Sketching can be a very fun aspect of the design process. Creativity through sketching allows quick idea generation and leads to new discovery. Sketching also can make creating wireframes easier.Dashboard-wireframe-sketch1_o

i

i

Micro Experience Flow

If you have ever heard, “It’s the little things that matter”, well, this can is ture for micro experiences. Well executed UI interactions can provide a positive and rewarding experience for the user. It can also help build trust and loyalty from your users.

3_o

i

Hierarchy Flow (Content)

Hierarchy flow is different from flow-mapping. Hierarchy flows cascade the importance of pages or sections of an interface. Understanding the hierarchy of a website, or application helps in the decision making. The contextual navigation and elements lay out with more purpose.

1_o

2-contacts_o

3-opportunities_o

Wireframes

Digital wireframes can be low, medium, or high fidelity. They are referred to as “digital mockups” because they visually show the expected design and often evolve over time as a concept becomes clearer.

i

i

i

i

i

i

i


cmey-logo

All works are copyrighted ©2011 to Chris Meyers and cannot be redistributed or used without permission. Please respect the work of others.

Cmeydesign is a protected name and URL.