User Experience Design Process – Week 1

By Posted in - Any Screen Any Size & Business Strategy & Content Definition & Content Strategy & Information Architecture & Research & SEO & User Experience on June 12th, 2015 0 Comments UX Design Process

MXM.com wins the bid for the redesign for a major franchise family dining and entertainment website. The old website is cluttered and doesn’t fit what they want to do anymore.

The Hoss User Experience Design Process covers these two items from my process. Doing the following things in tandem will help get us where we want to be.<

CONTENT DEFINITION
– Project Timeline
– Stakeholder Interviews
– Competitive Audit

PRODUCT PLANNING
– Content Audit
– Sitemap
– Features Roadmap
– Metrics Analysis

DAY 1-2

1. Stakeholder Interviews
We start by conducting phone interview with members of the executive team to nail down what Chuck E. Cheese wants to be. Inspiration hit after those interviews. Their website needed to better convey information so that people could have an easier time to book an event or birthday.

2. Project Brief/BRD

We are in the process of drafting a project brief/BRD to keep everybody on the same page and update it as needed so it always reflected the current state of the project. Lynn is drafting the Business Requirements Document and once that is approved by the client we will move forward with IA and UX, I am also meeting up with the creative team and creative director once the BRD is approved by the client to that we can go over what we want the site to be before we start the UX design process.

DAY 3

3. Competitive Analysis
The next step with the User Experience Design Process I generally perform an analysis. I started with a list of competitors. There’s doesn’t seem to be a lot of high-level competition so I will have to look to see what’s the client BRD is asking for and the internal team for UX design inspiration.

4. Information architecture

Information architecture is the practice of organizing content so it’s easy to understand. In web design, structural diagrams map the relationships between all the screens of a site, giving you a high-level overview of your site’s components.

It took years to create The Hoss User Experience Design Process and to some it may not be the best but I have given up hope on Omnigraffle, Axure, Balsamiq, Visio, etc. I have determined that Adobe Creative Suite tools are the best tool to start the IA, UX design process and the quickest.

I wanted to try something new so I decided to start this project using this new program Adobe Muse but while the first step is to create a high-level site map it took me a while (not to create the pages for the site map but) to use the simple tools that are in Adobe Muse, for example there’s no way to make a circle, you have to make a square 100px and then make the rounded corners 50px each. The support forum is friendly and people do write back, Muse just lacks most of the tools needed to get this User Experience Design Process off the ground.

Using InDesign I created the high-level sitemap based off an existing template in less than an hour. I will probably use the same tools as before, Indesign for the annotations and sitemaps and when I get to UX wires in a week or two I will start them in photoshop.

Anyways that concludes week 1. Happy Friday everyone and i’ll continue next week with The Hoss UX Design process!

**********

The Team:

John (myself) – UX Lead
Ian – SEO & Content Strategy
James – Executive Director, User Experience
Maryam – Sr. Project Manager
Trevor – Account Director
Lynn – Business Analysis
Jon – Director Application Development

Stakeholders:
Michael: CMO
Randy: EVP, Operations

Please leave a Comment