SlideShare une entreprise Scribd logo
1  sur  56
Télécharger pour lire hors ligne
FOWD 2009
Highlights
Compressing 8 hours into 25 minutes




November 18, 2009
DAVID   SENIOR DESIGNER
         NPR
         david.wright@me.com
WRIGHT   @davewrightjr
Dan
Cederholm
SimpleBits
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
Highlights
1. Enriching form elements
  Yahoo is rounding corners on submit buttons

2. RGBA
  A = Alpha (also awesome?)

3. Drop shadows that don’t hurt
  Built in support eliminates loads of work




              Dan Cederholm: Progressive Enhancements
Highlights
4. Scaling images on hover
  Eliminates need for duplicate images (ex: thumbs)

5. Rotation
  Interesting opportunities for user-feedback

6. Fade effects
  Reduces need to create separate images




              Dan Cederholm: Progressive Enhancements
“ None of this
  stuff matters.”
IE users: A less polished but not
diminished user experience.




        Dan Cederholm: Progressive Enhancements
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 Flash
  E ects might help us relax our death grip on Flash




              Dan Cederholm: Progressive Enhancements
Daniel
Burka
Digg
Feedback
Informing
Design
Listening. Really listening to your users.




                         Daniel Burka: Digg
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.   Fans Be cautious
2.   Haters Complicated
3.   Bug reporters Awesome
4.   Experts Free consulting
5.   Niche Be cautious
6.   Implicit Stats, user-paths

                                  Daniel Burka: Digg
Read between
the lines
Feedback usually indicates
problems, not solutions.

“I need a faster horse.”

                           Daniel Burka: Digg
Don’t panic
Change is frustrating.




                         Daniel Burka: Digg
Elliott
Jay Stocks
Freelance
Stop
Worrying
& Get On
With It
More on CSS3



               Elliott Jay Stocks
madebyelephant
atebits
24ways.org
bornliving.com
jasonsantamaria.com
Matthew Smith - Squared Eye
“ Don’t worry if you
  can’t validate.
 Many new technologies won’t
 validate because they’re not in
 the formal specifications.


                        Elliott Jay Stocks
Bill
Buxton
Microsoft
Display
Technology
& The Future
of Web Design
On how devices link us to the Web



                       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
Whitman
Vimeo
Actively
Designing
Community
Designing the Vimeo Community



                   Blake Whitman: Vimeo
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
The Long
& Short of It
A debate about consumption and creation
of content in long vs. short form.




   Panel Debate on Content: Short Form vs. Long Form
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
Holzschlag
Opera
HTML 5
Killed XHTML 2
The Mysterious
Future of Markup


              Molly Holzschlag: Opera
HTML 4.01:
The last spec

Anyone still use this?



                   Molly Holzschlag: Opera
XHTML 1.0
Bridge between HTML and XML

Strict code formatting

MIME type problems in IE



                  Molly Holzschlag: Opera
XHTML 2
Not backwards compatible

Effective only on a closed system




                   Molly Holzschlag: Opera
WHAT Working
Group
Web Hypertext Applications
Technology Development Group

Started in 2004

Non draconian error handling

                  Molly Holzschlag: Opera
Highlights
1. Forms 2.0
  Required attribute will kick ass, for instance

2. New APIs
  HTML 5 specifies scripting APIs and OTHERS

3. Existing DOM interfaces are better
  Javascript will be really helpful here




                                 Molly Holzschlag: Opera
Be careful.

This spec is
still evolving.

         Molly Holzschlag: Opera
Josh
Davis
Joshua Davis Studios
Space
Creating art with technology



           Josh Davis: Joshua Davis Studios
“ 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
Links:
http://delicious.com/davidwright/fowd09-ona




Slides:
http://slideshare.net/davewrightjr
Thanks!
david.wright@me.com
@davewrightjr

Contenu connexe

Tendances

Prezi:Presentation in minutes
Prezi:Presentation in minutesPrezi:Presentation in minutes
Prezi:Presentation in minutes
Fatma-201013855
 
How to Build a Social Product
How to Build a Social ProductHow to Build a Social Product
How to Build a Social Product
Soren Macbeth
 
The Squishy Future of Content - Key Communicators Edition
The Squishy Future of Content - Key Communicators EditionThe Squishy Future of Content - Key Communicators Edition
The Squishy Future of Content - Key Communicators Edition
Dave Olsen
 
Edu Blogging2
Edu Blogging2Edu Blogging2
Edu Blogging2
davideis
 
Edu Blogging2
Edu Blogging2Edu Blogging2
Edu Blogging2
davideis
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
Patrick McNeil
 

Tendances (17)

An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
Prezi:Presentation in minutes
Prezi:Presentation in minutesPrezi:Presentation in minutes
Prezi:Presentation in minutes
 
Building immersive experiences: Usability you can really use
Building immersive experiences: Usability you can really useBuilding immersive experiences: Usability you can really use
Building immersive experiences: Usability you can really use
 
