SlideShare ist ein Scribd-Unternehmen logo
1 von 34
EVERYTHING YOU KNOW ABOUT  WEB DESIGN  IS W RONG Dan Willis, Sapient South by Southwest 2009
Print in disguise
Print in disguise
Everything we know about Web design is all that we knew about  print design
Birth of a Nation, 1915 “ ... a new way of communicating a feeling, an idea, a fact -  one plus one equaled three .” Daniel Arijon,  Grammar of the Film Language
“ one plus one equaled THREE” The grammar of transcendent Web design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Random voyeurism
“ ... Found notes and letters open up the entire range of human experience; they offer  a shortcut directly to people’s minds and hearts   ...  we feel connected to this person we’ve never met before and probably never will, and in turn,  to all people .” Davy Rothbart, creator of  Found Magazine
[object Object],[object Object],[object Object],[object Object],[object Object],The grammar of transcendent Web design
Self-aware (but uncontrollable) content “ This reflects a fundamental  shift in power   from author to reader and from authority to popularity.” Peter Morville,  Ambient Findability
[object Object],[object Object],[object Object],[object Object],[object Object],The grammar of transcendent Web design
User-created context
User-created context
User-created context
User-created context
“ When you try to control the interaction and tightly manipulate the outcome of the experience,  customers tend to rebel .” Adaptive Path’s  Subject to Change
[object Object],[object Object],[object Object],[object Object],[object Object],The grammar of transcendent Web design
Ambient awareness
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],The grammar of transcendent Web design
Experiential content
[object Object],[object Object],[object Object],[object Object],[object Object],The grammar of transcendent Web design
 
 
 
Car bomb kills 4 Terrorism Middle East Explosions 2009 attacks Israeli/Palestinian relations Syria Oil IRA Hezbollah Munitions Nobel Peace Prize winners 2008 attacks
“ We're in the midst of an evolution, not a revolution.”  - James Levine
 
Tbsp Unsalted Butter 1 Cup Andouille Sausage 1/2 Cup Onion, Diced 1/2 Cup Bell Pepper, Diced 1/2 Cup Celery, Diced 2 Tbsp. Garlic, Minced 1/2 Cup Tomatoes, Diced 1/4 Cup Tomato Sauce 1 1/4 Cup Chicken Stock 3/4 Cup Enriched Rice 1 Cup Chicken breast 2 bay leaves  1/2 teaspoon dried thyme  1/4 teaspoon ground sage  1 teaspoon file powder  1/4 teaspoon dry mustard 1/2 teaspoon black pepper  1/2 teaspoon white pepper  1/2 teaspoon cayenne pepper 1 teaspoon salt  1/2 teaspoon onion powder  1/2 teaspoon garlic powder
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ARTICLE -  http://www.dswillis.com/sxsw/everything.pdf eMail -   [email_address] Twitter -  @uxcrank

Weitere ähnliche Inhalte

Mehr von Eva Willis

The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesEva Willis
 
Designing Successful Experiences for Bald Apes
Designing Successful Experiences for Bald ApesDesigning Successful Experiences for Bald Apes
Designing Successful Experiences for Bald ApesEva Willis
 
Every Channel that Rises Must Converge
Every Channel that Rises Must ConvergeEvery Channel that Rises Must Converge
Every Channel that Rises Must ConvergeEva Willis
 
The UX Umbrella
The UX UmbrellaThe UX Umbrella
The UX UmbrellaEva Willis
 
Diagramming 21st Century Experiences
Diagramming 21st Century ExperiencesDiagramming 21st Century Experiences
Diagramming 21st Century ExperiencesEva Willis
 
All You Really Need to Know About Users You Learned in High School
All You Really Need to Know About Users You Learned in High SchoolAll You Really Need to Know About Users You Learned in High School
All You Really Need to Know About Users You Learned in High SchoolEva Willis
 
UX of Disruption
UX of DisruptionUX of Disruption
UX of DisruptionEva Willis
 
Citizen Experience Design
Citizen Experience DesignCitizen Experience Design
Citizen Experience DesignEva Willis
 
