- 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
Design process
I tailor fit our approach based on the project's requirements and the team. Once I have an understanding of the project I outline a strategy that can achieve the best results with the team’s skill sets 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.
![DesignProcess_1 DesignProcess_1](https://www.a-o-i-f-e.com/wp-content/uploads/2023/11/DesignProcess_1-1110x335.png)
![PD_1](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD_1.png)
1. Research, understand, empathize
Toolkit
– Requirements gathering
– Stakeholder and user interviews
– Persona development
– Competitive analysis
– Usability testing
– Analytics review
![Step 1 Step 1](https://www.a-o-i-f-e.com/wp-content/uploads/2023/11/Step-1-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
Toolkit
– Heuristic reviews
– Card sorting
– Structure & IA
– Defining strategy
– User flows & journey mapping
– Task modelling
![PD2](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD2.png)
![PD2_CardSort PD2_CardSort](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD2_CardSort-1140x456.png)
Card Sorting for Friends of the Earth
![PD3](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD3.png)
3. Brainstorm, concept, ideate
- Explore and define visual styles
- Define a tone of voice
- Sketching and wireframes
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
Toolkit
– Design and prototyping tools (Figma, Sketch & inVision, XD)
– Sketching
– Contrast and accessibility tools and checks
![PD4](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD4.png)
![RO_1 RO_1](https://www.a-o-i-f-e.com/wp-content/uploads/2023/07/RO_1.png)
Responsive Wireframes for Riverford Organic
![PD5](https://www.a-o-i-f-e.com/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
Toolkit
– AB testing
– Usability testing
– Test against success measures
![PD5_testing PD5_testing](https://www.a-o-i-f-e.com/wp-content/uploads/2022/12/PD5_testing-1140x456.png)
Testing Strategy for Friends of the Earth