The method
Use this prompt before starting any web design project to ensure optimal mobile experience. Input the project details and target audience for a comprehensive mobile-first strategy. Ideal for new website creation or redesigns where mobile usability is paramount.
The prompts
Prompt 1
Develop a comprehensive mobile-first web design strategy for a [Website Type] website targeting [Target Audience]. Consider the following factors:
* **Navigation:** How will users easily navigate the site on smaller screens? Propose specific menu structures and interaction patterns.
* **Content Prioritization:** Which content elements are most important for mobile users and how should they be prioritized and displayed?
* **Performance:** How will the site be optimized for speed and performance on mobile devices with varying network conditions? Include specific techniques for image optimization, code minification, and caching.
* **Accessibility:** Ensure the design adheres to accessibility guidelines (WCAG) for mobile users, including considerations for screen readers and touch targets.
* **User Testing:** Outline a plan for user testing on mobile devices to gather feedback and iterate on the design.
* **Technology Stack**: Suggest the ideal tech to use for a faster experience.
The strategy should include concrete recommendations and best practices for each area, resulting in a better mobile experience.
* **Navigation:** How will users easily navigate the site on smaller screens? Propose specific menu structures and interaction patterns.
* **Content Prioritization:** Which content elements are most important for mobile users and how should they be prioritized and displayed?
* **Performance:** How will the site be optimized for speed and performance on mobile devices with varying network conditions? Include specific techniques for image optimization, code minification, and caching.
* **Accessibility:** Ensure the design adheres to accessibility guidelines (WCAG) for mobile users, including considerations for screen readers and touch targets.
* **User Testing:** Outline a plan for user testing on mobile devices to gather feedback and iterate on the design.
* **Technology Stack**: Suggest the ideal tech to use for a faster experience.
The strategy should include concrete recommendations and best practices for each area, resulting in a better mobile experience.
Prompt 2
You are an expert in mobile-first web design. A client needs help to define their mobile web strategy. The client has a [Website type] website and their target audience is [Target audience].
Given the above context, provide a prioritized list of at least five specific design considerations to focus on for mobile optimization. For each consideration, explain its importance for the target audience and suggest actionable strategies to address it. Be sure to cover areas like:
* Information Architecture
* Page Load Speed
* Content Strategy
* Call-to-Action placement
* Touch Targets and Mobile Navigation
In the conclusion, suggest how to measure the success of each mobile optimization to ensure the site works well.
Given the above context, provide a prioritized list of at least five specific design considerations to focus on for mobile optimization. For each consideration, explain its importance for the target audience and suggest actionable strategies to address it. Be sure to cover areas like:
* Information Architecture
* Page Load Speed
* Content Strategy
* Call-to-Action placement
* Touch Targets and Mobile Navigation
In the conclusion, suggest how to measure the success of each mobile optimization to ensure the site works well.