UI/UX Design
UI/UX Design
2 videos
Interface and product design tools, workflows, and techniques used with AI.
Stop Describing Vibes to AI — Use Design Style Names Instead
- When prompting AI for design work:
- Replace vague descriptors with named design styles: instead of 'clean' say 'Japandi'; instead of 'functional and no nonsense' say 'Utilitarian'; instead of 'soft and bookish' say 'Light Academia'.
- Find an article with 50+ design style names — each style describes the look, mood, and appropriate use case.
- Mix styles for unique results: e.g. 'Light Academia meets Scrapbook', 'Neo-brutalism meets Minimalist'.
- Apply this to any AI design task: UI, landing pages, graphics, presentations.
View full video →Design [component] in a [style name] aesthetic (e.g. Utilitarian, Japandi, Neo-brutalism, Light Academia). Apply the full look and mood of that style — not a generic interpretation.
5 Drag-and-Drop UX Rules That Make File Upload Feel Safe
- Apply these drag-and-drop UX rules:
- Drop zone feedback: show border, glow, and copy/shift cue when a file is dragged over — users need 3 visual signals before dropping.
- Replace spinners with honest progress: show percentage and estimated time remaining so users can decide to wait or cancel.
- Inline retry on failure: if upload fails at 90%, never make users restart — keep the file loaded with a one-tap resume.
- Show file preview on receipt: display thumbnail, file type, and size as visual confirmation you received the right file.
- Independent progress per file: in multi-file uploads, each file gets its own progress bar and retry — one failure never blocks the others.
View full video →Review the file upload UX in this app against these 5 rules: (1) drop zone visual feedback before drop, (2) honest progress with percent + time, (3) inline retry without losing file, (4) thumbnail/type/size confirmation, (5) independent progress and retry per file in multi-upload. Fix any gaps.