Download - An Event Apart Recap, 2013
![Page 2: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/2.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/3.jpg)
Website creation is a rapidly-changing
environment.
![Page 4: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/4.jpg)
Content and user needs drive design.
![Page 5: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/5.jpg)
Systems.
Iteration.
Accessibility.
![Page 6: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/6.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/7.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/8.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/9.jpg)
Accessibility
what device people are
using
their relationship to
that device
quality of internet
connection
1 2 3
![Page 10: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/10.jpg)
device / relationship / connection
So many devices, so many sizes.3” to 30” and beyond
Accessibility Systems Iteration
![Page 11: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/11.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/12.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/13.jpg)
TV browsers = touch + distance
device / relationship / connection
Accessibility Systems Iteration
![Page 14: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/14.jpg)
device / relationship / connection
Mobile device interaction is often one-handed
Accessibility Systems Iteration
![Page 15: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/15.jpg)
device / relationship / connection
The mobile device may be their only access to your site.
Accessibility Systems Iteration
![Page 16: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/16.jpg)
device / relationship / connection
Take care with the “mobile” experience.
Accessibility Systems Iteration
![Page 17: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/17.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/18.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/19.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/20.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/21.jpg)
Systems
“Put your clients in the position to succeed.”
—Samantha Warren
![Page 22: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/22.jpg)
Style tilesLook and feel
http://styletil.es/
Accessibility Systems Iteration
![Page 23: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/23.jpg)
Pattern portfoliosComponent library + page examples
http://clearleft.com/thinks/onpatternportfolios/
Accessibility Systems Iteration
![Page 24: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/24.jpg)
In-browser wireframes and design
http://alistapart.com/article/responsive-comping-obtaining-signoff-with-mockups
Accessibility Systems Iteration
![Page 25: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/25.jpg)
Content strategy“Content strategy is caring for the life cycle of content.” —Kristina Halvorson
who + how
Accessibility Systems Iteration
![Page 26: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/26.jpg)
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 Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/27.jpg)
Iteration
“But people will see it!”—Jason Santa Maria
![Page 28: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/28.jpg)
Don’t protect ideas. We WANT feedback.
Accessibility Systems Iteration
![Page 29: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/29.jpg)
Get over perfectionism and ship it.
Accessibility Systems Iteration
![Page 30: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/30.jpg)
Great designs evolve.
Accessibility Systems Iteration
![Page 31: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/31.jpg)
It’s easier to revise than to create.
Accessibility Systems Iteration
![Page 32: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/32.jpg)
Jared Spool
Experience Design
![Page 33: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/33.jpg)
![Page 34: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/34.jpg)
Everyone wants to be an Apple Store. Because they’re successful.
Because they are designed with intention.
![Page 35: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/35.jpg)
“Apple products suck just as much as
everyone else’s”
![Page 36: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/36.jpg)
Innovation doesn’t mean new inventions.
Innovation means adding new value.
![Page 37: An Event Apart Recap, 2013](https://reader038.vdocument.in/reader038/viewer/2022110114/5457c20fb1af9f40378b4efc/html5/thumbnails/37.jpg)
…and that was An Event Apart 2013, Washington, D.C.