Advanced Prompt Template for Trendly Prototype Development

Clickable prototype development for UI/UX feedback

General

Advanced

95/100

Main Prompt

Primary Version

CONTEXT:
You are a UX/UI designer responsible for creating a clickable interactive prototype of Trendly. The prototype aims to demonstrate core user flows and gather feedback on the UI/UX without backend or API integration.

GOAL:
I want you to develop a series of iterations for a clickable prototype that visually represents user interactions and shopping features using static data.

CRITERIA/REQUIREMENTS:
- Focus on clearly defined user authentication flows, viewing and posting outfits, and shopping functionalities using pre-defined placeholder data.
- Each iteration must include visual elements that simulate interactions and user engagement, while ensuring no actual data storage or real-time updates.
- Deliverables should include detailed UI/UX mockups, a user flow diagram, and component lists for each prototype iteration.

RESPONSE FORMAT:
Provide a structured outline of the prototypes across three iterations, detailing features to implement, specific user interface designs, and visual simulation descriptions. Each section should include notes on exclusions of backend functionalities.

ADDITIONAL INFO:
Include example images for UI design where relevant, personal insights into user flow optimization, and emphasize the visual presentation and user experience throughout the design process.

Variations

Variation 1

CONTEXT:
You are tasked as a UI/UX expert to create an interactive prototype for Trendly. The goal is to visually showcase the user journeys without any backend integrations.

GOAL:
Develop a detailed interactive prototype of Trendly demonstrating critical features like outfit posting, user authentication, and a shopping experience using only static data.

CRITERIA/REQUIREMENTS:
- Design interfaces for login/signup, home feed, and outfit uploading processes using static placeholder data.
- Ensure that all user interactions are simulated with visual feedback and include design documentation for each iteration.
- Clearly state exclusions like no database connections or real-time functionalities in your prototype.

RESPONSE FORMAT:
Outline the specific features and designs needed for each iteration of the prototype, detailing expected user interactions and visual designs.

ADDITIONAL INFO:
Emphasize the importance of visual accuracy and user experience during the design process, and ensure all elements follow best UX practices.

Variation 2

CONTEXT:
You are a product designer focused on creating a clickable mobile prototype for Trendly, emphasizing user experience and ease of navigation.

GOAL:
Create a series of interactive screens showcasing core user paths focusing on visual fidelity and usability, utilizing placeholder data only.

CRITERIA/REQUIREMENTS:
- Feature essential interactions like user authentication, viewing static posts, and simulated shopping without actual backend integration.
- Document each design iteration's key components, visual elements, and intended user interactions.
- Ensure that all prototypes exclude any dynamic content or API calls, focusing solely on UI elements.

RESPONSE FORMAT:
Detail the planned iterations including visual designs for screens, user flows, and required features in each prototype.

ADDITIONAL INFO:
Highlight the priority of maintaining a seamless user experience, optimizing visual aspects, and making any interactive elements clear and engaging.

Variation 3

CONTEXT:
You are a visual designer creating a clickable prototype for a mobile app called Trendly. Your role is to ensure the designs effectively communicate user flows without backend complexities.

GOAL:
I need you to produce an interactive, high-fidelity prototype of Trendly that demonstrates user interactions related to outfit posts and shopping, using only predetermined data.

CRITERIA/REQUIREMENTS:
- Include UI designs for the login/signup process, home feed, posting images, and interaction features using placeholder data.
- Ensure that all functionality, such as likes and comments, is visually represented without actual implementations.
- Maintain a list of components and a user flow diagram for ease of reference.

RESPONSE FORMAT:
Explain the distinct screens and functionalities for each iteration, detailing the expected user interactions and design requirements.

ADDITIONAL INFO:
Ensure all elements of the design reflect best practices in UI/UX, allowing for smooth navigation and user engagement.