SlideShare uma empresa Scribd logo
1 de 30
Top 10 Graphic Design MistakesPart 1 By Marlon Sanders www.designdashboard.com
IN THIS SPECIAL “INSIDERS” REPORT: FEATURED ARTICLE:    How To Avoid The Top 10 Design Mistakes In Landing Pages, Mini Sites, Affiliate Pre -Sell Pages and Sales Pages ” Graphic Design 911: 10 Quick Fixes for Your Graphic And Web Design Emergencies ! THE DESIGNERS TOOLBOX www.designdashboard.com
DESIGN DASHBOARD SPECIAL REPORT reveals... Dear Friend, 		Several weeks ago I launched a brand new digital info-product called “The Design Dashboard www.designdashboard.com To help illustrate the many different ways the Design Dashboard can help you, I’m going to reveal the top “sales process” mistakes being made on the average web site. www.designdashboard.com
What we’re going to do now is take a look at the top 10 web page DESIGN mistakes being made. Whether you’re creating web pages, landing pages, affiliate pre-sell pages or name squeeze pages, there are certain mistakes you’ve absolutely GOT to watch out for. www.designdashboard.com
Let’s take a look at some of those crucial design do’s and dont’s now. Then we’ll do a check up on some Milcer member web sites and see how well they do in the “design clinic” www.designdashboard.com
Mistake #1:  	Using too large of a graphic header on the top of your page. Mistake #2:  	Using “washed out” colors that make your web site feel drab and lifeless. Or using colors that are WAY too bright. www.designdashboard.com
Mistake #3:  	Using more than four colors (one of those being black!) on your web site. Mistake #4:  	Using more than four different TYPES of fonts on the same page.  www.designdashboard.com
Mistake #5:  	Displaying your sales “message” on a dark colored background! Mistake #6:  	Using too many “tricked out” scripts at once which causes browser “freeze”  www.designdashboard.com
Mistake #7:  	Cramming way too much content into too small of a space. (Not enough white space.) Mistake #8:  	Using “busy” or “watermarked” background patterns. www.designdashboard.com
Second Opinion Design Clinic: Site #1 Site Information:  	A very upbeat and exciting web site that provides you with the goods you’ve gotta have to go from “no” to “pro” as a salsa dancer! Symptoms:  Color overload,  claustrophobia. Prescription:  	Less colors and plenty of white space! Site URL: http://www.salsadancedvd.com Site Age: 1 Year, 7 Months (Online since March 04) www.designdashboard.com
		This is one of the more interesting, bright and colorful web sites I’ve seen in a long time!  		Selling a DVD that’ll teach you how to “Salsa Dance” in the privacy of your own home isn’t something just any old web design’s gonna be able to pull off -- so kudos to the site owner, Evan Margolin. www.designdashboard.com
		At Evan’s site you don’t have to be an expert Salsa Dancer to benefit from the DVD, nor do you have to be an expert site reviewer to know that within a few second of being on the home page tells you there’s something “fun” going on here!  		Most of the 10 design rules are being followed and the site is in pretty good shape overall.
		On a very positive note, I see a good strong headline on the page (although I’d prefer to see that outside of the top graphic header or on a white background so it’s easier to read) and the offer itself is clearly written. 		The DVD is easy to order, they’ve got testimonials displayed on the site and the photos make for a very nice personal touch.
