SlideShare a Scribd company logo
1 of 12
To start…
Now finally, mercifully, retired, I give you
the worst website ever:
Why…
Would someone ever do that?
The answer is that sometimes people get a little
obsessed with what the web CAN do. There’s a
fine line between what is possible and what is…
good.
Graphic intensive…
Doesn’t mean good.
And a grid…
…doesn’t save you by itself.
Artsy…
Doesn’t mean good, either. .
Some try to fix theirs.
Old New
But lovely things..
Can, and do exist.
The secret is not to leverage every single
thing you COULD do.
Instead think about what you’d like the
audience to see and figure out how to
get there with the tools you have. You
don’t need to use every single trick. That
actually makes it worse.
Simple and elegant.
Again, simple.
Functional.
Your goal
Is to create a home on the web that
allows you to deliver your content in a
clean, crisp fashion.
This may sometimes mean not being “as”
stylish as you wish in favor of
functionality, but that’s okay. Remember
the words of Frank Lloyd Wright: form
follows FUNCTION.

More Related Content

What's hot

Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15
Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15
Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15Adi Bolboaca
 
Cure for the Common Code
Cure for the Common CodeCure for the Common Code
Cure for the Common CodeJenn Lukas
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me thinkJason White
 
What's the best advice anyone ever gave you about development?
What's the best advice anyone ever gave you about development? What's the best advice anyone ever gave you about development?
What's the best advice anyone ever gave you about development? Tech Jobs
 
Build 2009 - Passion
Build 2009 - PassionBuild 2009 - Passion
Build 2009 - PassionTim Van Damme
 
HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)Christian Heilmann
 
Designing an Experience
Designing an ExperienceDesigning an Experience
Designing an ExperienceTaylor Wallace
 
Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)Matteo Wyllyamz
 
10 things you should know before learning ruby or rails
10 things you should know before learning ruby or rails10 things you should know before learning ruby or rails
10 things you should know before learning ruby or railsRichardson Dackam
 
Collaborative Sketching for UX
Collaborative Sketching for UXCollaborative Sketching for UX
Collaborative Sketching for UXRobert Stribley
 
How to be a remote first organization - for FHRD, Malta
How to be a remote first organization - for FHRD, MaltaHow to be a remote first organization - for FHRD, Malta
How to be a remote first organization - for FHRD, MaltaLisette Sutherland
 
Christian Object Lesson - Etch-a-Sketch
Christian Object Lesson - Etch-a-SketchChristian Object Lesson - Etch-a-Sketch
Christian Object Lesson - Etch-a-SketchKen Sapp
 
Design in Browser
Design in BrowserDesign in Browser
Design in BrowserMin Tran
 
Weitzel james ppp_1510_final_project
Weitzel james ppp_1510_final_projectWeitzel james ppp_1510_final_project
Weitzel james ppp_1510_final_projectJames Weitzel
 

What's hot (18)

Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15
Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15
Sherlock Holmes and Pairing @Romanian Testing Conference 2014 05 15
 
Cure for the Common Code
Cure for the Common CodeCure for the Common Code
Cure for the Common Code
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me think
 
What's the best advice anyone ever gave you about development?
What's the best advice anyone ever gave you about development? What's the best advice anyone ever gave you about development?
What's the best advice anyone ever gave you about development?
 
Create web-pages-04
Create web-pages-04Create web-pages-04
Create web-pages-04
 
Build 2009 - Passion
Build 2009 - PassionBuild 2009 - Passion
Build 2009 - Passion
 
MVP For Teens
MVP For Teens MVP For Teens
MVP For Teens
 
HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)
 
Designing an Experience
Designing an ExperienceDesigning an Experience
Designing an Experience
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)
 
10 things you should know before learning ruby or rails
10 things you should know before learning ruby or rails10 things you should know before learning ruby or rails
10 things you should know before learning ruby or rails
 
Collaborative Sketching for UX
Collaborative Sketching for UXCollaborative Sketching for UX
Collaborative Sketching for UX
 
How to be a remote first organization - for FHRD, Malta
How to be a remote first organization - for FHRD, MaltaHow to be a remote first organization - for FHRD, Malta
How to be a remote first organization - for FHRD, Malta
 
Christian Object Lesson - Etch-a-Sketch
Christian Object Lesson - Etch-a-SketchChristian Object Lesson - Etch-a-Sketch
Christian Object Lesson - Etch-a-Sketch
 
