CONTACT

My UX
Process

My UX Design Process

Here is a step by step guide to my UX process for executing ways to improve or create a product, service or feature.

Discovery and Research

Begin by clearly stating the initial problem or opportunity. The problem or opportunity could have been found through competitor analysis, market research, user interviews, user testing, surveys, analytical data, competitor analysis, internal ideation and testing or a combination of all of these and more.

For the purpose of this guide, we will use the example:

"We've seen in user testing that novice users are struggling to find the right product, we need to improve the ease of use to help them convert."

By outlining the initial problem as what, where and who you just need to find the strong why and explain the how.

Always use your own products!

Outline a Goal or North Star

To start, setting a goal should to should be your proiority. Using as much data as possible, It should set a concise, stretching but achievable goal that is easy to understand and to follow. You will use this throughout the project to ensure that you are on track and to keep the work on course.

Leaning back into the problem statement example we used earlier, we could set the goal as

"Increase conversion rate by 20% for novice users"

From now on, all ideas should be tested against this goal. If they don't help achieve the goal, they should be deprioritised. While a clear goal is essential, allowing room for iteration based on user feedback can enhance adaptability and improve the final outcome so don't be afraid to change your mind.

Never underestimate the power of a post-it note

Ideation and Sketching

This phase is about generating and exploring multiple solutions to the problem based on the research insights. Speed and volume are often key, it's about exploring breadth before depth. Theres is no bad ideas here, just ideas that are not good enough to move forward in this instance. Often, an idea that isn't good enough to move forward in this instance, will be good enough to move forward in the next instance, and it generates a lot of ideas that could lead to a solution.

Showcase initial ideas and concepts.

Using the North Star goal to stay focused, I begin ideating through quick, low-fidelity methods. This helps avoid over-investing in a single direction too early.

  • Rapid sketching Paper sketches, whiteboards, and digital sketchpads are used to visually explore ideas. At this stage, the aim is quantity, not perfection.
  • Wireframes Simple structural layouts of potential solutions help to communicate flow and function.
  • Collaborative workshops Bringing stakeholders together through ideation sessions or design sprints helps align everyone early. These sessions encourage diverse perspectives and quick decision-making. This will include developing user stories and personas that you will reference throughout the process.

The goal is to produce a range of viable directions that can be tested or developed further. Capturing the evolution of ideas and the rationale behind decisions can be valuable for future reference also.

Moving from a screen to a sketch can inspire new ideas

Prototyping and Validation

Once initial concepts are formed, it's time to test assumptions, validate flows, and uncover usability issues before committing to polished design. Including a broader range of user demographics can uncover varied insights and ensure inclusivity.

Explain how your ideas were tested and validated.

  • Interactive prototypes Using tools like Figma, XD, Miro, Sketch, or HTML/CSS/JS, I create clickable prototypes to simulate the user experience, allowing for early interaction testing without full development.
  • Moderated and unmoderated testing These tests are run with real users (especially those matching the user type from the original problem) to gain insights into usability, flow, and clarity.
  • Data-led refinement Every test generates actionable feedback. I analyse this data to refine flows, eliminate friction, and reinforce what works.

Validation here ensures we're on the right track, with real users guiding the path forward.

Try to keep your wireframes simple and clean, but don't be afraid to add a bit of detail

Design Refinement

At this stage, designs become more polished and closer to the final product. Visual design, branding, accessibility, and micro-interactions all come into play.

Highlight polished UI and UX.

  • High-fidelity iterations I refine wireframes into full UI mockups, applying brand elements, grid systems, consistent spacing, and accessible colour schemes.
  • Design systems and components Leveraging or building a component library ensures the experience is scalable and coherent.
  • Interaction design Microinteractions, hover states, transitions, and animations are applied to bring the experience to life.

This is where the design process really comes to life, and the design is refined to be the best it can be. Conducting specific tests to ensure designs meet accessibility standards can further enhance user inclusivity.

You can never over comment your designs

Implementation and Handoff

A successful handoff means no surprises for developers and no loss in design fidelity through translation. I prioritise clear communication and accessible documentation.

Explain your collaboration with developers.

  • Documentation Detailed Figma specs, component behaviours, spacing, fonts, and usage guidelines ensure clarity.
  • Design handoff I work directly with developers, walking them through interactions and edge cases, and remain available throughout the build phase.
  • QA and design review I conduct visual and UX QA to ensure what's built matches what was intended, and suggest adjustments where needed.

It's a collaborative and iterative effort not a "Your problem now" approach with development.

Remember to keep things exportable

Outcomes

This is where the results of the project come to life, and we evaluate how well the problem was solved.

Succinctly share key results.

  • Quantitative metrics Improvements in conversion rates, drop-off reduction, increased task completion, etc., are shared to show impact.
  • Qualitative insights Positive user feedback or internal alignment success can be just as meaningful.
  • Retrospective I reflect on what worked, what didn't, and how the process might be improved in future cycles.
If the analytics don't show improvement, you've learned something new

Learnings and Reflection

It's important to reflect on the project and share what you've learned. This will help you improve your process and avoid making the same mistakes in the future.