An Event Apart Recap, 2013
Upcoming SlideShare
Loading in...5
×
 

An Event Apart Recap, 2013

on

  • 284 views

My top takeaways from this wonderful conference were: 1) that it's impossible to design sites for specific devices and be covered -- we basically need to create in a way that covers all sizes of all ...

My top takeaways from this wonderful conference were: 1) that it's impossible to design sites for specific devices and be covered -- we basically need to create in a way that covers all sizes of all devices; 2) embrace iteration, instead of trying to make it "perfect" on initial launch; 3) use systems for site design, like Style Tiles, designing in the browser and with responsive wireframes, and making pattern portfolios instead of making mockups for bunches of pages and screen sizes.

Statistics

Views

Total Views
284
Slideshare-icon Views on SlideShare
284
Embed Views
0

Actions

Likes
2
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    An Event Apart Recap, 2013 An Event Apart Recap, 2013 Presentation Transcript

    • Recap : An Event Apart 2013 Washington, D.C. Amy Lamp Design Director amy.lamp@forty.co
    • Conference recap Panel discussion Identify and explore the landscape of digital design and content-creation Determine ways to adjust our workflow so that cross-discipline teams can adapt
    • Website creation is a rapidly-changing environment.
    • Content and user needs drive design.
    • Accessibility. Systems. Iteration.
    • Accessibility. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth. Systems. Iteration.
    • Accessibility. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth. Systems. Create flexible systems rather than fixed “pages” to accommodate the slew of ever-changing devices. Iteration.
    • Accessibility. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth. Systems. Create flexible systems rather than fixed “pages” to accommodate the slew of ever-changing devices. Iteration. There’s no such thing as a perfect launch. Get your project out there so you can begin improving it.
    • Accessibility 1 2 3 what device people are using their relationship to that device quality of internet connection
    • Accessibility Systems device / relationship / connection So many devices, so many sizes. 3” to 30” and beyond Iteration
    • Accessibility Systems Iteration device / relationship / connection Remember that current situations are bad for predicting future behavior. http://www.idownloadblog.com/2013/04/02/phablets-fad-flurry/
    • Accessibility Systems device / relationship / connection Mobile devices are a disruptive innovation. i.e., it’s a cheap way for more people to access the internet Iteration
    • Accessibility Systems device / relationship / connection TV browsers = touch + distance Iteration
    • Accessibility Systems Iteration device / relationship / connection Mobile device interaction is often one-handed
    • Accessibility Systems device / relationship / connection The mobile device may be their only access to your site. Iteration
    • Accessibility Systems Iteration device / relationship / connection Take care with the “mobile” experience.
    • Accessibility Systems Iteration device / relationship / connection YMMV 35% have no internet access at home. The means of getting out of poverty are increasingly available exclusively on the internet. 31% of mobile owners who use their mobile device for internet use it for their primary internet use.
    • Accessibility Systems Iteration The introduction of different devices and sizes really just takes us back to the natural state of the web.
    • Accessibility Systems Iteration Specifics to keep in mind: page weight start with the small screen make input easy touch everywhere favor HTML over Javascript solutions
    • Accessibility Systems Iteration Responsive fluid layouts flexbox media queries based on EMs rather than pixels break points based on content needs, not fixed grid system
    • Systems “Put your clients in the position to succeed.” —Samantha Warren
    • Accessibility Style tiles Look and feel http://styletil.es/ Systems Iteration
    • Accessibility Systems Iteration Pattern portfolios Component library + page examples http://clearleft.com/thinks/onpatternportfolios/
    • Accessibility Systems Iteration In-browser wireframes and design http://alistapart.com/article/responsive-compingobtaining-signoff-with-mockups
    • Accessibility Systems Iteration Content strategy “Content strategy is caring for the life cycle of content.” ­­­—Kristina Halvorson who + how
    • Accessibility Systems Iteration people content components Workflow and governance Substance and structure Good collaboration Good writing Making yourself heard Chunking your content Asking “why?”
    • Iteration “But people will see it!” —Jason Santa Maria
    • Accessibility Systems Iteration Don’t protect ideas. We WANT feedback.
    • Accessibility Systems Iteration Get over perfectionism and ship it.
    • Accessibility Systems Great designs evolve. Iteration
    • Accessibility Systems It’s easier to revise than to create. Iteration
    • Jared Spool Experience Design
    • Everyone wants to be an Apple Store. Because they’re successful. Because they are designed with intention.
    • “Apple products suck just as much as everyone else’s”
    • Innovation doesn’t mean new inventions. Innovation means adding new value.
    • …and that was An Event Apart 2013, Washington, D.C.