Prototyping presentation
Prototyping presentationPrototyping presentation
Prototyping presentation
 
How to Build a Social Product
How to Build a Social ProductHow to Build a Social Product
How to Build a Social Product
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source Communities
 
Video SEO Deep Dive: How to Get Your Videos to Rank
Video SEO Deep Dive: How to Get Your Videos to RankVideo SEO Deep Dive: How to Get Your Videos to Rank
Video SEO Deep Dive: How to Get Your Videos to Rank
 
The Squishy Future of Content - Key Communicators Edition
The Squishy Future of Content - Key Communicators EditionThe Squishy Future of Content - Key Communicators Edition
The Squishy Future of Content - Key Communicators Edition
 
Web Design Without Politics at EdUI 2009
Web Design Without Politics at EdUI 2009Web Design Without Politics at EdUI 2009
Web Design Without Politics at EdUI 2009
 
Murdoch Blogs TLC277
Murdoch Blogs TLC277Murdoch Blogs TLC277
Murdoch Blogs TLC277
 
So you want to be a software developer? (version 2.0)
So you want to be a software developer? (version 2.0)So you want to be a software developer? (version 2.0)
So you want to be a software developer? (version 2.0)
 
Edu Blogging2
Edu Blogging2Edu Blogging2
Edu Blogging2
 
Edu Blogging2
Edu Blogging2Edu Blogging2
Edu Blogging2
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & Partners
 
Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
 

En vedette (6)

Brett Welch - FOWD London 2009
Brett Welch - FOWD London 2009Brett Welch - FOWD London 2009
Brett Welch - FOWD London 2009
 
Mike Kus - FOWD London 2009
Mike Kus - FOWD London 2009Mike Kus - FOWD London 2009
Mike Kus - FOWD London 2009
 
The future of enterprise web apps
The future of enterprise web appsThe future of enterprise web apps
The future of enterprise web apps
 
Molly Holzschlag - FOWD London 2009
Molly Holzschlag - FOWD London 2009Molly Holzschlag - FOWD London 2009
Molly Holzschlag - FOWD London 2009
 
FOWA Tour- Roan Lavery
FOWA Tour- Roan LaveryFOWA Tour- Roan Lavery
FOWA Tour- Roan Lavery
 
Meagan Fisher - FOWD London 2009
Meagan Fisher - FOWD London 2009Meagan Fisher - FOWD London 2009
Meagan Fisher - FOWD London 2009
 

Similaire à Fowd Recap

JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software DevelopmentJAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
jazoon13
 
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
Chris Wilson
 

Similaire à Fowd Recap (20)

The Art Of Documentation for Open Source Projects
The Art Of Documentation for Open Source ProjectsThe Art Of Documentation for Open Source Projects
The Art Of Documentation for Open Source Projects
 
Agile Prototyping Best Practices
Agile Prototyping Best PracticesAgile Prototyping Best Practices
Agile Prototyping Best Practices
 
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software DevelopmentJAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development
 
Design Types
Design TypesDesign Types
Design Types
 
Flow: A living full-stack framework for the web
Flow: A living full-stack framework for the webFlow: A living full-stack framework for the web
Flow: A living full-stack framework for the web
 
Fast Track to Adobe Captivate
Fast Track to Adobe CaptivateFast Track to Adobe Captivate
Fast Track to Adobe Captivate
 
How To Do Kick-Ass Software Development
How To Do Kick-Ass Software DevelopmentHow To Do Kick-Ass Software Development
How To Do Kick-Ass Software Development
 
User Experience 1: What is User Experience?
User Experience 1: What is User Experience?User Experience 1: What is User Experience?
User Experience 1: What is User Experience?
 
Getting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and ServicesGetting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and Services
 
Networking and marketing Storyboard
Networking and marketing StoryboardNetworking and marketing Storyboard
Networking and marketing Storyboard
 
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
Moving The Web Forward (Chris Wilson WDS 2007 Keynote)
 
Making your design vision a reality
Making your design vision a realityMaking your design vision a reality
Making your design vision a reality
 
Devoxx Poland 2015: 5-10-15 years with Java
Devoxx Poland 2015: 5-10-15 years with Java Devoxx Poland 2015: 5-10-15 years with Java
Devoxx Poland 2015: 5-10-15 years with Java
 
CS-AGRI Presentation and Video Editing Workshop.pdf
CS-AGRI Presentation and Video Editing Workshop.pdfCS-AGRI Presentation and Video Editing Workshop.pdf
CS-AGRI Presentation and Video Editing Workshop.pdf
 
Goto berlin 10-2014
Goto berlin 10-2014Goto berlin 10-2014
Goto berlin 10-2014
 
Simplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style GuideSimplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style Guide
 
Turn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback LoopsTurn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback Loops
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer CollaborationWhy Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
 

Dernier

Dernier (20)

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 

Fowd Recap