fowd recap
DESCRIPTION
Recap of 2009 Future of Web Design conference in NYC.TRANSCRIPT
![Page 1: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/1.jpg)
Compressing 8 hours into 25 minutes
November 18, 2009
FOWD 2009 Highlights
![Page 3: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/3.jpg)
DanCederholmSimpleBits
![Page 4: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/4.jpg)
Dan Cederholm: Progressive Enhancements
Progressive enhancements with CSS3
Don’t wait around for all browsers to support new specifications.
![Page 5: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/5.jpg)
Dan Cederholm: Progressive Enhancements
EXPERIENCE
STYLE
MARKUP
![Page 6: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/6.jpg)
Dan Cederholm: Progressive Enhancements
Highlights1. Enriching form elements
Yahoo is rounding corners on submit buttons
2. RGBAA = Alpha (also awesome?)
3. Drop shadows that don’t hurtBuilt in support eliminates loads of work
![Page 7: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/7.jpg)
Dan Cederholm: Progressive Enhancements
Highlights4. Scaling images on hover
Eliminates need for duplicate images (ex: thumbs)
5. RotationInteresting opportunities for user-feedback
6. Fade effectsReduces need to create separate images
![Page 8: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/8.jpg)
Dan Cederholm: Progressive Enhancements
None of this stuff matters.”
“
IE users: A less polished but not diminished user experience.
![Page 9: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/9.jpg)
News?1. Add some sexy to your standalone
Experimental projects are a good starting spot
2. Today’s 10% = Tomorrow’s 40%Hone your style
3. Break up with FlashE!ects might help us relax our death grip on Flash
Dan Cederholm: Progressive Enhancements
![Page 10: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/10.jpg)
DanielBurkaDigg
![Page 11: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/11.jpg)
Daniel Burka: Digg
Feedback Informing DesignListening. Really listening to your users.
![Page 12: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/12.jpg)
Don’t oversimplify
Feedback can’t simply be grouped into good and bad categories.
Daniel Burka: Digg
![Page 13: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/13.jpg)
Know your audience
If you’re a big organization, this can be tough. Do it anyway.
Daniel Burka: Digg
![Page 14: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/14.jpg)
Feedback:1. Fans2. Haters3. Bug reporters4. Experts5. Niche6. Implicit
Daniel Burka: Digg
Be cautious
Complicated
Awesome
Free consulting
Be cautious
Stats, user-paths
![Page 15: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/15.jpg)
Read between the linesFeedback usually indicates problems, not solutions.
Daniel Burka: Digg
“I need a faster horse.”
![Page 16: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/16.jpg)
Change is frustrating.
Daniel Burka: Digg
Don’t panic
![Page 17: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/17.jpg)
Elliott Jay StocksFreelance
![Page 18: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/18.jpg)
Elliott Jay Stocks
& Get On With ItMore on CSS3
Stop Worrying
![Page 19: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/19.jpg)
madebyelephant
![Page 20: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/20.jpg)
atebits
![Page 21: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/21.jpg)
24ways.org
![Page 22: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/22.jpg)
bornliving.com
![Page 23: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/23.jpg)
jasonsantamaria.com
![Page 24: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/24.jpg)
Matthew Smith - Squared Eye
![Page 25: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/25.jpg)
Elliott Jay Stocks
Don’t worry if you can’t validate.
“
Many new technologies won’t validate because they’re not in the formal specifications.
![Page 26: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/26.jpg)
BillBuxtonMicrosoft
![Page 27: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/27.jpg)
& The Future of Web DesignOn how devices link us to the Web
Display Technology
Bill Buxton: Microsoft
![Page 28: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/28.jpg)
The diversity of web browsers tomorrow will match the diversity of ink browsers today.
“
ink browser=paper
Bill Buxton: Microsoft
![Page 29: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/29.jpg)
Consider your interactions with paper.We're nowhere near being close to being able to reproduce those interactions with browsers.
Bill Buxton: Microsoft
![Page 30: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/30.jpg)
Consistent display in all browsers?
Nope.
Bill Buxton: Microsoft
![Page 31: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/31.jpg)
Blake WhitmanVimeo
![Page 32: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/32.jpg)
Blake Whitman: Vimeo
Designing the Vimeo Community
Actively DesigningCommunity
![Page 33: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/33.jpg)
![Page 34: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/34.jpg)
![Page 35: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/35.jpg)
Design for the users you want.
A space for creators of original video content.
Blake Whitman: Vimeo
![Page 36: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/36.jpg)
Impose the right limits
No “most popular” lists
No “highest rated” videos
Contacts capped at 1,000
Blake Whitman: Vimeo
![Page 37: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/37.jpg)
Lead by example
Staff must use the site
Design for users, yourselves
Blake Whitman: Vimeo
![Page 38: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/38.jpg)
Panel Debate on Content: Short Form vs. Long Form
A debate about consumption and creation of content in long vs. short form.
The Long& Short of It
![Page 39: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/39.jpg)
The debate produced few answers.
Not a shocker.
Panel Debate on Content: Short Form vs. Long Form
![Page 40: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/40.jpg)
Why?1. Form is specific to content-type
2. How long should a video be?
3. Short form introduces long form
4. Editorial and marketing perspectives are very different
Panel Debate on Content: Short Form vs. Long Form
![Page 41: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/41.jpg)
AUTHORITY
Is authority inherent in long form?
How is authority established in short form?
Panel Debate on Content: Short Form vs. Long Form
![Page 42: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/42.jpg)
Molly HolzschlagOpera
![Page 43: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/43.jpg)
Molly Holzschlag: Opera
The Mysterious Future of Markup
XHTML 2KilledHTML 5
![Page 44: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/44.jpg)
HTML 4.01:The last spec
Anyone still use this?
Molly Holzschlag: Opera
![Page 45: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/45.jpg)
XHTML 1.0Bridge between HTML and XML
Strict code formatting
MIME type problems in IE
Molly Holzschlag: Opera
![Page 46: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/46.jpg)
XHTML 2Not backwards compatible
Effective only on a closed system
Molly Holzschlag: Opera
![Page 47: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/47.jpg)
WHAT Working GroupWeb Hypertext Applications Technology Development Group
Molly Holzschlag: Opera
Started in 2004
Non draconian error handling
![Page 48: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/48.jpg)
Highlights1. Forms 2.0
Required attribute will kick ass, for instance
2. New APIsHTML 5 specifies scripting APIs and OTHERS
3. Existing DOM interfaces are betterJavascript will be really helpful here
Molly Holzschlag: Opera
![Page 49: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/49.jpg)
Be careful.
This spec is still evolving.
Molly Holzschlag: Opera
![Page 50: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/50.jpg)
JoshDavisJoshua Davis Studios
![Page 51: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/51.jpg)
Josh Davis: Joshua Davis Studios
SpaceCreating art with technology
![Page 52: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/52.jpg)
Play is important.”
“
Josh Davis: Joshua Davis Studios
![Page 53: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/53.jpg)
If I’m not making mistakes than I’m not really learning anything.”
“
Josh Davis: Joshua Davis Studios
![Page 54: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/54.jpg)
If M.C. Escher were still alive, he’d be a F**kin’ programmer.”
“
Josh Davis: Joshua Davis Studios
![Page 55: Fowd Recap](https://reader033.vdocuments.site/reader033/viewer/2022042601/54c822974a79592c758b4570/html5/thumbnails/55.jpg)
http://delicious.com/davidwright/fowd09-ona
http://slideshare.net/davewrightjr
Links:
Slides: