UX & Design for Rails Devs: Elevating the "One Person Framework"...
summary
Argues Rails devs need practical UX skills and shows concrete techniques that produce measurable wins: use journey maps and the six-up sketch exercise to pick high‑impact problems, apply a three‑level type scale, whitespace, and a 60/30/10 color rule, extract UI tokens to CSS/Sass variables, and prefer shape plus color for accessibility. Demonstrates tooling: recorded session playback via Microsoft Clarity, AI prompts and palette drafts with Claude (which approximates but miscolors Rails red), and a quick rework of the Rails tutorial store to validate improvements.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:04Silos in product development
- 3:09Developer experience vs user models
- 5:20Journey mapping problems
- 7:47Flows and usability heuristics
- 10:16Quick UX wins with squint test
- 11:38Collaborative sketching
- 13:01Research on a budget
- 14:44AI for UX and design
- 16:06Visual design for devs
- 18:30Whitespace and typography wins
- 20:15Color and accessibility
- 22:43AI design tools
- 23:48Live demo: Rails app UX
- 29:25Key takeaways and closing thoughts
related talks
49mCo-creating with UX and Software
51mUX + Engineering: A Tale of Two Cities
28mEleftheria Batsou-UX vs UI: It’s easy to create a good looking product, but what about a useful one?
48mGet your screen together: Design skills for frontend people
32mPairing with designers to create a seamless user experience
37mLearning UX Design & Visual Design Basics To Improve Web Developer and Designer Collaboration
25mIt's easy to create good looking products, but how about useful ones?
06mThe Importance of Good UX