Ux/Ui Design

My Approach

January 2017

When beginning a project, I like to start each project with a Product Kickoff Meeting. I created a Product KickOff Questionaire that is used at our meeting with all stakeholders. The questionnaire allows the team to define the purpose/vision for the project. It establishes what we are building and who are we building it for. It outlines goals for users, the company, requirements, and objectives.

I like approaching UX as a team, removing department titles from stakeholders. One unit working together to create products users find intuitive and easy to use. Getting all stakeholders involved early gives the team great ideas and lets other team members become engaged and feel like they are part of something. Chris Nodder has an excellent class on this topic Making User Experience Happen as a Team.

Durning this stage, we are interviewing users and using user surveys to create our Personas. Removing the word user and using a Persona like 'Patty - The Professional' makes the user more concrete. We should be establishing primary and secondary users and finding common attributes. Finding common traits will allow us to create a consistent user interface.


After we have completed our Product Kickoff meeting, it's now time to dig into our Story Boards, user journey map and experience map. Carrying out a UX competitor analysis will empower your business choices. Through researching the competition, you can glean insights from the data you collect and make informed UX design decisions. Finding solutions to their pain points.

Ideate, Prototype, Test, Repeat!

This stage of the UX process is all about ideas, iterating and testing our hypothesis. Sketching is a quick, functional and low-cost way to test our hypothesis. It allows us to make changes quickly, test our theory and get feedback.

We are in the stage of breaking eggs, flushing out ideas and building off of those ideas. Once we feel comfortable with a sketch, we can move to a low-fidelity prototype. Low-fidelity prototypes allow us to create a straightforward interface to test.

High Fidelity Mockup

One we feel the prototypes are in the right place. We are not ready to begin the design. I like to start by creating a mood board. I use InVisions mood board feature. The mood board allows me to develop ideas for images, UI elements, and colors. If we are building a shopping cart, I like to research shopping carts and add that to my mood board as a reference or idea.

Each company should have a Brand/Style/UI guideline. Having style guidelines allows designers not to have to recreate the wheel every time. Having design guidelines enforce a consistent experience throughout your products. Guidelines also define best practices. Developers can refer to UI elements to build the interface and don't have to keep checking in with the designers. Using products like Zeplin allow for designer to developer handoff.

Build & Deploy

It's now time to hand the product off to the engineering team. We want to make sure we are providing the engineering team with all the assets, so they can now build out the product. I like to use a checklist to make sure I am not missing providing the front-end team with all the assets and resources they need.

We want to make sure we are still working as a team. We want to be available for the engineer if they have any questions or we can clarify things for them.

Measure & Metrics

After deployment, we want to measure our product success using metrics, web analytics, and user feedback. I like working with the support team when rolling out a new product. They are a great asset because they are on the front line and engaging with users on a daily basis and can provide tremendous insight.

Finally, we're done! No, UX is never done, although the project is complete the product is now living and breathing. As we receive feedback and track metrics, we may have to make slight adjustment/tweaks to make sure we are hitting the company and user goals.