ajaib.ai: An Open Source Deep Generative AI - GUI Design Concept
This UI concept arose from my experiences identifying limitations in many open-source generative AI GUIs currently available.
Design Process
1. Exploration
Refers to a phase in the design process where you actively gather information, brainstorm ideas, and experiment with various solutions.
Pain Analysis
Finding some of AI feature can be challenging due to poor organization or limited space.
Unfamiliar technical terms are used without explanations, potentially hindering new users.
Retrieving past generated images requires navigating the system folder, hindering user experience.
The primary goal of generating images feels overshadowed by navigation complexities.
I just want to generate images ;-;
The Cure
Sidebar Menu was implemented to consolidate all AI features, fostering a one-screen interaction experience and minimizing user screen navigation.
Descriptive help text sections were added for each AI feature, enhancing user comprehension.
A generated image history log was implemented, eliminating the need for users to browse system folders for generated images.
Workspace Mode was introduced, offering a simplified workspace that hides fine-tuning options for users who prioritize image generation. Conversely, the Advanced Workspace provides access to all fine-tuning options.
Competitor Benchmark
AUTOMATIC1111 (have used but due to installation difficulties I decided to look for other alternatives)
Fooocus (personally used and based on)
Inspiration
2. Iteration
Refers to a cyclical process of continuously refining a design based on user feedback and testing.
Create > Test > Analyze > Refine > Repeat.
3. Finalization
Implementing Figma Component, applying Auto-Layout, and fine-tuning to make sure the overall design is consistent.
