Download as PDF, PPTX
Tech Winter Break - Meghnad Saha Institute of Technology
- 2. Tech Winter Break TheTech Winter Break is an innovative initiative launched by GDGC India to gear up its members for the highly anticipated Solution Challenges 2025. Medium Article
- 3. Topics to becovered Design-Figma, UI & UX (Today) App-Flutter (TBA) Web- Angular (HTML, CSS, JS) (TBA)
- 4.
- 5. Figma-tastic Beginnings What isthe use of Figma in Solution Challenge?
- 6. Find a problemBrainstorm Solutions Research Develop Prototype Design From Idea to Glory *Feedback is your best frenemy.
- 7. “How might wehelp reduce food waste in urban communities while promoting sustainable consumption habits”
- 8. Possible Solutions? *It wasadded 10 min before the presentation
- 9. A mobile appwhere local restaurants, grocery stores, and households can list surplus food available for pickup or donation. A system for urban residents to deposit food waste in designated community compost bins.
- 10. Difference Between UXand UI ⚔ UX: The feeling (cake recipe). UI: The look (frosting & sprinkles). You need both for a perfect cupcake.
- 12.
- 13.
- 14. What is UX?🧠 UX: User X-perience or U X-cited?
- 15. It’s how usersfeel about your product.
- 16. Use & Importanceof UX in Solution Challenge 💡 Good UX = users love your app = more impact. Solution Challenge judges appreciate happy users.
- 17. Bad UX vs.Good UX Bad UX: Tiny buttons, endless popups, no clear navigation. Good UX: Easy navigation, intuitive layouts, happy users. The UX Hall of Fame and Shame
- 18. Bad UX vs.Good UX Good UX
- 19. Bad UX vs.Good UX Bad UX
- 20.
- 21. What is UI?🎨 Make It Pretty, Make It Work
- 22. It’s how thingslook and interact on the screen.
- 23.
- 24.
- 25. UI = EyeCandy + Functionality Good UI attracts users, bad UI repels them. First impressions matter—even for apps.
- 26. UI in theSolution Challenge 🛠 UI That Wows Judges Make your project easy to use AND visually appealing. Judges love when it works and looks great.
- 27. Good and BadUI 🖼 Good UI: Clean design, responsive, clear buttons. Bad UI: Overcrowded, inconsistent, hard-to-click elements. Learn from the Best (and Worst)
- 28. Good UI vs.Bad UI
- 29.
- 30. Exploring Figma Let’sDive In!
- 31. Tools, features, and shortcuts. CTRL/Command+ Z is your best friend
- 32. Create a Simple1-Page UI
- 33. What is DevMode? 💻 For the developer ofc
- 34. Bridge between designers anddevelopers Inspects elements, generates code, and saves time.
- 35. Dev Mode Tutorial Communicatewith your developer—no mind reading required.
- 36.
- 37. Recap: ● Ideate, research,and design. ● UX makes users happy; UI makes them stay. ● Figma is your BFF for the Google Solution Challenge.
- 38. Go Figma, orGo Home!
- 39. GDGC MSIT 2024-25 Morethan a community:)