How to Make Your Website Not Ugly

Explore essential UX and design principles to enhance website aesthetics in this 28-minute conference talk from JSConf Hawaii 2019. Delve into topics such as text layout, font selection, navigation design, image usage, and effective iconography. Learn about key concepts like banner blindness, progressive disclosure, and the F-shape reading pattern. Discover how to apply consistency, functionality, and visual design techniques to create logical and appealing web interfaces. Gain practical insights to transform ordinary websites into visually engaging and user-friendly experiences.

Intro
About Hilary
Real Website
The Point
Why We Care
Ill Buy It
Disclaimer
A lot to cover
Words and images
Design from a lot
Text length
Text width
Contrast
Text Scannable
Text Block
Fonts
Navigation
A Better Example
Recap
Images
Icons
Labels
Universal Icons
Banner Blindness
Links Cars
Links Content
Patterns
Bar
Pattern
Progressive Disclosure
F shape
Above the fold
New York Times example
Consistency
Functionality
Visual Design
Final Recap
Logical Design