AEA Resources: Articles, Links, and Tools From An Event Apart Atlanta 2015

February 16, 2015

An Event Apart Atlanta is now over, but you can revisit all the insights and wisdom with these resource links shared by our amazing speakers.

Community

An Event Apart Facebook An Event Apart Google+ @aneventapart Twitter feed Twitter Search: #aeaatl (AEA Atlanta) hashtag Eventifier: An Event Apart Atlanta 2015

Session notes from Torre Kean

The Work That Dare Not Speak Its Name Designing for Social Behavior Change or Die Design Decisions Through the Lens of Performance Typesetting Body Text Like a Pirate Jedi with DeLorean So…What Do I Make? Designing for Crisis Smaller, Faster Web Sites Responsive Images are Here. Now What? Prototyping and Play Content Amid Chaos Magical UX and the Internet of Things

3 Things You Can Learn From My Time at An Event Apart Atlanta by Kendra Skeene (georgia.gov)

Speaker Links and Resources

Samantha Warren

Nearly two thirds of cell phone owners use their phone to go online Device Ownership Over Time Coffee War Steve Jobs on Paul Rand Story Maps Style Tiles Abler Accessible Icon Project Atomic Design Slack Style Guide Generators Paula Scher

Sara Wachter-Boettcher

Less Training, More Practice Just Do One Thing Content Strategy 2015 (slide deck) Experiments in roadmapping at GOV.UK Why Your Roadmap Should be Flexible How to switch your identity from content expert to coach (video)

Tim Brown

Introduction

@nicewebtype Typekit: Source Sans Typekit: Adelle Marcin Wichary: Death to Typewriters

Performance

Dan Mall on performance budgets “Performance is the new validation.” — Jeremy Keith @ 33:36 Nathan Ford: Adventures in Dynamic Subsetting Font Family Reunion compatibility tables Typekit blog: Custom language subsetting options 8 Faces issue #8 Bram Stein on font loading at Webfontday @ 9:29 Spritz reading Luke Wroblewski: Switch between reading and listening Walter Ong: Orality and Literacy

Force

Method of Action: Kerntype, by Mark MacKay John Downer’s Proportions and Hierarchies workshop Tobias Frere-Jones Typekit Practice: Selecting typefaces for body text, by Tim Brown Typekit Practice: Getting the most out of type specimens, by Aura Seltzer A Book Apart: On Web Typography, by Jason Santa Maria Typographica: Type Reviews Klim Type Foundry: Design Information The State of Web Type, by Bram Stein The Shape of Design, by Frank Chimero Flippant, by Nathan Ford Clay in a Potter’s Hand, an essay by Jan Tschichold

Anchoring

Five Simple Steps: A Pocket Guide to Combining Typefaces, by Tim Brown Fonts In Use Ethan Marcotte: Sizing the legible letter Chris Coyier: Font size idea Modular Scale calculator, by Scott Kellum and Tim Brown Molten Leading Inside Paragraphs, by Cyrus Highsmith Single-direction margin declarations, by Harry Roberts Deriving layout from your typeface, by Nathan Ford

Systems

Setting type with Sass maps, by Robin Rendle Susan Robertson: Creating a type style guide Typecast Progressive enhancement matrix Font events at Typekit Type rendering mix

Context

Bret Victor, Inventing on Principle Universal Typography demo, by Tim Brown

Dan Mall

OmmWriter nvALT The Magical, Short-Form Creative Brief, by Jared Spool Interface Inventory, by Brad Frost Radio Free Europe: An open redesign, by Dan Mall WebPagetest Fast Enough, by Tim Kadlec HTTP Archive Visual Inventory, by Dan Mall Reading Is Fundamental open redesign Visual Design Explorations, by Paul Lloyd Inventing on Principle, by Bret Victor Creative Cloud Libraries, by Dan Mall Pattern Lab Michael Jackson's Beat It a capella

Jason Grigsby

Can I Use: Picture

Coyote catches the Road Runner!
A framework for discussing responsive images solutions
Use Cases and Requirements for Standardizing Responsive Images
How the Browser Pre-loader Makes Pages Load Faster
Srcset and sizes
Don't use <picture> (most of the time)
When to use <picture> for resolution switching
Using WEBP/JPEG 2000/JPEG-XR/APNG Now With Picturefill and Modernizr
image-set(): The Forgotten Responsive Images Spec
Can I Use: image-set
MDN <resolution>
Retina Display Media Query
Sensible jumps in responsive image file sizes
Picturefill
Drupal 8 Picture Module
WordPress RICG Responsive Images Plugin
Spreadsheet of image resizing services
Responsive Images in Practice
Built-in Browser Support for Responsive Images
Native Responsive Images

Dave Rupert

Clicky Image Prototypes

InVision Flinto

Motion Prototypes

Framer - Prototype Interaction and Animation Origami - Design prototyping with Quartz Composer

Code Prototypes

CodePen [Shoptalk] Show page Jekyll

Pattern Labs

Pattern Lab | Build Atomic Design Systems Pattern Lab demos

Frameworks

Bootstrap The Accessibility Project ZURB Foundation Ionic Iconic example

Sharing

Slack Forward localtunnel

Books

Flow: The Psychology of Optimal Experience (Harper Perennial Modern Classics) Kamikaze Biker: Parody and Anomy in Affluent Japan

Demo

Apache Cordova PhoneGap

Josh Clark

Magic and Technology

Hazards of Prophecy from Profiles of the Future by Arthur C. Clarke Alan Kay’s 1982 seminar at Creative Think Enchanted Objects by David Rose Deeper insights into the 7th mass media channel (mobile) by Tomi Ahonen In Search of Objects by Benedict Evans

Mobile and Sensor-Driven UI

Mobile First by Ben Thompson Word Lens and Google Translate Nappy Notifier by Huggies

Too Many Screens

Study: average daily smartphone use is over 3 hours Study: attention drops if smartphone simply visible nearby Way Out animated film

Magical interaction products/projects

Grab Magic Happy Together Neiman Marcus “Memory Mirror”; related CBS news story Rebecca Minkoff interactive mirror Dorothy Project bt.tn and flic magic buttons Snapshot by Progressive Insurance Automatic Propeller Health (formerly Asthmapolis) ARES military sand table “Smart Dumb Things” by Argo Design Room/E by Frog Design THAW by MIT’s Tangible Media Lab ColorUp lamp FotoSwipe Vessyl and Colbert Report Baidu’s smart chopsticks pplkpr Withings Activité Mailchimp’s Six Monkeys project SyFy Sync’s Sharknado experience and the similar Netflix Hue hack Mega Stomp Battle

Designing for Pre-Attention

Wikipedia: pre-attentive processing Smart Watches, Wearables, and That Nasty Data Rash by Josh Clark

The Human Element

How smart does your bed have to be, before you are afraid to go to sleep at night? by Rich Gold Wikipedia: Mechanical Turk automaton chess player [#IoTH: The Internet of Things and Humans]oreilly by Tim O’Reilly

Services and resources

The challenge for web designers in 2015 (or how to cheat at the future) by Richard Pope. A great collection of emerging browser APIs. IFTTT Zapier

Also, you can totally get your very own magic-wand remote at The Wand Company.