Web Design Mistakes #3, #5, #7 and #8: Although a great web site overall, I did notice a few mistakes being made. 1. Although one or two bright colors can really benefit a design, I feel there are just too many colors on this page. 		For example, there’s too much yellow, especially when it’s clashing with the red displayed in the top graphic under the headline. www.designdashboard.com
Web Design Mistakes #3, #5, #7 and #8: 2. Having the sidebar all in black makes it difficult to read the text there, even though the fonts are in white with light yellow links. 3. The web page background itself (the yellow color under the text) should be a traditional white so the text is easier to read. www.designdashboard.com
Web Design Mistakes #3, #5, #7 and #8: 4. The dark yellow with the gradient leading towards the right tends to make your eyes stray in that direction continuously, which makes it hard to finish reading the sales message. www.designdashboard.com
Site Recommendations: 1. To put more emphasis on the well written headline, I suggest moving it down to the actual body of the page itself, keeping it below the graphic header. 2. Use a white background behind your sales message and do away with the yellow gradient background. www.designdashboard.com
Site Recommendations: 3. Use the majority of your colors in the top graphic header and keep the competing colors off the page that displays your sales message. 4. Use a light patterned background for the sidebar that will contain your links and do away with the black. www.designdashboard.com
Site Recommendations: 5. Try to free up some extra white space between tables and photos. This makes your page a lot easier to read. 6. Align your sales message to the left 7. Apply the steps in the Design Dashboard: http://www.designdashboard.com www.designdashboard.com
Second Opinion Design Clinic: Site #2 Site Information: A valuable membership site providing a much needed certificate printing service! Symptoms: Text is difficult to read. Layout is lightly cramped. Could benefit from a more technical design. Prescription: Needs tables to hold the sales message, resulting in shorter, easier to read lines of text. Site URL: http://www.getacertificate.com Site Age: 4 Months (Online Since June 2005)
Observation: 		This is one very valuable membership site! 		Based on my own personal experience, I can tell you it’s not easy to find QUALITY certificates that you can use as incentives. When I tried to get certificates to give to my resellers I nearly went crazy trying to get one that was even half decent... www.designdashboard.com
		The usual certificates	you can get in your local Staples store never seem to have the right text on them and any I found online were too drab and “generic” to be of any real use. 		So it’s exciting to see a site that provides such a valuable, much needed “point ‘n click” certificate printing service! www.designdashboard.com
		 From what I can see there are only one real design mistake being made -- with just few things that could use improving on this hot new membership site. www.designdashboard.com
Web Design Mistake #2: 1.  For a resource site as time saving as this, being technical in nature with it’s “point ‘n click” online printing and designing of certificates in PDF or Microsoft Word templates, I was hoping to see more of a “technical look and feel” to this design. www.designdashboard.com
Web Design Mistake #2: 	On the same note, the colors as just a bit too drab which end up “dulling” the experience of visiting this site, and that takes a bit of the excitement away from such a great find. 	For an example on how to jazz up the colors while still keeping the overall professional look and feel I’d suggest that you take the blue bar that runs across the top of the page horizontally and try some alternate colors
Web Design Mistake #2: 		The RGB code being used there is # 336699 which is fairly washed out for a blue. Using code # 2188F0 in it’s place may work more to your advantage. 		I absolutely love the way you’ve got the certificates displayed in the top graphic header and wouldn’t change that at all...
Web Design Mistake #2: 	But it would be interesting to see how some nice “glassy” or “gel” buttons would look on the navigation bar, in place of the flat white round buttons showing there now. (Think mac.com for this design, as shown below!)
Web Design Mistake #2: 2. The last thing I’d like to mention (although not classified as a mistake by any means) is that the page itself is quite wide which makes your sales message hard to read. 		If you take a look at the average newspaper or paperback novel you’ll see they use a MAXIMUM of 12 to 15 words per line which makes for the easiest readability. www.designdashboard.com
Site Recommendations: Site #2 1. I’d like to see the sales letter text structured inside a table with a width of no more than 500 pixels. 2. Try a design that’s a little more “technical” in nature, using “Mac like” glassy or gel buttons for navigation. www.designdashboard.com
Marlon Sanders’ Design Dashboard For your web design needs. www.designdashboard.com and For more free web design tips, go to  www.designdashboard.com/blog Copyright © 2010 by Higher Response Marketing Inc.

Mais conteúdo relacionado

Mais procurados

A Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design TrendsA Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design Trendswebdesigntrends
 
Branding, Design & Email Marketing Basics
Branding, Design & Email Marketing BasicsBranding, Design & Email Marketing Basics
Branding, Design & Email Marketing BasicsDeck Builder Marketers
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflectionmichaels1665
 
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilizenonstopverdict801
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityMichael Nolan
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399summerdaze
 
