Skip to main content

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.

Comments

Popular posts from this blog

Human / Nature

About twelve years ago I didn’t really understand Climate Change but I was actually looking forward to it, sort-of like a good mystery I could become enthralled with.  At the time all I knew was I wanted a different lifestyle, and I thought, maybe Climate Change might make that happen? Maybe my life will actually be better because of it?  I had this fantasy about being a self sufficient bohemian gourmet, growing my own food harvested right in my yard. Mother Earth magazine seemed so bucolic. I wanted the opposite of my cramped apartment in San Francisco. In 2008 Climate Change was just an excuse to make changes, quit a job and move.   I moved East, close to my dad. I didn’t mention anything about Climate Change to my father, a total denier who was a meteorologist when he was in his 20s. There was no amount of practical data that would change his mind. He retired in ’93, with nothing to be stressed about so he simply didn’t care about anything but football, fishing and food.  

My Awesomely Surreal Experience at Facebook’s F8 c.a. 2007

It was about this time 11 years ago that Facebook opened up to the world. It was Spring in San Francisco and I was working a little stint at prosper.com. The CTO and Product Manager were a couple of well connected Stanford guys, and one day we were driving down to Palo Alto to go to Facebook’s headquarters. I didn’t really get what was going on. Although some of my other colleagues were encouraging me to check out Facebook for it’s interface and interaction design, I had never gotten on the site. I didn’t possess a dot EDU email address, I was too old for that for RISD. So there I was cruising down to Palo Alto with two guys to go meet with Dave Morin not really knowing what the heck was going on. We breeze into Facebook’s office, greeted by Dave right away. It was a really cool office and people we met were young, and this was not the kind of start-up I was used to. Prosper's CTO had been my boss at a previous job. Facebook was effortlessly cool compared to that company my old b

The Unsatisfying Story of Vegan Penn Jillette

Every so often my husband will mention how he’s interested in becoming vegetarian. Yesterday he was telling me about Penn Jillette, the famous comedian from Penn & Teller. He had read how Jillette is now a vegan, saying with personal interest that Jillette said “he feels so much better now.” First I was perplexed, we are both Penn & Teller fans and as performers over the years Penn Jillette struck me as an unapologetic manly man, veganism seems totally at odds with his character. I also barked at my burger loving husband, “What would you eat if you became a vegan? What do you even like that’s vegetarian?” There was no reply because my husband leaves all the food decisions up to me and I am nowhere close to being a vegetarian myself.  I wanted to know more about this so I go online and Google ‘Penn Jillette Vegan’ and found this LA Times article ;  “At 6 feet, 6 inches and 330 pounds, he was hospitalized for his high blood pressure and a 90% heart blockage. Already taki