[Day__14] BYAN.Ai_Level1

Today, we'll connect these skills to two new capabilities: *Gemini connectors:* Bringing information from supported apps and services into Gemini so it can help with tasks using that context. *Google Stitch:* Turning a product idea into a visual interface through AI-assisted design. The key message for students is simple: *AI becomes more useful when it can work with relevant information—and when we can turn our ideas into something people can actually interact with.* Try Connectors here: https://gemini.google.com/ Try GOOGLE STITCH here: https://stitch.withgoogle.com/ PROMPTS: (ITERATION #01) Design a modern, accessible website called ReadAble. Product purpose ReadAble is an exploratory digital reading tool that lets users customize how text appears on their screen. Target users University students and other readers who want more control over their digital reading experience. Do not assume all users have the same accessibility needs. Main screen Create a clean reading workspace with: A simple ReadAble logo and navigation bar. A clear heading: "Make reading work for you." A short introduction explaining that users can customize their reading environment. A large central reading area containing a sample educational passage about the human respiratory system. Controls for increasing or decreasing font size. Controls for adjusting line spacing and paragraph spacing. Background theme options: white, warm cream, and dark mode. A clearly visible reset-settings button. A small reading-progress indicator. A simple settings panel that does not overwhelm the reading area. Visual direction Use a calm, minimal design with generous spacing, readable typography, subtle borders, and a soft blue and neutral color palette. The interface should feel supportive, professional, and suitable for university students. Accessibility and usability Use clear labels rather than relying only on icons. Maintain strong text contrast. Make controls large enough to select easily. Avoid unnecessary animations and visual clutter. Do not assume one font or color scheme works for everyone. Ensure that the layout remains usable on mobile screens. Constraints Do not include diagnostic tests, medical claims, or promises that the website treats dyslexia. Prioritize a realistic first-version interface over excessive features. Generate the initial website interface. Focus on usability and clarity rather than decorative effects. (ITERATION #02) Review the current ReadAble interface for potential accessibility and usability issues. Inspect: Text contrast. Font sizes. Button labels. Navigation clarity. Spacing and visual hierarchy. Keyboard-navigation considerations. Whether users can identify and change their reading preferences easily. Identify potential problems and suggest specific improvements. Do not claim that the design is fully accessible or compliant with a particular standard unless that has been properly evaluated. Distinguish visual suggestions from issues that require actual testing. ITERATION #03 Extend the ReadAble design into a simple three-screen user journey. Screen 1: Welcome Introduce ReadAble in one sentence. Explain that users can customize how text appears. Include a clear button: "Start reading." Screen 2: Reading workspace Display a sample educational passage. Include font-size, line-spacing, paragraph-spacing, and theme controls. Make the reading content the main focus. Screen 3: Reading preferences Allow users to review their selected display preferences. Provide a way to return to the reading screen. Include a reset option. Explain that preferences are personal and can be changed at any time. Connect the screens into a simple interactive prototype if the current interface supports it. Keep navigation predictable and the visual style consistent. Do not add accounts, medical assessments, patient records, or unnecessary first-version features. CREATE DESIGN BRIEF (USING GEMINI) Help me prepare a design brief for a beginner-friendly digital product. My idea is: [INSERT YOUR IDEA]. First, explain the problem the product is intended to address and identify its target users. Then produce: 1. A one-sentence product description. 2. The three most important user needs to investigate. 3. The three essential features for a first version. 4. The information each screen should display. 5. A suggested user journey. 6. A visual direction appropriate for the target audience. 7. Potential accessibility, privacy, or usability concerns. 8. Five questions to ask potential users before investing more time. Clearly separate assumptions from established information. Keep the first version small and realistic. Finally, write a detailed design prompt that I can paste into Google Stitch. Do not claim that the proposed product is already functional or validated.