an event apart recap, 2013
DESCRIPTION
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.TRANSCRIPT
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.
Systems.
Iteration.
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. 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. We don’t decide how people access our websites. They do. And increasingly it’s on small devices with lower bandwidth.
Accessibility
what device people are
using
their relationship to
that device
quality of internet
connection
1 2 3
device / relationship / connection
So many devices, so many sizes.3” to 30” and beyond
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 Iteration
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
TV browsers = touch + distance
device / relationship / connection
Accessibility Systems Iteration
device / relationship / connection
Mobile device interaction is often one-handed
Accessibility Systems Iteration
device / relationship / connection
The mobile device may be their only access to your site.
Accessibility Systems Iteration
device / relationship / connection
Take care with the “mobile” experience.
Accessibility Systems Iteration
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
The introduction of different devices and sizes really just takes us back to the natural state of the web.
Accessibility Systems Iteration
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
Responsivefluid layouts
flexbox
media queries based on EMs rather than pixels
break points based on content needs, not fixed grid system
Accessibility Systems Iteration
Systems
“Put your clients in the position to succeed.”
—Samantha Warren
Style tilesLook and feel
http://styletil.es/
Accessibility Systems Iteration
Pattern portfoliosComponent library + page examples
http://clearleft.com/thinks/onpatternportfolios/
Accessibility Systems Iteration
In-browser wireframes and design
http://alistapart.com/article/responsive-comping-obtaining-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
Workflow and governanceGood collaboration
Making yourself heard
Asking “why?”
Substance and structureGood writing
Chunking your content
people content components
Accessibility Systems Iteration
Iteration
“But people will see it!”—Jason Santa Maria
Don’t protect ideas. We WANT feedback.
Accessibility Systems Iteration
Get over perfectionism and ship it.
Accessibility Systems Iteration
Great designs evolve.
Accessibility Systems Iteration
It’s easier to revise than to create.
Accessibility Systems 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.