UX/UI
Web-based AI Image Generator
Overview:
AI has increasingly integrated into people's lives in recent years. Specifically, web-based AI image generators often exhibit issues such as being unintuitive, producing low-quality output, or operating at a slow pace when generating a prompt.
Problem:
The aim of this project was to create a web-based AI image generator, with the goal of tackling the common obstacles encountered by designers caused by the complexity of existing AI image generation platforms and their non intuitive interfaces.
Solution:
The solution involved designing a user-friendly web-based AI image generator to simplify the design process and address the challenges posed by the complexity and lack of intuitiveness in existing platforms.
Role: Researcher, UI Designer, Usability Tester
Timeframe: 11 weeks
Tools: Procreate, Figma
Collaborator: None
Mid-fidelity
User Testing
I conducted two separate user testing sessions with two participants. The participants when trough seven different flows while I took detailed notes throughout the process. This experience highlighted several areas in need of refinement, which are outlined below.
Hand Written Notes During User Testing
Typed Notes after User Testing
User Testing Script
Prior to the user testing, I prepared a script to read from, ensuring that each participant received consistent and precise instructions. This approach helped maintain uniformity in the testing process, allowing for more reliable and comparable results.
High Fidelity
UX/UI
Web-based AI Image Generator
Mid-fidelity
High Fidelity
User Testing Script
Overview:
AI has increasingly integrated into people's lives in recent years. Specifically, web-based AI image generators often exhibit issues such as being unintuitive, producing low-quality output, or operating at a slow pace when generating a prompt.
Problem:
The aim of this project was to create a web-based AI image generator, with the goal of tackling the common obstacles encountered by designers caused by the complexity of existing AI image generation platforms and their non intuitive interfaces.
Solution:
The solution involved designing a user-friendly web-based AI image generator to simplify the design process and address the challenges posed by the complexity and lack of intuitiveness in existing platforms.
Role: Researcher, UI Designer, Usability Tester
Timeframe: 11 weeks
Tools: Procreate, Figma
Collaborator: None
User Testing
I conducted two separate user testing sessions with two participants. The participants when trough seven different flows while I took detailed notes throughout the process. This experience highlighted several areas in need of refinement, which are outlined below.
Hand Written Notes During User Testing
Typed Notes after User Testing
Prior to the user testing, I prepared a script to read from, ensuring that each participant received consistent and precise instructions. This approach helped maintain uniformity in the testing process, allowing for more reliable and comparable results.
UX/UI
Web-based AI Image Generator
Mid-fidelity
High Fidelity
User Testing Script
Overview:
AI has increasingly integrated into people's lives in recent years. Specifically, web-based AI image generators often exhibit issues such as being unintuitive, producing low-quality output, or operating at a slow pace when generating a prompt.
Problem:
The aim of this project was to create a web-based AI image generator, with the goal of tackling the common obstacles encountered by designers caused by the complexity of existing AI image generation platforms and their non intuitive interfaces.
Solution:
The solution involved designing a user-friendly web-based AI image generator to simplify the design process and address the challenges posed by the complexity and lack of intuitiveness in existing platforms.
Role: Researcher, UI Designer, Usability Tester
Timeframe: 11 weeks
Tools: Procreate, Figma
Collaborator: None
User Testing
I conducted two separate user testing sessions with two participants. The participants when trough seven different flows while I took detailed notes throughout the process. This experience highlighted several areas in need of refinement, which are outlined below.
Hand Written Notes During User Testing
Typed Notes after User Testing
Prior to the user testing, I prepared a script to read from, ensuring that each participant received consistent and precise instructions. This approach helped maintain uniformity in the testing process, allowing for more reliable and comparable results.
Research & Insights
For this AI image generator design project, I researched several other sites and noted that numerous generators are available, each with its own advantages and disadvantages.