Time To Spit - IA Summit 2009
Time To Spit - IA Summit 2009Time To Spit - IA Summit 2009
Time To Spit - IA Summit 2009Eva Willis
 

Mehr von Eva Willis (9)

The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
 
Designing Successful Experiences for Bald Apes
Designing Successful Experiences for Bald ApesDesigning Successful Experiences for Bald Apes
Designing Successful Experiences for Bald Apes
 
Every Channel that Rises Must Converge
Every Channel that Rises Must ConvergeEvery Channel that Rises Must Converge
Every Channel that Rises Must Converge
 
The UX Umbrella
The UX UmbrellaThe UX Umbrella
The UX Umbrella
 
Diagramming 21st Century Experiences
Diagramming 21st Century ExperiencesDiagramming 21st Century Experiences
Diagramming 21st Century Experiences
 
All You Really Need to Know About Users You Learned in High School
All You Really Need to Know About Users You Learned in High SchoolAll You Really Need to Know About Users You Learned in High School
All You Really Need to Know About Users You Learned in High School
 
UX of Disruption
UX of DisruptionUX of Disruption
UX of Disruption
 
Citizen Experience Design
Citizen Experience DesignCitizen Experience Design
Citizen Experience Design
 
Time To Spit - IA Summit 2009
Time To Spit - IA Summit 2009Time To Spit - IA Summit 2009
Time To Spit - IA Summit 2009
 

Kürzlich hochgeladen

Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...gajnagarg
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证eeanqy
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxbalqisyamutia
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxbalqisyamutia
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Nitya salvi
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证eeanqy
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptxssuser0ad194
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideDesign Studio UI UX
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopZenith Clipping
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 

Kürzlich hochgeladen (20)

Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 

Everything You Know About Web Design is Wrong

  • 1. EVERYTHING YOU KNOW ABOUT WEB DESIGN IS W RONG Dan Willis, Sapient South by Southwest 2009
  • 4. Everything we know about Web design is all that we knew about print design
  • 5. Birth of a Nation, 1915 “ ... a new way of communicating a feeling, an idea, a fact - one plus one equaled three .” Daniel Arijon, Grammar of the Film Language
  • 6.
  • 8. “ ... Found notes and letters open up the entire range of human experience; they offer a shortcut directly to people’s minds and hearts ... we feel connected to this person we’ve never met before and probably never will, and in turn, to all people .” Davy Rothbart, creator of Found Magazine
  • 9.
  • 10. Self-aware (but uncontrollable) content “ This reflects a fundamental shift in power from author to reader and from authority to popularity.” Peter Morville, Ambient Findability
  • 11.
  • 16. “ When you try to control the interaction and tightly manipulate the outcome of the experience, customers tend to rebel .” Adaptive Path’s Subject to Change
  • 17.
  • 19.  
  • 20.  
  • 21.  
  • 22.
  • 24.
  • 25.  
  • 26.  
  • 27.  
  • 28. Car bomb kills 4 Terrorism Middle East Explosions 2009 attacks Israeli/Palestinian relations Syria Oil IRA Hezbollah Munitions Nobel Peace Prize winners 2008 attacks
  • 29. “ We're in the midst of an evolution, not a revolution.” - James Levine
  • 30.  
  • 31. Tbsp Unsalted Butter 1 Cup Andouille Sausage 1/2 Cup Onion, Diced 1/2 Cup Bell Pepper, Diced 1/2 Cup Celery, Diced 2 Tbsp. Garlic, Minced 1/2 Cup Tomatoes, Diced 1/4 Cup Tomato Sauce 1 1/4 Cup Chicken Stock 3/4 Cup Enriched Rice 1 Cup Chicken breast 2 bay leaves 1/2 teaspoon dried thyme 1/4 teaspoon ground sage 1 teaspoon file powder 1/4 teaspoon dry mustard 1/2 teaspoon black pepper 1/2 teaspoon white pepper 1/2 teaspoon cayenne pepper 1 teaspoon salt 1/2 teaspoon onion powder 1/2 teaspoon garlic powder
  • 32.  
  • 33.
  • 34. ARTICLE - http://www.dswillis.com/sxsw/everything.pdf eMail - [email_address] Twitter - @uxcrank

