How to Make Your Website Not Ugly: Basic UX for Programmers

on YouTube ↗48m

" summary

Claims measurable UX wins: visitors read about 20% of on-page text, reading speed peaks near 74 characters per line so use width:76ch or similar; use line-height ~1.4–1.5 and base font 16–18px. Icon tests show unique unlabeled icons are guessed correctly 34% of the time, generic ones 60%, and labeled icons 88% — so icons must have labels. Use webA.org contrast checker, avoid banner-blind image placement, follow F-shaped scanning, apply progressive disclosure and consistent patterns to cut cognitive load and errors.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 1:47UI design for developers
3. 3:59Text as visual element
4. 17:48Images and icons
5. 27:44Logical patterns and consistency
6. 39:27Functionality and UX bugs
7. 42:58Q&A

" related talks

• 37mHow to Make Your Website Not Ugly: Basic UX for ProgrammersHilary Stohs-Krause · RubyConf AU 2023
• 28mHow to Make Your Website Not UglyHilary Stohs-Krause · JSConf Hawai 2019
• 46mPractical tips to elevate your UX and accessibilityJessica Engström · Øredev 2022
• 54mPractical tips to elevate your UX and accessibilityJessica Engström · NDC London 2023
• 01h 02mDesign for DevelopersLex Lofthouse · NDC London 2025
• 58mDesign for DevelopersLex Lofthouse · NDC Copenhagen 2025
• 23mNot a designer? You can make your website more accessibleGeorgie Luhur Cooke · Laracon AU 2019
• 41mIt’s easy to create good looking products, but what about useful onesEleftheria Batsou · Voxxed Days Cluj-Napoca 2022