No me hagas pensar: UX/UI para desarrolladores
summary
Basic UX/UI principles with concrete numbers and tactics: follow Design Thinking stages (empathize, define, ideate, prototype, test), run Figma prototypes with representative users, and deliver a UI kit / style guide when possible. Limit menus to about 5–9 items, keep font around 16px with 1.25–1.5 line-height, expect two thirds of traffic on mobile, aim for <2–3s visible load, and make animations <400ms. Users scan in an F-pattern, remember first and last items, and prefer familiar patterns over novel controls.
AI-written summary · about
chapters (25)
- 0:00Start
- 1:50Talk Summary
- 2:54Introduction and Concepts
- 3:28What User Experience is For
- 4:53Examples of Design Mistakes
- 5:49Basic Nomenclature
- 7:14Difference Between UX and UI
- 8:09Design Kit
- 10:36Testing Phase
- 11:21Design Phase
- 12:28User Interaction
- 12:59Poor User Experience
- 14:06Avoiding User Frustration
- 14:34Design Patterns
- 18:45Aesthetic Effect
- 20:09Scanning
- 21:13Long Scroll
- 22:43Load Time
- 24:32Devices
- 25:45Users
- 26:02Avoiding Visual Overload
- 27:45Semantic Markup
- 29:05Errors
- 32:10Animation
- 40:55Farewell
related talks
42mIndispensable Principles for Designing Complex User Interfaces
41mIt’s easy to create good looking products, but what about useful ones
53mIndispensable Principles of Crafting Complex Interfaces
28mEleftheria Batsou-UX vs UI: It’s easy to create a good looking product, but what about a useful one?
45mBuild Trust with Your Users Through UX
16mDesigning for the Mind: The Psychological Principles Behind Effective UI/UX
36m"UX for Developers, Seriously!"
28mIt’s Easy to Create a Good looking Product, but What About a Useful One?