UX Engineer, engineers connecting design and front end
summary
Argues that a dedicated UX Engineer role closes the gap between design and front end by owning both concept and implementation, not just handing off files. Shows a failed WordPress travel-site where ~2 MB of layered parallax images and platform limits make the design unachievable without converting to an SPA, so time and cost block the solution. Describes a working product workflow using Sketch, Hotjar, Vue, Git, a design system and Storybook to build reusable components (buttons with loading/disabled states, 4.5 contrast), reducing inconsistencies and rework.
AI-written summary · about
chapters (8)
- 0:00Introduction to UX engineers
- 8:24Communication gaps in teams
- 13:11The birth of UX engineer role
- 20:51UX engineer at Allo UF
- 29:14Design systems and Storybook
- 32:08Companies adopting UX engineer
- 37:58Transitioning to UX engineer
- 46:23Q&A and closing remarks
related talks
51mUX + Engineering: A Tale of Two Cities
49mCo-creating with UX and Software
48mGet your screen together: Design skills for frontend people
37mLearning UX Design & Visual Design Basics To Improve Web Developer and Designer Collaboration
40mHow to make UX & Devs build killer products
59mLean UX Development: Approach and Toolkit
01h 03mThe role of UX Designer in the team; how to efficiently built them in the production pipeline
31mUX designer, is that you?