Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

7 Deadly Web Design Sins You Might be Making

33 777 vues

Publié le

Joe Putnam is a growth marketer at iSpionage and previously helped companies like Rejoiner, SlideShare, KISSmetrics, and Crazy Egg with their content marketing. He’s been doing internet marketing for 5 years now and dabbles in everything from content production to conversion rate optimization and PPC marketing.
1 Web design is challenging ○ Fonts that are too small ○ Rotating sliders/carousels ○ Low contrast fonts ○ Poor line height for text ○ Line lengths that are too long ○ Improper use of accent colors ○ Violating common design principles 2 7 deadly sins of web design 3 Table of Contents
WATCH WEBINAR RECORDING NOW
1. We’re still learning how to best design for the web. 2.  A lot of people need to be on the same page. 3. We now have to design for multiple devices. 4.  Most people copy other sites when that’s not always a good idea. 5. There are so many options when it comes to fonts, typography, layouts, etc. Reasons Why Web Design Is So Challenging
7 Deadly Sins of Web Design
1
Fonts that are too small
www.feedthebot.com/mobile/legible-font-size.html Make sure your fonts are easy to read.
Headline: 41 px; Proxima Nova Sub-headline: 16 px; Proxima Nova Body: 14 px; Helvetica
Body Font: 16 px; Helvetica Sidebar Font: 14 px; Helvetica
2
RULES TO FOLLOW ○ Be sure your fonts are easy to read. ○ Make sure your fonts have a good hierarchy. ○ Never use a font smaller than 14 px.
Rotating sliders/carousels
“We have tested rotating offers many times and have found it to be a poor way of presenting homepage content.” — Chris Goward from Wider Funnel “Rotating banners are absolutely evil and should be removed immediately.” — Tim Ash from Site Tuners
1% clicks on slider 84% of those on slider #1 “I didn’t have time to read it. It keeps flashing too quickly. TWO STUDIES
RULE TO FOLLOW Don’t use moving sliders unless there’s a convincing reason to do so.
Low contrast fonts
Example #2 Example #1
http://contrastrebellion.com/
http://evernote.com
www.hubspot.com
www.lakepointervresort.com
http://www.helpscout.net
RULES TO FOLLOW ○ Always use high contrast fonts. ○ Think twice before using reverse type and only use it sparingly.
Poor line height for text
www.pearsonified.com/typography
RULE TO FOLLOW Use the Golden Ratio Typography Calculator to find the best line height for your font size and line length.
Line heights that are too long
http://baymard.com/blog/line-length-readability
http://blog.marketo.com
RULE TO FOLLOW Make sure your line length doesn’t become too long causing your content to be difficult to read.
Improper use of accent colors
http://grasshopper.com/
www.c12recoverydrink.com/
RULE TO FOLLOW Be sure to use accent colors for what it’s meant for—drawing attention to calls to action.
Violating common design principles
Found by @ascho mueller www.weta.me
http://neilpatel.com/
RULE TO FOLLOW Think twice before attempting to reinvent the wheel when it comes to common web design conventions.

Publié dans : Design, Internet, Marketing
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

