Compressing 8 hours into 25 minutes

November 18, 2009

FOWD 2009 Highlights

DAVIDWRIGHT

SENIOR DESIGNERNPRdavid.wright@me.com@davewrightjr

DanCederholmSimpleBits

Dan Cederholm: Progressive Enhancements

Progressive enhancements with CSS3

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

Dan Cederholm: Progressive Enhancements

EXPERIENCE

STYLE

MARKUP

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

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

Dan Cederholm: Progressive Enhancements

None of this stuff matters.”

“

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

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

DanielBurkaDigg

Daniel Burka: Digg

Feedback Informing DesignListening. Really listening to your users.

Don’t oversimplify

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

Daniel Burka: Digg

Know your audience

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

Daniel Burka: Digg

Feedback:1. Fans2. Haters3. Bug reporters4. Experts5. Niche6. Implicit

Daniel Burka: Digg

Be cautious

Complicated

Awesome

Free consulting

Be cautious

Stats, user-paths

Read between the linesFeedback usually indicates problems, not solutions.

Daniel Burka: Digg

“I need a faster horse.”

Change is frustrating.

Daniel Burka: Digg

Don’t panic

Elliott Jay StocksFreelance

Elliott Jay Stocks

& Get On With ItMore on CSS3

Stop Worrying

madebyelephant

atebits

24ways.org

bornliving.com

jasonsantamaria.com

Matthew Smith - Squared Eye

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.

BillBuxtonMicrosoft

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

Display Technology

Bill Buxton: Microsoft

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

“

ink browser=paper

Bill Buxton: Microsoft

Consider your interactions with paper.We're nowhere near being close to being able to reproduce those interactions with browsers.

Bill Buxton: Microsoft

Consistent display in all browsers?

Nope.

Bill Buxton: Microsoft

Blake WhitmanVimeo

Blake Whitman: Vimeo

Designing the Vimeo Community

Actively DesigningCommunity

Design for the users you want.

A space for creators of original video content.

Blake Whitman: Vimeo

Impose the right limits

No “most popular” lists

No “highest rated” videos

Contacts capped at 1,000

Blake Whitman: Vimeo

Lead by example

Staff must use the site

Design for users, yourselves

Blake Whitman: Vimeo

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

The debate produced few answers.

Not a shocker.

Panel Debate on Content: Short Form vs. Long Form

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

AUTHORITY

Is authority inherent in long form?

How is authority established in short form?

Panel Debate on Content: Short Form vs. Long Form

Molly HolzschlagOpera

Molly Holzschlag: Opera

The Mysterious Future of Markup

XHTML 2KilledHTML 5

HTML 4.01:The last spec

Anyone still use this?

Molly Holzschlag: Opera

XHTML 1.0Bridge between HTML and XML

Strict code formatting

MIME type problems in IE

Molly Holzschlag: Opera

XHTML 2Not backwards compatible

Effective only on a closed system

Molly Holzschlag: Opera

WHAT Working GroupWeb Hypertext Applications Technology Development Group

Molly Holzschlag: Opera

Started in 2004

Non draconian error handling

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

Be careful.

This spec is still evolving.

Molly Holzschlag: Opera

JoshDavisJoshua Davis Studios

Josh Davis: Joshua Davis Studios

SpaceCreating art with technology

Play is important.”

“

Josh Davis: Joshua Davis Studios

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

“

Josh Davis: Joshua Davis Studios

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

“

Josh Davis: Joshua Davis Studios

http://delicious.com/davidwright/fowd09-ona

http://slideshare.net/davewrightjr

Links:

Slides:

Thanks!david.wright@me.com@davewrightjr