My UI/UX Design Process
My first step is to listen and seek to understand the root challenge I am being asked to find a solutions to. I want to know who my audience is, what their assumptions are, what are their needs, how do they use existing products in “real-life”, where do they click, what devices do they use and what are they ultimately wanting to accomplish?
- Clearly define the problem
- Interview users
- Observe interactions
- Define requirements
- Create user personas
2: Brainstorm, Analyze and Plan
After obtaining a clear understanding of the problem I’m attempting to solve, I move onto researching the market, analyzing competitors and exploring possible solutions. I’ll study various apps across the digital landscape that may spark ideas and UI design solutions. With this information, I begin sketching ideas, defining task flows and creating rough prototypes.
- Brainstorm ideas
- Market research
- Analyze competitive landscape
- Define task flows
- Sketch rough ideas
- Create wireframes
- Generate prototypes
3: Visual UI Design (Hi-Fidelity)
After exploring potential ideas, defining the user flows, structuring the wireframes, I begin the process of visual UI design of the hi-fidelity screens. This includes defining the initial elements that will be used to create the overall design system. During the process of designing each of the essential screens, I’ll define the colors, typography, iconography, images, illustrations and overall design language.
- Sketch, Figma or Adobe XD
- Define overall design language
- Design essential screens
- Design UI elements
- Create prototypes
- Create style guide
4: Communication: Stakeholders, Engineers and Users
Throughout the entire design process, I keep an open line of communication with all parties involved – including product owners, key stakeholders, engineers and the end user. I’ll make sure to touch base with the team frequently, showing wireframes, sketches and rough prototypes for validation.
- Frequent check-ins with product owners and engineers
- Stakeholder reviews
- User demonstrations
- Early feedback
5: Hand-Off, Assist and Monitor Development
Once the designs are final and have been approved, I’ll work with engineers throughout the development process. I’ll make sure the engineers are clear on the designs, interactions and overall flow. It’s my job to support the engineers throughout the development process, providing all assets, details and following the development through completion.
- Hand-off to engineers
- Product demonstrations
- Collaborate, assist and monitor
6: Usability Studies, Validate, Iterate
Before signing off and launching a digital product into production, it’s important I get the product in front of users either with early interactive prototypes or production ready demos. This helps me know if I’ve hit mark and solved for all necessary problems. Can users accomplish tasks in a user-friendly manner, are there any roadblocks, are there any existing pain-points? Through the data and findings, I’ll iterate and make adjustments accordingly.
- Usability studies
- User Testing
- User Interviews
- Data collection
- Design iterations
© 2021 Christian Trent Creative. All Rights Reserved.