Hinweis der Redaktion

  1. This is a beautiful page, isn’t it? But it’s just print in disguise with a tiny ghetto for Web-unique content and Content organized like a print magazine.
  2. Washingtonpost.com was one of the first and is one of the most respected online newspapers, but it’s just print in disguise. Like the Harry Potter site, Web content is a secondary element. Headlines dominate, but headlines are just a commodity in this century.
  3. The Web NOT medium in it’s own right … but it’s close. The presentation of the Web is still stuck in the thick foundation of existing media.
  4. Not first time new century begins with a potentially unique media. In1915, Film first transcended the existing media: DW Griffith’s BIRTH OF A NATION. Introduced a grammar for film.
  5. Flickrvision: Geo-located photos on Flickr What’s going on here? We are voyeurs, but NOT in a sexual way. We like to watch others, especially at most honest and raw. Flickrvision = insight to who posts on Flickr.
  6. Web content gets smarter every day. Data that knows a lot about itself with metadata: “I am … Matrix, sequel, film character, Ray-Bans” Code languages like XML: “I am … an address, a description, an opinion from a trusted source” Self-aware data running around = mischief ex: Googlebombing.
  7. Context is everything, right? If a user got to this image through …
  8. … this Web site, they would have a certain set of expectations
  9. But what if …
  10. … it was something more like this?
  11. So far, online publishers = CONTROL context because “That’s what publishers do.” But that’s what they did for print The Web = single user and the choices they make. The user’s got the mouse and they’re not giving it back
  12. So what’s really going on with when we “MICROBLOG?” NYT Clive Thompson = ambient awareness, knowledge gained by body language, etc. Each mundane tweet is like a dot in a pointillist painting. Aggregate = sophisticated portrait
  13. 21 st century content NOT chunks of type Rollercoaster NOT the tracks People design rollercoasters, theme parks, line processes BUT can’t design how I feel in the seat of a rollercoaster OR how the air feels at a particular moment OR what I had for lunch 21 st century content = interaction itself
  14. What if Hotel Benjamin extended the Web-cam novelty from the late 90s? Constant views of key areas – lobby, bar, exterior. Trivial, from traditional view of content but AMBIENT AWARENESS = for place rather than person What if the provided Very specific research/product info about pillows? Opinions from across the Internet (not just from guests) What if there was a live connection: Start relationship with Sleep Concierge, Catalyst = practical, BUT relationship with hotel ensues
  15. Newsrooms=Content engines = Awesome potential, BUT has to cut free from its print foundation. What if newspapers elevated Web-native content and finally treated headlines like the commodity they are?
  16. If newspapers NOT headlines, but content engines then when an event happens, they could flip the inverted pyramid and hack out event nuggets. Metadata becomes connections. As soon as event occurs, relevance to other events, not just a one-time feature, EVENTS WEB = more and more powerful every day. No paternal editor: User creates context for their own experience
  17. Change = disturbing, evolution = scary. And 20 th century design isn’t going to get it done this century. Design NOT ABOUT making it pretty. Print-in-disguise Web = elegant and beautiful failures hide in plain sight. More than ever, visual = means to an end. Design solves problems. Designer needs to define problem. Designer needs to produce solutions to the problem.
  18. 1995 was a free-for-all. The commercial Web emerged and suddenly everybody was a designer and a business strategist and a content manager. This freaked out a lot of people because change is disturbing. Over the last 14 years, organizations and individuals have tried to get back to some structure.
  19. For the 21 st century, jumbalaya is likely to be much more appropriate. You can ID ingredients as they go in, but then they all blend into one set of flavors.
  20. Some controversy about DESIGN THINKING. It’s a trade-off: design gets in on the ground floor, but you invite a much wider group into the design process. The biggest challenge? PROTECTING EXPERTISE