Tuesday, March 12, 2013

UX Design Process aka Web Product Design Process

So... I'm on Pinterest updating a 'board' for my portfolio and I discover that other people have pinned my Experience Design Process graphic from my website. Apparently this graphic comes right up in Google Searches if you search on on Experience Design Process. Since the image on my site is small I'm re-posting the graphic here! Can anybody guess what this image was originally create for?

Web Product Design Process Graphic

I don't know what I was thinking about these colors!

So what is going on here?
In the middle of the graphic is a series of linear main steps to take in order to design an interactive digital product. The process starts with identifying a project's goals and ends with meeting those goals. In order to meet those goals you need to do some careful work... Surrounding the steps are a set of tasks (or methodologies) to perform in order to complete each step of the process. Over-arching the entire process are guidelines like "vetting" and "informed iteration" (shown in the yellow zone).  Some tasks overlap steps and the entire process is meant to be collaborative and iterative, which means you could repeat tasks based on what you learn from testing or research. Or you'd repeat tasks until you get something right. OR you could repeat the entire process over again based on what you learn the first (or second, or third) time around. You'll notice that one of the first tasks is "Requirements Gathering" which includes getting together all the content and data you want in your product. You'll need something to research, plan and design around. These requirements should map to your end goals when you look analytics reports and you see how people are using your product, and how much it's growing.

Here are the steps in the process:

We start every project by identifying the project's goals

Then we research the audience and competitors to identify unique opportunities

We map out a plan, and tailor it with each client to suit their individual needs

We put together all the components (language, images, and interactions) to create a coherent design system

We prototype our work to ensure important details are captured in an interactive format, and to make the hand-off between designer & engineer as smooth as possible

Testing tells us if we're successful in reaching our goals. Some projects require testing and iterative design phases (hence the planning)

Conversions. Growth. New connections with more users. This is how we measure goals.

No comments:

Post a Comment