- Research to understand the business needs and the current landscape
- Further research to understand the user’s needs, goals and desires
- Avoid assumptions whenever possible and always revisit them
My design process
I tailor fit my approach for each project's requirements. Once I have an understanding of the project I outline a strategy that can achieve the best results for both the user and the business. This is not a waterfall approach, there is often overlap and iteration to achieve the best possible solution.
![ProductDesignProcess_1 ProductDesignProcess_1](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2023/07/ProductDesignProcess_1.png)
![PD_1](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD_1.png)
1. Research, understand, empathize
My toolkit
– Requirements gathering
– Stakeholder and user interviews
– Persona development
– Competitive analysis
– Usability testing
– Analytics review
![PD1_Personas PD1_Personas](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD1_Personas-1140x456.png)
Personas for Dyno – British Gas
2. Strategize & define
- From research findings, define strategy, scope and approach
- Identify what is needed to progress
- Define what success looks like
My toolkit
– Heuristic reviews
– Card sorting
– Structure & IA
– Defining strategy
– User flows & journey mapping
– Task modelling
![PD2](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD2.png)
![PD2_CardSort PD2_CardSort](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD2_CardSort-1140x456.png)
Card Sorting for Friends of the Earth
![PD3](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD3.png)
3. Brainstorm, concept, ideate
- Explore and define visual styles
- Define a tone of voice
- Sketching and wireframes
My toolkit
– Mood boards
– Copywriting
– Sketching
4. Design & prototype
- Prototype to test out how findings from previous steps “feel”
- Sense checks, accessibility checks, legal checks
- Review and reiterate with the engineering team
- Get feedback, revise and repeat until the optimal solution is found
My toolkit
– Design and prototyping tools (Figma, Sketch & inVision, XD)
– Sketching
– Contrast and accessibility tools and checks
![PD4](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD4.png)
![RO_1 RO_1](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2023/07/RO_1.png)
Responsive Wireframes for Riverford Organic
![PD5](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD5.png)
5. Implement, test & reiterate
- Document design decision, interactions, content, components
- Define a design system
- QA: work with development team to ensure accuracy
- User testing ideally happens throughout the process and should absolutely happen after launch
- Report on progress
- Define a hypothesis for optimization
My toolkit
– AB testing
– Usability testing
– Test against success measures
![PD5_testing PD5_testing](https://www.a-o-i-f-e.co.uk/wp-content/uploads/2022/12/PD5_testing-1140x456.png)
Testing Strategy for Friends of the Earth
My tookit
This is a list of my tools of choice which continues to adapt and grow.