UI Gallery
[1] Purpose
What are users trying to achieve?
(UX Research goes here)
[2] Visual Research
Identify UI components
List out what patterns are needed - Mobbin.design
[3] Wireframe Sketches
Ideation of layouts and interaction flow
(Prototyping and usability
testing goes here)
[4] Mockup
Hi-fi mockup
(Prototyping and usability
testing goes here)
[5] Refine
Apply accessibility and usability practices - Material.io
Daily UI: Login Screen
Responsive Design
Daily Design Challenge: Achievements and Badges
Grid Layout • Consistency • Visual Aesthetics • Gamification
Daily Design Challenge: Succulent Customiser
Experimental UI Navigation
Augmented Reality UI and Interaction Study
What makes AR UI unique? How can we make the most of AR UI and Interactions?
Daily Design Challenge: Leaderboard
How can we encourage/retain players that are not top in the leaderboard?
UI Wireframe Practice: Warframe - Upgrades
Lo-fi wireframes • Information Architecture
Daily Design Challenge: Jewelry App
UI Design Process • Layout Ideation • Branding