7 Deadly Web Design Sins You Might be Making

  1. Joe Putnam, Growth Marketer at iSpionage 7 Deadly Web Design Sins You Might Be Making January 29, 2015
  2. @ThueLMadsen #KISSwebinar Join the conversation on Twi er
  3. Joe Putnam - @JosephPutnam – www.ispionage.com Joe Putnam is a growth marketer at iSpionage and previously helped companies like Rejoiner, SlideShare, KISSmetrics, and Crazy Egg with their content marketing. He’s been doing internet marketing for 5 years now and dabbles in everything from content production to conversion rate optimization and PPC marketing.
  4. @JosephPutnam #KISSwebinar Join the conversation on Twi er
  5. 1 Web design is challenging ○ Fonts that are too small ○ Rotating sliders/carousels ○ Low contrast fonts ○ Poor line height for text ○ Line lengths that are too long ○ Improper use of accent colors ○ Violating common design principles 2 7 deadly sins of web design 3 Table of Contents
  6. WATCH WEBINAR RECORDING NOW
  7. 1 “As a medium for the display of information, the printed page is superb. It affords enough resolution to meet the eye’s demand…It lets the reader control the mode and rate of inspection…Those positive a ributes all relate, as ‘indicated,’ to the display function. The tallies that could be made for storage, organization, and retrieval functions are less favorable.” — J.C. Licklider from Libraries of the Future (1965)
  8. 1.  We’re still learning how to best design for the web. 2.  A lot of people need to be on the same page. (Designers, business owners, marketers, developers, etc.) 3.  We now have to design for multiple devices. 4.  Most people copy other sites when that’s not always a good idea. 5. There are so many options when it comes to fonts, typography, layouts, etc. Reasons Why Web Design Is So Challenging
  9. 7 Deadly Sins of Web Design
  10. Fonts that are too small1
  11. www.feedthebot.com/mobile/legible-font-size.html Make sure your fonts are easy to read.
  12. Headline: 41 px; Proxima Nova Sub-headline: 16 px; Proxima Nova Body: 14 px; Helvetica
  13. Body Font: 16 px; Helvetica Sidebar Font: 14 px; Helvetica
  14. 2
  15. RULES TO FOLLOW ○ Be sure your fonts are easy to read. ○ Make sure your fonts have a good hierarchy. ○ Never use a font smaller than 14 px.
  16. LOG IN WITH GOOGLE Start Your Free KISSmetrics Trial
  17. Rotating sliders/carousels2
  18. “We have tested rotating offers many times and have found it to be a poor way of presenting homepage content.” — Chris Goward from Wider Funnel “Rotating banners are absolutely evil and should be removed immediately.” — Tim Ash from Site Tuners
  19. 1% clicks on slider 84% of those on slider #1 “I didn’t have time to read it. It keeps flashing too quickl y. TWO STUDIES
  20. RULE TO FOLLOW Don’t use moving sliders unless there’s a convincing reason to do so.
  21. Low contrast fonts3
  22. Example #2 Example #1
  23. h p://contrastrebellion.com/
  24. h p://evernote.com
  25. www.hubspot.com
  26. www.lakepointervresort.com
  27. h p://www.helpscout.net
  28. RULES TO FOLLOW ○ Always use high contrast fonts. ○ Think twice before using reverse type and only use it sparingly.
  29. Poor line height for text4
  30. www.pearsonified.com/typography
  31. www.pearsonified.com/typography
  32. RULE TO FOLLOW Use the Golden Ratio Typography calculator to find the best line height for your font size and line length.
  33. Line heights that are too long5
  34. h p://baymard.com/blog/line-length-readability
  35. h p://blog.marketo.com
  36. RULE TO FOLLOW Make sure your line length doesn’t become too long causing your content to be difficult to read.
  37. Improper use of accent colors6
  38. h p://grasshopper.com/
  39. www.c12recoverydrink.com/
  40. RULE TO FOLLOW Be sure to use accent colors for what it’s meant for—drawing a ention to calls to action.
  41. Violating common design principles 7
  42. “Faced with the prospect of using a convention, there’s a great temptation for designers to reinvent the wheel, largely because they feel (not incorrectly) that they’ve been hired to do something new and different, and not the same old thing…Innovate when you know you have a be er idea…but take advantage of conventions when you don’t.” — Steve Krug in Don’t Make Me Think
  43. Found by @ascho mueller www.weta.me
  44. h p://neilpatel.com/
  45. RULE TO FOLLOW Think twice before a empting to reinvent the wheel when it comes to common web design conventions.
  46. Questions? Joe Putnam Growth Marketer iSpionage @josephputnam joe@ispionage.com Thue Madsen Marketing Operations Specialist KISSmetrics @thuelmadsen tmadsen@kissmetrics.com
  47. THANK YOU Joe Putnam www.ispionage.com/kissmetrics

×