SlideShare a Scribd company logo
Let’s put all of our web content above the fold!

                                            D
Let’s put our most vital content above the fold.

                               C
D   C
C
A logo that is too large
can be overpowering and
distract users from your
website’s important
content!

                    D
Keep your logo at a professional
and respectful size.
                           C
“I know my website sells manly fishing gear, but my wife’s
cousin’s mailman’s daughter-in-law really likes the color
“peach”, (actually, her bridesmaid dresses were even
peach I think), and she thinks the site would look really
great if it was that color.”

                                                   D
Since we have a predominately male audience, let’s
design the site with a masculine color palette they will


                                  C
relate to.
D
•   Search Engines can find
    your site better.

•   Users can copy and paste
    information.

•   We can now use a variety
    of custom fonts!


                               C
CLICKawesome and you
   We’re
         HERE!!              We’re Awesome!
                                  Find out why >>
    should find out why >>




                  D           C
Let’s add a “Print” and “Back” button to every page.


                                                 D
Utilize the functionality your browser offers.


                                  C
D
Let’s make our whole web site Flash, or let’s use a


                                               D
Flash intro.




Let’s use a small Flash area on our home page to
highlight services and bring movement to our site.

                                C
Good Question.

For more information about Browsers, please join us
at our “All About Web Browsers” class April 15th.

More Related Content

Viewers also liked (9)

Ai buzz transformation slideshow
Ai buzz transformation slideshowAi buzz transformation slideshow
Ai buzz transformation slideshow
 
хочу могу и буду
хочу могу и будухочу могу и буду
хочу могу и буду
 
List
ListList
List
 
Magnetic University - Semantics and You
Magnetic University - Semantics and YouMagnetic University - Semantics and You
Magnetic University - Semantics and You
 
List
ListList
List
 
Eğitimde Gerçekliğe Yeni Bir Bakış: Harmanlanmış ve Genişletilmiş Gerçeklik
Eğitimde Gerçekliğe Yeni Bir Bakış: Harmanlanmış ve Genişletilmiş GerçeklikEğitimde Gerçekliğe Yeni Bir Bakış: Harmanlanmış ve Genişletilmiş Gerçeklik
Eğitimde Gerçekliğe Yeni Bir Bakış: Harmanlanmış ve Genişletilmiş Gerçeklik
 
List
ListList
List
 
PERFORMANCE MEASUREMENT FOR SME's
PERFORMANCE MEASUREMENT FOR SME'sPERFORMANCE MEASUREMENT FOR SME's
PERFORMANCE MEASUREMENT FOR SME's
 
Outlining an oral presentation
Outlining an oral presentationOutlining an oral presentation
Outlining an oral presentation
 

Similar to Magnetic University - Web Design Best Practices

The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
summerdaze
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
canarymason
 
Millennia Design booklet
 Millennia Design booklet Millennia Design booklet
Millennia Design booklet
Lance Grew
 

Similar to Magnetic University - Web Design Best Practices (20)

The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
 
Introduction to web sites design
Introduction to  web sites designIntroduction to  web sites design
Introduction to web sites design
 
CMS Design & Layout Best Practices
CMS Design & Layout Best PracticesCMS Design & Layout Best Practices
CMS Design & Layout Best Practices
 
Les animations sur WordPress - avec Damien
Les animations sur WordPress - avec DamienLes animations sur WordPress - avec Damien
Les animations sur WordPress - avec Damien
 
How to Storyboard your Website
How to Storyboard your WebsiteHow to Storyboard your Website
How to Storyboard your Website
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
 
Millennia Design booklet
 Millennia Design booklet Millennia Design booklet
Millennia Design booklet
 
The Terminator- Blowing up our website to save our strategy
The Terminator- Blowing up our website to save our strategyThe Terminator- Blowing up our website to save our strategy
The Terminator- Blowing up our website to save our strategy
 
Website designing company in gurgaon
Website designing company in gurgaonWebsite designing company in gurgaon
Website designing company in gurgaon
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design
 
Web designer
Web designerWeb designer
Web designer
 
What web designers could learn from print designers
What web designers could learn from print designersWhat web designers could learn from print designers
What web designers could learn from print designers
 
Web typography
Web typographyWeb typography
Web typography
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
How to Grow Your Audience Through Accessibility
How to Grow Your Audience Through AccessibilityHow to Grow Your Audience Through Accessibility
How to Grow Your Audience Through Accessibility
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
SEO Horror Stories
SEO Horror StoriesSEO Horror Stories
SEO Horror Stories
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
 
A Sample presentation of Gazi
A Sample presentation of GaziA Sample presentation of Gazi
A Sample presentation of Gazi
 
How to learn web design fast
How to learn web design fastHow to learn web design fast
How to learn web design fast
 

Magnetic University - Web Design Best Practices

  • 1.
  • 2. Let’s put all of our web content above the fold! D Let’s put our most vital content above the fold. C
  • 3. D C
  • 4. C
  • 5. A logo that is too large can be overpowering and distract users from your website’s important content! D Keep your logo at a professional and respectful size. C
  • 6. “I know my website sells manly fishing gear, but my wife’s cousin’s mailman’s daughter-in-law really likes the color “peach”, (actually, her bridesmaid dresses were even peach I think), and she thinks the site would look really great if it was that color.” D Since we have a predominately male audience, let’s design the site with a masculine color palette they will C relate to.
  • 7. D
  • 8. Search Engines can find your site better. • Users can copy and paste information. • We can now use a variety of custom fonts! C
  • 9. CLICKawesome and you We’re HERE!! We’re Awesome! Find out why >> should find out why >> D C
  • 10. Let’s add a “Print” and “Back” button to every page. D Utilize the functionality your browser offers. C
  • 11. D
  • 12. Let’s make our whole web site Flash, or let’s use a D Flash intro. Let’s use a small Flash area on our home page to highlight services and bring movement to our site. C
  • 13. Good Question. For more information about Browsers, please join us at our “All About Web Browsers” class April 15th.