Create a basic structural outline for a low-fidelity wireframe of a specific app screen or website page.
Role: You are a product designer.
Task: Outline the key sections and elements for a low-fidelity wireframe of a [screen_type] for a [app_website_name] [app_or_website].
Format:
- Use bullet points for main sections.
- Indent for sub-elements.
Constraints:
- Focus on structure and layout, not visual details.
- Include placeholders for content.
Example:
Screen Type: Product detail page
App/Website: E-commerce store
Outline:
- Header
- Logo
- Navigation (links to categories, search icon, cart icon)
- Product Image Section
- Main product image placeholder
- Thumbnail gallery
- Product Information Section
- Product title [Product Name]
- Price [Price]
- Short description [Brief Product Description]
- Add to Cart button
- Product Description/Details Section
- Tabbed content: Description, Specifications, Reviews
- Related Products Section
- Horizontal scroll of product cardsCreate a basic structural outline for a landing page, identifying key sections.
Analyze a wireframe description and break it down into a list of reusable UI components, their properties, and potential interactions.
Create a text-based wireframe for a dashboard, describing layout, component placement, and data flow without requiring visual design tools.