Menu

Design Process

Home / design process

I follow a user centered design process that is of course always iterative.

Kickoff / Discovery

Meet with stakeholders/PMs and ask as many questions as I can to understand the scope and requirements.

Research / Competitive Analysis

Conduct some research on my own to see what’s already out there.

Sketch

Using paper and pen to sketch out ideas helps me create multiple versions at the speed of light. If only...

Interaction Flows

Creating interaction flows that distinguish between triggers, rules, feedback, loops, and modes are helpful when designing complex flows.

Low Fidelity Wireframes

I then translate 2-3 designs to a digital, static, greyscale wireframe. This is especially useful when you want feedback to be focused on the functionality rather than visual look and feel.

High Fidelity Prototypes

Once I obtain feedback, I’ll update those low fidelity mockups and translate those to a higher fidelity prototype adding in the styleguide (if there is one) or making it interactive to show complex interactions.

User Test

And of course, we can’t forget about user testing! Testing early and often is the key to my design process. Oh and I believe that the key successful designs are to involve and collaborate with stakeholders, users, Product Managers and developers in the design process.

Ship it!

Deliveries can include creating presentations, attaching mockups to Jira tickets, creating visual specifications and many more.

What Tools do I use?

Paper, Sharpies, Balsamiq, Axure, Sketch, XD, and Illustrator. Sometimes I dabble in code as well. Especially with my new found skills from taking on a full-stack coding bootcamp at UCSD extension. I am skilled in HTML, CSS, JavaScript, React, APIs, Node.js and many others.