debunking web design myths
DESCRIPTION
Elliot Jay Stocks' talk at iDesign: Design For Life (part of the London Design Festival)TRANSCRIPT
![Page 1: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/1.jpg)
Debunking Web Design Myths
by Elliot Jay Stockselliotjaystocks.com/idesign
![Page 2: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/2.jpg)
Usability & BeautyFriends, not enemies
The Transparent Creative ProcessDecent exposure
by Elliot Jay Stockselliotjaystocks.com/idesign
![Page 3: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/3.jpg)
In the red corner
![Page 4: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/4.jpg)
In the red corner
UsabilityAccessibilityWeb StandardsGuidelines
![Page 5: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/5.jpg)
In the red corner
UsabilityAccessibilityWeb StandardsGuidelines
In theblue corner
vs
![Page 6: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/6.jpg)
In the red corner
UsabilityAccessibilityWeb StandardsGuidelines
In theblue corner
Beautyvs
![Page 7: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/7.jpg)
UsabilityAs Designers, we’re already experts in this field whether we know it or not.
![Page 8: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/8.jpg)
UsabilityAs Designers, we’re already experts in this field whether we know it or not.
• Design is functional art
![Page 9: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/9.jpg)
UsabilityAs Designers, we’re already experts in this field whether we know it or not.
• Design is functional art
• Design exists to create meaning and understanding
![Page 10: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/10.jpg)
UsabilityAs Designers, we’re already experts in this field whether we know it or not.
• Design is functional art
• Design exists to create meaning and understanding
• In web design (unlike print design), there is no ‘final output’ - usability is influenced by devices
![Page 11: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/11.jpg)
Accessibility“Feared by the bad, loved by the good...”
![Page 12: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/12.jpg)
Accessibility“Feared by the bad, loved by the good...”
• Typically associated with catering for disabled users
![Page 13: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/13.jpg)
Accessibility“Feared by the bad, loved by the good...”
• Typically associated with catering for disabled users
• It goes much further than that: it’s about catering for devices
![Page 14: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/14.jpg)
Accessibility“Feared by the bad, loved by the good...”
• Typically associated with catering for disabled users
• It goes much further than that: it’s about catering for devices
• Devices include search engines ... and we like them!
![Page 15: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/15.jpg)
Web StandardsThe best thing to happen to the web in recent years
![Page 16: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/16.jpg)
Web StandardsThe best thing to happen to the web in recent years
• Unification through guidelines
![Page 17: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/17.jpg)
Web StandardsThe best thing to happen to the web in recent years
• Unification through guidelines
• It’s not about rules and regulations; it’s about attaining a level of quality
![Page 18: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/18.jpg)
Web StandardsThe best thing to happen to the web in recent years
• Unification through guidelines
• It’s not about rules and regulations; it’s about attaining a level of quality
• Makes life easier for you and your users
![Page 19: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/19.jpg)
GuidelinesThere are various guidelines
![Page 20: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/20.jpg)
GuidelinesThere are various guidelines
• Web Content Accessibility Guidelines, etc.: more specifically tailored for disabled users
![Page 21: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/21.jpg)
GuidelinesThere are various guidelines
• Web Content Accessibility Guidelines, etc.: more specifically tailored for disabled users
• Guidelines within your own organisation (governmental bodies / style guides)
![Page 22: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/22.jpg)
GuidelinesThere are various guidelines
• Web Content Accessibility Guidelines, etc.: more specifically tailored for disabled users
• Guidelines within your own organisation (governmental bodies / style guides)
• Restriction allows for more creativity!
![Page 23: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/23.jpg)
Under the hoodSo what’s underneath the design of a web site?
![Page 24: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/24.jpg)
![Page 25: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/25.jpg)
![Page 26: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/26.jpg)
<link rel="stylesheet" type="text/css" media="all" href="/siteWideAssets/style/styleMain.css" />
![Page 27: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/27.jpg)
![Page 28: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/28.jpg)
![Page 29: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/29.jpg)
![Page 30: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/30.jpg)
![Page 31: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/31.jpg)
![Page 32: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/32.jpg)
![Page 33: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/33.jpg)
![Page 34: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/34.jpg)
![Page 35: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/35.jpg)
![Page 36: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/36.jpg)
Under the hoodThe fundamental structure of a website hasn’t changed since the early 1990s.
![Page 37: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/37.jpg)
Under the hoodThe fundamental structure of a website hasn’t changed since the early 1990s.
• This is the key to usability and accessibility
![Page 38: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/38.jpg)
Under the hoodThe fundamental structure of a website hasn’t changed since the early 1990s.
• This is the key to usability and accessibility
• Everything we need is already there: a great framework!
![Page 39: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/39.jpg)
Under the hoodThe fundamental structure of a website hasn’t changed since the early 1990s.
• This is the key to usability and accessibility
• Everything we need is already there: a great framework!
• Clean, semantic markup = search engine friendly
![Page 40: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/40.jpg)
Friends...
UsabilityAccessibilityWeb StandardsGuidelines
![Page 41: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/41.jpg)
Friends...
UsabilityAccessibilityWeb StandardsGuidelines
... and lovers
Pleasure of useFunctionality
A forward-thinking ethosCreativity through restraint
![Page 42: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/42.jpg)
Friends...
UsabilityAccessibilityWeb StandardsGuidelines
... and lovers
Pleasure of useFunctionality
A forward-thinking ethosCreativity through restraint
= BEAUTY
![Page 43: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/43.jpg)
What about Flash?
![Page 44: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/44.jpg)
What about Flash? • Flash can be accessible but it’s harder
![Page 45: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/45.jpg)
What about Flash? • Flash can be accessible but it’s harder
• Flash still has to sit within an HTML page
![Page 46: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/46.jpg)
What about Flash? • Flash can be accessible but it’s harder
• Flash still has to sit within an HTML page
• Flash-only sites conflict with Web Standards
![Page 47: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/47.jpg)
Accessibility:Making Yourself Accessible
![Page 48: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/48.jpg)
Accessibility:Making Yourself Accessible • Connect with your audience
![Page 49: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/49.jpg)
Accessibility:Making Yourself Accessible • Connect with your audience
• Become part of the community, not above it
![Page 50: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/50.jpg)
Accessibility:Making Yourself Accessible • Connect with your audience
• Become part of the community, not above it
• The internet is all about sharing, so share!
![Page 51: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/51.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
![Page 52: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/52.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
• We wrote about why we were rebranding
![Page 53: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/53.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
• We wrote about why we were rebranding
• We uploaded sketches, videos, etc.
![Page 54: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/54.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
• We wrote about why we were rebranding
• We uploaded sketches, videos, etc.
• Readers gave feedback
![Page 55: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/55.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
• We wrote about why we were rebranding
• We uploaded sketches, videos, etc.
• Readers gave feedback
• We responded to the feedback
![Page 56: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/56.jpg)
The Carsonified RebrandWe made the creative process of rebranding our company completely ‘transparent’:
• We wrote about why we were rebranding
• We uploaded sketches, videos, etc.
• Readers gave feedback
• We responded to the feedback
• Rinse and repeat!
![Page 57: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/57.jpg)
Has anyone ever heard of...
![Page 58: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/58.jpg)
?
![Page 59: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/59.jpg)
![Page 60: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/60.jpg)
![Page 61: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/61.jpg)
Has anyone ever heard of...
![Page 62: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/62.jpg)
?
![Page 63: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/63.jpg)
![Page 64: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/64.jpg)
![Page 65: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/65.jpg)
Good commentsOn August 24th, 2007 at 1:45 pm, NICK said...
![Page 66: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/66.jpg)
Good commentsOn August 24th, 2007 at 1:45 pm, NICK said...
“The relaunch of MTV’s US site is a great example of how to avoid creating a brand and overall aesthetic that leads to a company being pigeon-holed. They came up with the concept of a site “hat” - a playlist of user-submitted site headers that loaded at random on each refresh of their page. The result is a strong site feel that remains perfectly recognisable as the big daddy of the MTV family, but serves to strengthen the brand by suggesting that their look and appeal is one that wears many hats, caters to all, and still celebrates its userbase; a concept very much in line with your own.”
![Page 67: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/67.jpg)
Bad commentsOn September 10th, 2007 at 2:46 pm, KARL said...
![Page 68: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/68.jpg)
Bad commentsOn September 10th, 2007 at 2:46 pm, KARL said...
“Is there any way I can get you guys to stop posting this stuff? It’s not simply that it’s in front of me, it’s that it exists in the world at all.”
![Page 69: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/69.jpg)
![Page 70: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/70.jpg)
![Page 71: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/71.jpg)
Show & TellIt’s just like being back at school!
![Page 72: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/72.jpg)
Show & TellIt’s just like being back at school!
• Perfect for remote working
![Page 73: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/73.jpg)
Show & TellIt’s just like being back at school!
• Perfect for remote working
• Allows you to quickly assess your ideas
![Page 74: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/74.jpg)
Show & TellIt’s just like being back at school!
• Perfect for remote working
• Allows you to quickly assess your ideas
• Enables you to explain your reasoning to anybody
![Page 75: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/75.jpg)
Show & TellIt’s just like being back at school!
• Perfect for remote working
• Allows you to quickly assess your ideas
• Enables you to explain your reasoning to anybody
• A nice, handy record to look back upon
![Page 76: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/76.jpg)
In Conclusion...
![Page 77: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/77.jpg)
In Conclusion... • The web is a place for the exchange of information, but like a printed catalogue, can - should - look lovely and be a joy to use
![Page 78: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/78.jpg)
In Conclusion... • The web is a place for the exchange of information, but like a printed catalogue, can - should - look lovely and be a joy to use
• The actual information exchanged can be an artefact in itself
![Page 79: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/79.jpg)
In Conclusion... • The web is a place for the exchange of information, but like a printed catalogue, can - should - look lovely and be a joy to use
• The actual information exchanged can be an artefact in itself
• The exchange should happen between designers and users - it's the beauty of the medium
![Page 80: Debunking Web Design Myths](https://reader037.vdocuments.us/reader037/viewer/2022102814/54c194394a7959a55f8b4587/html5/thumbnails/80.jpg)
Thank youelliotjaystocks.com/idesign