Smashing Conference Oxford 2014

March 17th - 19th

Smashing Borders pub meetup

Vibor - difficulties of going from service to product
Matt - data-driven design isn't necessarily beautiful
Ben from Breaking Borders (Reading meetup) - animation should serve a purpose:
UX: Expectation, Distraction, Emotion Brand experience: messaging, consistencywi Browser experience: performance, accessibility Cristiano from Paypal - video sharing for battle hack days

Advanced Front End Development Workshop

Ben Bodien

  • Schedule in time for experimentation and learning
  • Print out designs and mark them up
    • What modules exist?
    • What is inconsistent?
  • Ask questions of the designer
Other workshops

Smashing Special

Seb-Lee Delisle

Smashing Conference Laser Show from Seb Lee-Delisle on Vimeo.

Componentize The Web!

Addy Osmani

The Chroma Zone: Engineering Color On The Web

Lea Verou

Psychology And The Perfect Design

Joe Leech

  • We build mental models of how the world works and apply them to new situations
  • Goal state indicates that the task is finished
  • Map questions that people ask to the information architecture
  • Thomas Edison: avoid the labor of thinking
    • Match the mental model
    • Evoke emotion

Real-Life Responsive Web Design: Lessons Learned

Dave Rupert

Paravel

  • Hostile Browser Environment
  • Let the wookie win

Putting Your Images On A Diet

Guy Podjarny

Akamai

  • Images make up 63-66% of page bytes
  • This is increasing
  • Know your formats: GIF, PNG, JPEG
  • JPEG compression - quality ratings are not a percentage
  • Progressive JPEG - smaller, faster, not used enough
  • Image optimisation

Hard-Won Lessons In Responsive Email Design

Fabio Carneiro

Mailchimp

  • HTML emails are difficult
  • I'm glad I don't have to do them any more

Digital Adaptation — Time To Untie Your Hands

Paul Boag

Headscape

  • Digital professionals can change companies from the bottom up
  • Make workflow and processes more efficient
  • Planting the seeds of change with very little power

Mind The Gap: Designing In The Space Between Devices

Josh Clark

  • The digital is becoming physical
  • Design for people, not for screens
  • It’s not a challenge of technology.
    It’s a challenge of imagination
  • Anything that can be connected will be connected
  • Anything that can be hacked will be hacked

Icon Design Process

Jon Hicks

  • Designer of logos and icons:
    • Mailchimp
    • Firefox
    • Skype emoticons

Art Directing Posts, Sustainably

Scott Kellum

VOX Media

Leveling Up With Flexbox

Zoe Mickley Gillenwater

Booking.com

  • Flexbox for progressive enhancement
  • Browser support is good enough

Connecting Content, Layout, And Device Through Fluid Grids

Nathan Ford

Mark Boulton Design

  • Designing for fluidity without losing distinctive tone

The Component Approach

Wilson Page

Mozilla

  • Encapsulating markup, styling, behaviour
  • FT - Fruit Machine library for galleries

Responsive Web Typography

Marku Dugonjic

  • Factors that influence the reading process
    • Black / white balance
    • reading distance
    • information density
    • screen sharpness
    • device orientation

Hardware Is Hard, So Is Software: Product Development In Bits And Atoms

Tyler Mincey

Fictive Kin

  • Compare hardware and software build process
  • Encourage delight and not expectation
  • Everyone on your team is a designer
  • Real innovation happens by moving constraints not just designing within them
  • Dieter Rams - Good design is honest

A Modern Designer’s Canvas

Andrew Clarke

Stuff and Nonsense

  • Question everything
  • Asking the client for sign off of an image of a website is harmful
@malcomio