Making money online
Making money onlineMaking money online
Making money onlinefasiraar
 
Embracing the web a tutorial
Embracing the web   a tutorialEmbracing the web   a tutorial
Embracing the web a tutorialJennifer Pricci
 

Mais procurados (15)

A Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design TrendsA Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design Trends
 
Branding, Design & Email Marketing Basics
Branding, Design & Email Marketing BasicsBranding, Design & Email Marketing Basics
Branding, Design & Email Marketing Basics
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflection
 
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilize
 
W hubs61 (1)
W hubs61 (1)W hubs61 (1)
W hubs61 (1)
 
Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill University
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
 
Making money online
Making money onlineMaking money online
Making money online
 
Easy Web Design
Easy Web DesignEasy Web Design
Easy Web Design
 
Top 10 seo tips.ppt
Top 10 seo tips.pptTop 10 seo tips.ppt
Top 10 seo tips.ppt
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
 
Embracing the web a tutorial
Embracing the web   a tutorialEmbracing the web   a tutorial
Embracing the web a tutorial
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Blog profits
Blog profitsBlog profits
Blog profits
 

Semelhante a Top 10 Graphic Design Mistakes - Part 1

Good Website Design vs Bad Website Design
Good Website Design vs Bad Website DesignGood Website Design vs Bad Website Design
Good Website Design vs Bad Website DesignSikander Nazir
 
Custom Landing Page Design | Common Mistakes & Tested Techniques
Custom Landing Page Design | Common Mistakes & Tested Techniques Custom Landing Page Design | Common Mistakes & Tested Techniques
Custom Landing Page Design | Common Mistakes & Tested Techniques WSI Premier Esolutions
 
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...firepolemarketing
 
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FLDigital Media Arts College
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...4clint
 
Heat Up Your Emails: How to Make Your Emails Sizzle
Heat Up Your Emails: How to Make Your Emails Sizzle Heat Up Your Emails: How to Make Your Emails Sizzle
Heat Up Your Emails: How to Make Your Emails Sizzle HighRoad Solution
 
Lecture4
Lecture4Lecture4
Lecture4hstryk
 
Example
ExampleExample
Exampletara
 
Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Christopher Dill
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basicselmorandall
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesAmanda Kern
 
30 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 201830 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 2018unfunnel
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen beckybbb
 
What is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web DefinitionsWhat is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web DefinitionsCowley Associates
 

Semelhante a Top 10 Graphic Design Mistakes - Part 1 (20)

Good Website Design vs Bad Website Design
Good Website Design vs Bad Website DesignGood Website Design vs Bad Website Design
Good Website Design vs Bad Website Design
 
Web Site Design
Web Site DesignWeb Site Design
Web Site Design
 
Website designers
Website designersWebsite designers
Website designers
 
Manchester web design
Manchester web designManchester web design
Manchester web design
 
Custom Landing Page Design | Common Mistakes & Tested Techniques
Custom Landing Page Design | Common Mistakes & Tested Techniques Custom Landing Page Design | Common Mistakes & Tested Techniques
Custom Landing Page Design | Common Mistakes & Tested Techniques
 
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...
16 Design Blunders That Make Visitors Bounce From Your Website - and How to F...
 
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
 
Web dev
Web devWeb dev
Web dev
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
 
Heat Up Your Emails: How to Make Your Emails Sizzle
Heat Up Your Emails: How to Make Your Emails Sizzle Heat Up Your Emails: How to Make Your Emails Sizzle
Heat Up Your Emails: How to Make Your Emails Sizzle
 
Best web design
Best web designBest web design
Best web design
 
Lecture4
Lecture4Lecture4
Lecture4
 
Example
ExampleExample
Example
 
Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
30 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 201830 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 2018
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
 
What is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web DefinitionsWhat is a URL 101 and Other Web Definitions
What is a URL 101 and Other Web Definitions
 

Último

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
Visualising and forecasting stocks using Dash
Visualising and forecasting stocks using DashVisualising and forecasting stocks using Dash
Visualising and forecasting stocks using Dashnarutouzumaki53779
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 