Design in Browser
Design in BrowserDesign in Browser
Design in Browser
 
Weitzel james ppp_1510_final_project
Weitzel james ppp_1510_final_projectWeitzel james ppp_1510_final_project
Weitzel james ppp_1510_final_project
 
Swfln key note
Swfln key noteSwfln key note
Swfln key note
 

Viewers also liked

Teaser voor: Do's en Don'ts van Webdesign
Teaser voor: Do's en Don'ts van WebdesignTeaser voor: Do's en Don'ts van Webdesign
Teaser voor: Do's en Don'ts van WebdesignEwout Brons
 
Dos and Dont's of Web Design Sexton
Dos and Dont's of Web Design SextonDos and Dont's of Web Design Sexton
Dos and Dont's of Web Design SextonShirley Sexton
 
Website Design Dos and Don’ts for a Successful Online Presence
Website Design Dos and Don’ts  for a Successful Online PresenceWebsite Design Dos and Don’ts  for a Successful Online Presence
Website Design Dos and Don’ts for a Successful Online PresenceBrad Williams
 
Just Because
Just BecauseJust Because
Just Becauseswpatel
 
Evolution of Internet and web based business
Evolution of Internet and web based businessEvolution of Internet and web based business
Evolution of Internet and web based businessNeil Patel
 

Viewers also liked (6)

Teaser voor: Do's en Don'ts van Webdesign
Teaser voor: Do's en Don'ts van WebdesignTeaser voor: Do's en Don'ts van Webdesign
Teaser voor: Do's en Don'ts van Webdesign
 
Web Design Dos and Don'ts
Web Design Dos and Don'tsWeb Design Dos and Don'ts
Web Design Dos and Don'ts
 
Dos and Dont's of Web Design Sexton
Dos and Dont's of Web Design SextonDos and Dont's of Web Design Sexton
Dos and Dont's of Web Design Sexton
 
Website Design Dos and Don’ts for a Successful Online Presence
Website Design Dos and Don’ts  for a Successful Online PresenceWebsite Design Dos and Don’ts  for a Successful Online Presence
Website Design Dos and Don’ts for a Successful Online Presence
 
Just Because
Just BecauseJust Because
Just Because
 
Evolution of Internet and web based business
Evolution of Internet and web based businessEvolution of Internet and web based business
Evolution of Internet and web based business
 

Similar to Some Web Design Dos and Don'ts

Word press portfolio
Word press portfolioWord press portfolio
Word press portfolioLuca Sartoni
 
How to Teach Yourself to Code
How to Teach Yourself to CodeHow to Teach Yourself to Code
How to Teach Yourself to CodeMattan Griffel
 
Build your website before you install wordpress.
Build your website before you install wordpress.Build your website before you install wordpress.
Build your website before you install wordpress.Russell Aaron
 
Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013Miami University
 
The prestige of being a web developer
The prestige of being a web developerThe prestige of being a web developer
The prestige of being a web developerChristian Heilmann
 
SydTechLeaders-PublicPersona-FINAL 2
SydTechLeaders-PublicPersona-FINAL 2SydTechLeaders-PublicPersona-FINAL 2
SydTechLeaders-PublicPersona-FINAL 2David Bolton
 
Digital Deceptions WordCamp Toronto 2009
Digital Deceptions WordCamp Toronto 2009Digital Deceptions WordCamp Toronto 2009
Digital Deceptions WordCamp Toronto 2009Digital Duncan
 
Designing better user interfaces
Designing better user interfacesDesigning better user interfaces
Designing better user interfacesJohan Ronsse
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webnolly00
 
Tangible ideas
Tangible ideasTangible ideas
Tangible ideasdoobada
 
WRA 210 April 14th PowerPoint
WRA 210 April 14th PowerPointWRA 210 April 14th PowerPoint
WRA 210 April 14th PowerPointMiami University
 
Secret website tweaks 26 june2 upload
Secret website tweaks 26 june2 uploadSecret website tweaks 26 june2 upload
Secret website tweaks 26 june2 uploadJenny Spring
 
The Accidental Instructional Designer #ASTD2014
The Accidental Instructional Designer #ASTD2014The Accidental Instructional Designer #ASTD2014
The Accidental Instructional Designer #ASTD2014Cammy Bean
 
Introduction to react js
Introduction to react jsIntroduction to react js
Introduction to react jsMunirMahmud3
 

