Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Make Your Website Not Ugly

JSConf via YouTube

Overview

Coursera Spring Sale
40% Off Coursera Plus Annual!
Grab it
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.

Syllabus

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

Taught by

JSConf

Reviews

Start your review of How to Make Your Website Not Ugly

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.