Último (20)

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
Visualising and forecasting stocks using Dash
Visualising and forecasting stocks using DashVisualising and forecasting stocks using Dash
Visualising and forecasting stocks using Dash
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 

Top 10 Graphic Design Mistakes - Part 1

  • 1. Top 10 Graphic Design MistakesPart 1 By Marlon Sanders www.designdashboard.com
  • 2. IN THIS SPECIAL “INSIDERS” REPORT: FEATURED ARTICLE: How To Avoid The Top 10 Design Mistakes In Landing Pages, Mini Sites, Affiliate Pre -Sell Pages and Sales Pages ” Graphic Design 911: 10 Quick Fixes for Your Graphic And Web Design Emergencies ! THE DESIGNERS TOOLBOX www.designdashboard.com
  • 3. DESIGN DASHBOARD SPECIAL REPORT reveals... Dear Friend, Several weeks ago I launched a brand new digital info-product called “The Design Dashboard www.designdashboard.com To help illustrate the many different ways the Design Dashboard can help you, I’m going to reveal the top “sales process” mistakes being made on the average web site. www.designdashboard.com
  • 4. What we’re going to do now is take a look at the top 10 web page DESIGN mistakes being made. Whether you’re creating web pages, landing pages, affiliate pre-sell pages or name squeeze pages, there are certain mistakes you’ve absolutely GOT to watch out for. www.designdashboard.com
  • 5. Let’s take a look at some of those crucial design do’s and dont’s now. Then we’ll do a check up on some Milcer member web sites and see how well they do in the “design clinic” www.designdashboard.com
  • 6. Mistake #1: Using too large of a graphic header on the top of your page. Mistake #2: Using “washed out” colors that make your web site feel drab and lifeless. Or using colors that are WAY too bright. www.designdashboard.com
  • 7. Mistake #3: Using more than four colors (one of those being black!) on your web site. Mistake #4: Using more than four different TYPES of fonts on the same page. www.designdashboard.com
  • 8. Mistake #5: Displaying your sales “message” on a dark colored background! Mistake #6: Using too many “tricked out” scripts at once which causes browser “freeze” www.designdashboard.com
  • 9. Mistake #7: Cramming way too much content into too small of a space. (Not enough white space.) Mistake #8: Using “busy” or “watermarked” background patterns. www.designdashboard.com
  • 10. Second Opinion Design Clinic: Site #1 Site Information: A very upbeat and exciting web site that provides you with the goods you’ve gotta have to go from “no” to “pro” as a salsa dancer! Symptoms: Color overload, claustrophobia. Prescription: Less colors and plenty of white space! Site URL: http://www.salsadancedvd.com Site Age: 1 Year, 7 Months (Online since March 04) www.designdashboard.com
  • 11. This is one of the more interesting, bright and colorful web sites I’ve seen in a long time! Selling a DVD that’ll teach you how to “Salsa Dance” in the privacy of your own home isn’t something just any old web design’s gonna be able to pull off -- so kudos to the site owner, Evan Margolin. www.designdashboard.com
  • 12. At Evan’s site you don’t have to be an expert Salsa Dancer to benefit from the DVD, nor do you have to be an expert site reviewer to know that within a few second of being on the home page tells you there’s something “fun” going on here! Most of the 10 design rules are being followed and the site is in pretty good shape overall.
  • 13. On a very positive note, I see a good strong headline on the page (although I’d prefer to see that outside of the top graphic header or on a white background so it’s easier to read) and the offer itself is clearly written. The DVD is easy to order, they’ve got testimonials displayed on the site and the photos make for a very nice personal touch.
  • 14. Web Design Mistakes #3, #5, #7 and #8: Although a great web site overall, I did notice a few mistakes being made. 1. Although one or two bright colors can really benefit a design, I feel there are just too many colors on this page. For example, there’s too much yellow, especially when it’s clashing with the red displayed in the top graphic under the headline. www.designdashboard.com
  • 15. Web Design Mistakes #3, #5, #7 and #8: 2. Having the sidebar all in black makes it difficult to read the text there, even though the fonts are in white with light yellow links. 3. The web page background itself (the yellow color under the text) should be a traditional white so the text is easier to read. www.designdashboard.com
  • 16. Web Design Mistakes #3, #5, #7 and #8: 4. The dark yellow with the gradient leading towards the right tends to make your eyes stray in that direction continuously, which makes it hard to finish reading the sales message. www.designdashboard.com
  • 17. Site Recommendations: 1. To put more emphasis on the well written headline, I suggest moving it down to the actual body of the page itself, keeping it below the graphic header. 2. Use a white background behind your sales message and do away with the yellow gradient background. www.designdashboard.com
  • 18. Site Recommendations: 3. Use the majority of your colors in the top graphic header and keep the competing colors off the page that displays your sales message. 4. Use a light patterned background for the sidebar that will contain your links and do away with the black. www.designdashboard.com
  • 19. Site Recommendations: 5. Try to free up some extra white space between tables and photos. This makes your page a lot easier to read. 6. Align your sales message to the left 7. Apply the steps in the Design Dashboard: http://www.designdashboard.com www.designdashboard.com
  • 20. Second Opinion Design Clinic: Site #2 Site Information: A valuable membership site providing a much needed certificate printing service! Symptoms: Text is difficult to read. Layout is lightly cramped. Could benefit from a more technical design. Prescription: Needs tables to hold the sales message, resulting in shorter, easier to read lines of text. Site URL: http://www.getacertificate.com Site Age: 4 Months (Online Since June 2005)
  • 21. Observation: This is one very valuable membership site! Based on my own personal experience, I can tell you it’s not easy to find QUALITY certificates that you can use as incentives. When I tried to get certificates to give to my resellers I nearly went crazy trying to get one that was even half decent... www.designdashboard.com
  • 22. The usual certificates you can get in your local Staples store never seem to have the right text on them and any I found online were too drab and “generic” to be of any real use. So it’s exciting to see a site that provides such a valuable, much needed “point ‘n click” certificate printing service! www.designdashboard.com
  • 23. From what I can see there are only one real design mistake being made -- with just few things that could use improving on this hot new membership site. www.designdashboard.com
  • 24. Web Design Mistake #2: 1. For a resource site as time saving as this, being technical in nature with it’s “point ‘n click” online printing and designing of certificates in PDF or Microsoft Word templates, I was hoping to see more of a “technical look and feel” to this design. www.designdashboard.com
  • 25. Web Design Mistake #2: On the same note, the colors as just a bit too drab which end up “dulling” the experience of visiting this site, and that takes a bit of the excitement away from such a great find. For an example on how to jazz up the colors while still keeping the overall professional look and feel I’d suggest that you take the blue bar that runs across the top of the page horizontally and try some alternate colors
  • 26. Web Design Mistake #2: The RGB code being used there is # 336699 which is fairly washed out for a blue. Using code # 2188F0 in it’s place may work more to your advantage. I absolutely love the way you’ve got the certificates displayed in the top graphic header and wouldn’t change that at all...
  • 27. Web Design Mistake #2: But it would be interesting to see how some nice “glassy” or “gel” buttons would look on the navigation bar, in place of the flat white round buttons showing there now. (Think mac.com for this design, as shown below!)
  • 28. Web Design Mistake #2: 2. The last thing I’d like to mention (although not classified as a mistake by any means) is that the page itself is quite wide which makes your sales message hard to read. If you take a look at the average newspaper or paperback novel you’ll see they use a MAXIMUM of 12 to 15 words per line which makes for the easiest readability. www.designdashboard.com
  • 29. Site Recommendations: Site #2 1. I’d like to see the sales letter text structured inside a table with a width of no more than 500 pixels. 2. Try a design that’s a little more “technical” in nature, using “Mac like” glassy or gel buttons for navigation. www.designdashboard.com
  • 30. Marlon Sanders’ Design Dashboard For your web design needs. www.designdashboard.com and For more free web design tips, go to www.designdashboard.com/blog Copyright © 2010 by Higher Response Marketing Inc.