56
Compressing 8 hours into 25 minutes November 18, 2009 FOWD 2009 Highlights

Fowd Recap

Embed Size (px)

DESCRIPTION

Recap of 2009 Future of Web Design conference in NYC.

Citation preview

Page 1: Fowd Recap

Compressing 8 hours into 25 minutes

November 18, 2009

FOWD 2009 Highlights

Page 3: Fowd Recap

DanCederholmSimpleBits

Page 4: Fowd Recap

Dan Cederholm: Progressive Enhancements

Progressive enhancements with CSS3

Don’t wait around for all browsers to support new specifications.

Page 5: Fowd Recap

Dan Cederholm: Progressive Enhancements

EXPERIENCE

STYLE

MARKUP

Page 6: Fowd Recap

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

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

Dan Cederholm: Progressive Enhancements

None of this stuff matters.”

IE users: A less polished but not diminished user experience.

Page 9: Fowd Recap

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

DanielBurkaDigg

Page 11: Fowd Recap

Daniel Burka: Digg

Feedback Informing DesignListening. Really listening to your users.

Page 12: Fowd Recap

Don’t oversimplify

Feedback can’t simply be grouped into good and bad categories.

Daniel Burka: Digg

Page 13: Fowd Recap

Know your audience

If you’re a big organization, this can be tough. Do it anyway.

Daniel Burka: Digg

Page 14: Fowd Recap

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

Read between the linesFeedback usually indicates problems, not solutions.

Daniel Burka: Digg

“I need a faster horse.”

Page 16: Fowd Recap

Change is frustrating.

Daniel Burka: Digg

Don’t panic

Page 17: Fowd Recap

Elliott Jay StocksFreelance

Page 18: Fowd Recap

Elliott Jay Stocks

& Get On With ItMore on CSS3

Stop Worrying

Page 19: Fowd Recap

madebyelephant

Page 20: Fowd Recap

atebits

Page 21: Fowd Recap

24ways.org

Page 22: Fowd Recap

bornliving.com

Page 23: Fowd Recap

jasonsantamaria.com

Page 24: Fowd Recap

Matthew Smith - Squared Eye

Page 25: Fowd Recap

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

BillBuxtonMicrosoft

Page 27: Fowd Recap

& The Future of Web DesignOn how devices link us to the Web

Display Technology

Bill Buxton: Microsoft

Page 28: Fowd Recap

The diversity of web browsers tomorrow will match the diversity of ink browsers today.

ink browser=paper

Bill Buxton: Microsoft

Page 29: Fowd Recap

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

Consistent display in all browsers?

Nope.

Bill Buxton: Microsoft

Page 31: Fowd Recap

Blake WhitmanVimeo

Page 32: Fowd Recap

Blake Whitman: Vimeo

Designing the Vimeo Community

Actively DesigningCommunity

Page 33: Fowd Recap
Page 34: Fowd Recap
Page 35: Fowd Recap

Design for the users you want.

A space for creators of original video content.

Blake Whitman: Vimeo

Page 36: Fowd Recap

Impose the right limits

No “most popular” lists

No “highest rated” videos

Contacts capped at 1,000

Blake Whitman: Vimeo

Page 37: Fowd Recap

Lead by example

Staff must use the site

Design for users, yourselves

Blake Whitman: Vimeo

Page 38: Fowd Recap

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

The debate produced few answers.

Not a shocker.

Panel Debate on Content: Short Form vs. Long Form

Page 40: Fowd Recap

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

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

Molly HolzschlagOpera

Page 43: Fowd Recap

Molly Holzschlag: Opera

The Mysterious Future of Markup

XHTML 2KilledHTML 5

Page 44: Fowd Recap

HTML 4.01:The last spec

Anyone still use this?

Molly Holzschlag: Opera

Page 45: Fowd Recap

XHTML 1.0Bridge between HTML and XML

Strict code formatting

MIME type problems in IE

Molly Holzschlag: Opera

Page 46: Fowd Recap

XHTML 2Not backwards compatible

Effective only on a closed system

Molly Holzschlag: Opera

Page 47: Fowd Recap

WHAT Working GroupWeb Hypertext Applications Technology Development Group

Molly Holzschlag: Opera

Started in 2004

Non draconian error handling

Page 48: Fowd Recap

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

Be careful.

This spec is still evolving.

Molly Holzschlag: Opera

Page 50: Fowd Recap

JoshDavisJoshua Davis Studios

Page 51: Fowd Recap

Josh Davis: Joshua Davis Studios

SpaceCreating art with technology

Page 52: Fowd Recap

Play is important.”

Josh Davis: Joshua Davis Studios

Page 53: Fowd Recap

If I’m not making mistakes than I’m not really learning anything.”

Josh Davis: Joshua Davis Studios

Page 54: Fowd Recap

If M.C. Escher were still alive, he’d be a F**kin’ programmer.”

Josh Davis: Joshua Davis Studios