Similar to Some Web Design Dos and Don'ts (20)

Wireframing
WireframingWireframing
Wireframing
 
Word press portfolio
Word press portfolioWord press portfolio
Word press portfolio
 
How to Teach Yourself to Code
How to Teach Yourself to CodeHow to Teach Yourself to Code
How to Teach Yourself to Code
 
Build your website before you install wordpress.
Build your website before you install wordpress.Build your website before you install wordpress.
Build your website before you install wordpress.
 
Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013
 
The prestige of being a web developer
The prestige of being a web developerThe prestige of being a web developer
The prestige of being a web developer
 
WRA 210 January 18, 2011
WRA 210 January 18, 2011WRA 210 January 18, 2011
WRA 210 January 18, 2011
 
SydTechLeaders-PublicPersona-FINAL 2
SydTechLeaders-PublicPersona-FINAL 2SydTechLeaders-PublicPersona-FINAL 2
SydTechLeaders-PublicPersona-FINAL 2
 
Digital Deceptions WordCamp Toronto 2009
Digital Deceptions WordCamp Toronto 2009Digital Deceptions WordCamp Toronto 2009
Digital Deceptions WordCamp Toronto 2009
 
Designing better user interfaces
Designing better user interfacesDesigning better user interfaces
Designing better user interfaces
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the web
 
Machine, Meet Human
Machine, Meet HumanMachine, Meet Human
Machine, Meet Human
 
guide3_webwork
guide3_webworkguide3_webwork
guide3_webwork
 
Tangible ideas
Tangible ideasTangible ideas
Tangible ideas
 
WRA 210 April 14th PowerPoint
WRA 210 April 14th PowerPointWRA 210 April 14th PowerPoint
WRA 210 April 14th PowerPoint
 
8 key-steps
8 key-steps8 key-steps
8 key-steps
 
Secret website tweaks 26 june2 upload
Secret website tweaks 26 june2 uploadSecret website tweaks 26 june2 upload
Secret website tweaks 26 june2 upload
 
The Accidental Instructional Designer #ASTD2014
The Accidental Instructional Designer #ASTD2014The Accidental Instructional Designer #ASTD2014
The Accidental Instructional Designer #ASTD2014
 
Ebook machine, meet human
Ebook machine, meet humanEbook machine, meet human
Ebook machine, meet human
 
Introduction to react js
Introduction to react jsIntroduction to react js
Introduction to react js
 

More from Miami University (20)

At nasty
At nastyAt nasty
At nasty
 
Crap
CrapCrap
Crap
 
Rhetanal
RhetanalRhetanal
Rhetanal
 
Visual Rhetoric 4
Visual Rhetoric 4Visual Rhetoric 4
Visual Rhetoric 4
 
Visual Rhetoric 3
Visual Rhetoric 3Visual Rhetoric 3
Visual Rhetoric 3
 
Capstone Day 3
Capstone Day 3Capstone Day 3
Capstone Day 3
 
Capstone Day 4
Capstone Day 4Capstone Day 4
Capstone Day 4
 
Capstone Day 2
Capstone Day 2Capstone Day 2
Capstone Day 2
 
Capstone Day 1
Capstone Day 1Capstone Day 1
Capstone Day 1
 
Visual Rhetoric 2
Visual Rhetoric 2Visual Rhetoric 2
Visual Rhetoric 2
 
Visual Rhetoric 1
Visual Rhetoric 1Visual Rhetoric 1
Visual Rhetoric 1
 
224 summerfinal
224 summerfinal224 summerfinal
224 summerfinal
 
Dr philleval211
Dr philleval211Dr philleval211
Dr philleval211
 
211 finalreview
211 finalreview211 finalreview
211 finalreview
 
Week 2
Week 2Week 2
Week 2
 
Brief Video Game History
Brief Video Game HistoryBrief Video Game History
Brief Video Game History
 
Dungeons & Dragons history
Dungeons & Dragons historyDungeons & Dragons history
Dungeons & Dragons history
 
Rhetoric of Advertising
Rhetoric of AdvertisingRhetoric of Advertising
Rhetoric of Advertising
 
Logos
LogosLogos
Logos
 
411 Personal Logo PowerPoint
411 Personal Logo PowerPoint411 Personal Logo PowerPoint
411 Personal Logo PowerPoint
 

Recently uploaded

General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 

Recently uploaded (20)

General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

Some Web Design Dos and Don'ts