37
Recap : An Event Apart 2013 Washington, D.C. Amy Lamp Design Director [email protected]

An Event Apart DC: The Recap

  • Upload
    forty

  • View
    711

  • Download
    0

Embed Size (px)

DESCRIPTION

Forty Design Director, Amy Lamp, was lucky enough to make it to DC's An Event Apart—a conference for people who care about code as well as content, and usability as well as design—and has brought back a a bevy of web knowledge goodness to share with everyone at PHX Content Strategy.

Citation preview

Page 1: An Event Apart DC: The Recap

Recap :An Event Apart 2013Washington, D.C.

Amy Lamp Design Director [email protected]

Page 2: An Event Apart DC: The Recap

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

Page 3: An Event Apart DC: The Recap

Website creation is a rapidly-changing

environment.

Page 4: An Event Apart DC: The Recap

Content and user needs drive design.

Page 5: An Event Apart DC: The Recap

Systems.

Iteration.

Accessibility.

Page 6: An Event Apart DC: The Recap

Systems.

Iteration.

Accessibility. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth.

Page 7: An Event Apart DC: The Recap

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.

Page 8: An Event Apart DC: The Recap

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. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth.

Page 9: An Event Apart DC: The Recap

Accessibility

what device people are

using

their relationship to

that device

quality of internet

connection

1 2 3

Page 10: An Event Apart DC: The Recap

device / relationship / connection

So many devices, so many sizes.3” to 30” and beyond

Accessibility Systems Iteration

Page 11: An Event Apart DC: The Recap

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 Iteration

Page 12: An Event Apart DC: The Recap

device / relationship / connection

Mobile devices are a disruptive innovation.i.e., it’s a cheap way for more people to access the internet

Accessibility Systems Iteration

Page 13: An Event Apart DC: The Recap

TV browsers = touch + distance

device / relationship / connection

Accessibility Systems Iteration

Page 14: An Event Apart DC: The Recap

device / relationship / connection

Mobile device interaction is often one-handed

Accessibility Systems Iteration

Page 15: An Event Apart DC: The Recap

device / relationship / connection

The mobile device may be their only access to your site.

Accessibility Systems Iteration

Page 16: An Event Apart DC: The Recap

device / relationship / connection

Take care with the “mobile” experience.

Accessibility Systems Iteration

Page 17: An Event Apart DC: The Recap

device / relationship / connection

YMMV35% 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

Page 18: An Event Apart DC: The Recap

The introduction of different devices and sizes really just takes us back to the natural state of the web.

Accessibility Systems Iteration

Page 19: An Event Apart DC: The Recap

page weight

make input easy

favor HTML over Javascript solutions

start with the small screen

touch everywhere

Specifics to keep in mind:

Accessibility Systems Iteration

Page 20: An Event Apart DC: The Recap

Responsivefluid layouts

flexbox

media queries based on EMs rather than pixels

break points based on content needs, not fixed grid system

Accessibility Systems Iteration

Page 21: An Event Apart DC: The Recap

Systems

“Put your clients in the position to succeed.”

—Samantha Warren

Page 22: An Event Apart DC: The Recap

Style tilesLook and feel

http://styletil.es/

Accessibility Systems Iteration

Page 23: An Event Apart DC: The Recap

Pattern portfoliosComponent library + page examples

http://clearleft.com/thinks/onpatternportfolios/

Accessibility Systems Iteration

Page 24: An Event Apart DC: The Recap

In-browser wireframes and design

http://alistapart.com/article/responsive-comping-obtaining-signoff-with-mockups

Accessibility Systems Iteration

Page 25: An Event Apart DC: The Recap

Content strategy“Content strategy is caring for the life cycle of content.” —Kristina Halvorson

who + how

Accessibility Systems Iteration

Page 26: An Event Apart DC: The Recap

Workflow and governanceGood collaboration

Making yourself heard

Asking “why?”

Substance and structureGood writing

Chunking your content

people content components

Accessibility Systems Iteration

Page 27: An Event Apart DC: The Recap

Iteration

“But people will see it!”—Jason Santa Maria

Page 28: An Event Apart DC: The Recap

Don’t protect ideas. We WANT feedback.

Accessibility Systems Iteration

Page 29: An Event Apart DC: The Recap

Get over perfectionism and ship it.

Accessibility Systems Iteration

Page 30: An Event Apart DC: The Recap

Great designs evolve.

Accessibility Systems Iteration

Page 31: An Event Apart DC: The Recap

It’s easier to revise than to create.

Accessibility Systems Iteration

Page 32: An Event Apart DC: The Recap

Jared Spool

Experience Design

Page 33: An Event Apart DC: The Recap
Page 34: An Event Apart DC: The Recap

Everyone wants to be an Apple Store. Because they’re successful.

Because they are designed with intention.

Page 35: An Event Apart DC: The Recap

“Apple products suck just as much as

everyone else’s”

Page 36: An Event Apart DC: The Recap

Innovation doesn’t mean new inventions.

Innovation means adding new value.

Page 37: An Event Apart DC: The Recap

…and that was An Event Apart 2013, Washington, D.C.