DESIGN CHAT @trentwalton trentwalton.com paravelinc.com

WEB DESIGN

“And the [web] is right in front of you, every day, so you as a designer for this medium have the opportunity to use it to prototype what you’re designing.” —Stephen Hay

frankchimero.com/writing/the-webs-grain

“It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all.” —John Allsopp A Dao of Web Design, 2000

PROGRESSIVE ENHANCEMENT & DEVICE AGNOSTIC DESIGN • Hostile browsers • Tiny screens • Slow connection speeds • Touch inputs

CONTENT

“Content precedes design. Design in the absence of content is not design, it's decoration.” —Jeffrey Zeldman

TYPOGRAPHY

• Choose appropriate fonts • Don’t use too many fonts • Mind your CPL (45–75)

FURTHER READING… • On Web Typography • webtypography.net • Fluid Type • Smart Quotes for Smart People

LAYOUT

• Sandwich-Driven Web Design® • Keep mobile/RWD in mind • Content Choreography

PERFORMANCE

• Performance is part of web design • Perception is important (Fiber) • Optimize images • Be clever (TMFO, Zen Garden)

FURTHER READING… • Responsible Responsive Design • webpagetest.org • Tim Kadlec

BORING IS OKAY

“The boring designer realizes that the glory isn’t in putting their personal stamp on everything they touch. In fact, most of the time, it’s about leaving no trace of themselves. The boring designer loves consistency. The boring designer loves a style guide.” —Cap Watkins

TEAMWORK

IMPORTANT… • Content • Typography • Layout • Performance

ALSO IMPORTANT… • Morale • Communication • Trust • Enthusiasm

TOOLS I USE

• Paper + Pens • Whatever graphics editor is fastest • Codepen • Github • Atom (Code Editor) • BrowserStack

QUESTIONS? @trentwalton trentwalton.com paravelinc.com