SlideShare a Scribd company logo
Website Design Essentials:
5 Must-Haves
Website Design Essentials:
      5 Must-Haves
• Navigation.




• This pertains to how people will get around on your site. You can’t
  make them work for it, and you want all of your content to be
  readily available. Good navigation is the answer. Use primary
  navigation, secondary navigation, text menus, internal links, search
  boxes and breadcrumbs wisely throughout your site to ensure your
  site visitors can easily find what they are looking for.
• Leading the eye.




•    In addition to navigating through the site, you must also help
    visitors determine how to focus their attention on each page. You
    must “lead the eye,” so to speak, by strategically applying
    weighting, placement, positioning, spacing, and highlighting
    techniques to guide your visitors from areas of primary importance
    to supporting, or secondary, areas.
• Typography.




• The type and size of font you use will greatly impact the user experience,
  and will go a long way in creating the impression you want (or even one
  you don’t want, if you are not careful). Additionally, you must consider
  line spacing, text effects, line length, paragraph size, and emphasis (italics
  and bold) when placing your typography.
• Clarity.




• While it may be tempting to pack your website with all the neat graphics
  and informative content you can, it is more important that your site
  visitors can easily ascertain what is on your page. Keep in mind that
  simplicity is almost always preferable over complexity when it comes to
  web design, and that too many visuals (and/or too much information)
  could end up looking like nothing more than a jumbled mess to your site
  visitors.
• Search engine optimization (SEO).




• Your site is no good if others can’t find it on the web. When
  it comes to website design, good SEO practices include
  using alt text for images, no-following outbound links that
  are irrelevant to the site, and labeling page titles and
  headers effectively.
Don’t skimp when it comes to building your brand.
  Contact the experienced professionals at Fumra
      Media to handle all of your logo and web
                 marketing needs.

             We can be reached at :
               info@fumra.com
               www.fumra.com

More Related Content

What's hot

Enhancing conversions with web design techniques – chris bowser review
Enhancing conversions with web design techniques – chris bowser reviewEnhancing conversions with web design techniques – chris bowser review
Enhancing conversions with web design techniques – chris bowser review
Chris Bowser
 
A guide to writing a great website brief
A guide to writing a great website briefA guide to writing a great website brief
A guide to writing a great website brief
Mark Kelly
 
Presentation1
Presentation1Presentation1
Presentation1
jonnel gonzaga
 
Layout Standards and Techniques
Layout Standards and TechniquesLayout Standards and Techniques
Layout Standards and Techniques
Nick Finck
 
Website designing company in gurgaon
Website designing company in gurgaonWebsite designing company in gurgaon
Website designing company in gurgaon
Css Founder
 
Branding & Designing
Branding & DesigningBranding & Designing
Branding & Designing
02mansi
 
Ia essentials
Ia essentialsIa essentials
Ia essentials
James Barrett
 
Designing With Visual Language
Designing With Visual LanguageDesigning With Visual Language
Designing With Visual Language
Front
 
Resume_NB
Resume_NBResume_NB
Resume_NB
Nick Beauavais
 
Steps and elements of web design
Steps and elements of web designSteps and elements of web design
Steps and elements of web design
Dr. Amaresh Jha
 
Design and user experience in the travel industry
Design and user experience in the travel industryDesign and user experience in the travel industry
Design and user experience in the travel industry
Adam Lee
 
Website upgrade strategy
Website upgrade strategyWebsite upgrade strategy
Website upgrade strategy
Angiline Rauf
 
How to Hire a Web Professional [Web Visions Portland 2012]
How to Hire a Web Professional [Web Visions Portland 2012]How to Hire a Web Professional [Web Visions Portland 2012]
How to Hire a Web Professional [Web Visions Portland 2012]
Aaron Gustafson
 
Researchcbyarse
ResearchcbyarseResearchcbyarse
Researchcbyarse
cbyarse
 
Web design
Web designWeb design
Web design
Sony Prolink
 
15 Rules for Success
15 Rules for Success15 Rules for Success
15 Rules for Success
giddyflat6312
 
B2B Website Design - Growth Driven Design - Jonathan Elder
B2B Website Design - Growth Driven Design - Jonathan ElderB2B Website Design - Growth Driven Design - Jonathan Elder
B2B Website Design - Growth Driven Design - Jonathan Elder
Jonathan Elder
 
Common Web Design Mistakes that Designers Need to Avoid
Common Web Design Mistakes that Designers Need to AvoidCommon Web Design Mistakes that Designers Need to Avoid
Common Web Design Mistakes that Designers Need to Avoid
Team Mango Media Private Limited
 
Trends in website design for 2014 : Why minimalism is preferred
Trends in website design for 2014 : Why minimalism is preferredTrends in website design for 2014 : Why minimalism is preferred
Trends in website design for 2014 : Why minimalism is preferred
Webvriksha
 
Simpleslice Marketing Workshop - Marketers Role in Web Design
Simpleslice Marketing Workshop - Marketers Role in Web DesignSimpleslice Marketing Workshop - Marketers Role in Web Design
Simpleslice Marketing Workshop - Marketers Role in Web Design
garnett3
 

What's hot (20)

Enhancing conversions with web design techniques – chris bowser review
Enhancing conversions with web design techniques – chris bowser reviewEnhancing conversions with web design techniques – chris bowser review
Enhancing conversions with web design techniques – chris bowser review
 
A guide to writing a great website brief
A guide to writing a great website briefA guide to writing a great website brief
A guide to writing a great website brief
 
Presentation1
Presentation1Presentation1
Presentation1
 
Layout Standards and Techniques
Layout Standards and TechniquesLayout Standards and Techniques
Layout Standards and Techniques
 
Website designing company in gurgaon
Website designing company in gurgaonWebsite designing company in gurgaon
Website designing company in gurgaon
 
Branding & Designing
Branding & DesigningBranding & Designing
Branding & Designing
 
Ia essentials
Ia essentialsIa essentials
Ia essentials
 
Designing With Visual Language
Designing With Visual LanguageDesigning With Visual Language
Designing With Visual Language
 
Resume_NB
Resume_NBResume_NB
Resume_NB
 
Steps and elements of web design
Steps and elements of web designSteps and elements of web design
Steps and elements of web design
 
Design and user experience in the travel industry
Design and user experience in the travel industryDesign and user experience in the travel industry
Design and user experience in the travel industry
 
Website upgrade strategy
Website upgrade strategyWebsite upgrade strategy
Website upgrade strategy
 
How to Hire a Web Professional [Web Visions Portland 2012]
How to Hire a Web Professional [Web Visions Portland 2012]How to Hire a Web Professional [Web Visions Portland 2012]
How to Hire a Web Professional [Web Visions Portland 2012]
 
Researchcbyarse
ResearchcbyarseResearchcbyarse
Researchcbyarse
 
Web design
Web designWeb design
Web design
 
15 Rules for Success
15 Rules for Success15 Rules for Success
15 Rules for Success
 
B2B Website Design - Growth Driven Design - Jonathan Elder
B2B Website Design - Growth Driven Design - Jonathan ElderB2B Website Design - Growth Driven Design - Jonathan Elder
B2B Website Design - Growth Driven Design - Jonathan Elder
 
Common Web Design Mistakes that Designers Need to Avoid
Common Web Design Mistakes that Designers Need to AvoidCommon Web Design Mistakes that Designers Need to Avoid
Common Web Design Mistakes that Designers Need to Avoid
 
Trends in website design for 2014 : Why minimalism is preferred
Trends in website design for 2014 : Why minimalism is preferredTrends in website design for 2014 : Why minimalism is preferred
Trends in website design for 2014 : Why minimalism is preferred
 
Simpleslice Marketing Workshop - Marketers Role in Web Design
Simpleslice Marketing Workshop - Marketers Role in Web DesignSimpleslice Marketing Workshop - Marketers Role in Web Design
Simpleslice Marketing Workshop - Marketers Role in Web Design
 

Similar to Website design essentials

20 Website 'Must Haves'
20 Website 'Must Haves'20 Website 'Must Haves'
20 Website 'Must Haves'
Matrix Internet
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
Farmanzaland
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
StanleyMaddox
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
e-Definers Technology
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
Proweaver, Inc
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
EromRamos
 
Your window to the digital world
Your window to the digital worldYour window to the digital world
Your window to the digital world
Masih Nabizadeh
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
Ekta Saraswat
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
Lany Lyn Magdaraog
 
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
nonstopverdict801
 
Is your website design current
Is your website design currentIs your website design current
Is your website design current
Generate UK
 
6 Essentials of Start-up Website
6 Essentials of Start-up Website6 Essentials of Start-up Website
6 Essentials of Start-up Website
WebDreams India
 
How to Design Your Own Website.pptx
How to Design Your Own Website.pptxHow to Design Your Own Website.pptx
How to Design Your Own Website.pptx
GreenCardinalDesign
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
uccwebcourses
 
Web design
Web designWeb design
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
Digital Reach
 
Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
rkraina4
 
10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience
rameshbabu91988
 
Web Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUT
Amy Jorgensen
 
Good web design
Good web designGood web design
Good web design
missstevenson01
 

Similar to Website design essentials (20)

20 Website 'Must Haves'
20 Website 'Must Haves'20 Website 'Must Haves'
20 Website 'Must Haves'
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design7 Important Guidelines for Effective Responsive Web Design
7 Important Guidelines for Effective Responsive Web Design
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Your window to the digital world
Your window to the digital worldYour window to the digital world
Your window to the digital world
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
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
 
Is your website design current
Is your website design currentIs your website design current
Is your website design current
 
6 Essentials of Start-up Website
6 Essentials of Start-up Website6 Essentials of Start-up Website
6 Essentials of Start-up Website
 
How to Design Your Own Website.pptx
How to Design Your Own Website.pptxHow to Design Your Own Website.pptx
How to Design Your Own Website.pptx
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Web design
Web designWeb design
Web design
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
 
Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
 
10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience
 
Web Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUT
 
Good web design
Good web designGood web design
Good web design
 

Website design essentials

  • 3. • Navigation. • This pertains to how people will get around on your site. You can’t make them work for it, and you want all of your content to be readily available. Good navigation is the answer. Use primary navigation, secondary navigation, text menus, internal links, search boxes and breadcrumbs wisely throughout your site to ensure your site visitors can easily find what they are looking for.
  • 4. • Leading the eye. • In addition to navigating through the site, you must also help visitors determine how to focus their attention on each page. You must “lead the eye,” so to speak, by strategically applying weighting, placement, positioning, spacing, and highlighting techniques to guide your visitors from areas of primary importance to supporting, or secondary, areas.
  • 5. • Typography. • The type and size of font you use will greatly impact the user experience, and will go a long way in creating the impression you want (or even one you don’t want, if you are not careful). Additionally, you must consider line spacing, text effects, line length, paragraph size, and emphasis (italics and bold) when placing your typography.
  • 6. • Clarity. • While it may be tempting to pack your website with all the neat graphics and informative content you can, it is more important that your site visitors can easily ascertain what is on your page. Keep in mind that simplicity is almost always preferable over complexity when it comes to web design, and that too many visuals (and/or too much information) could end up looking like nothing more than a jumbled mess to your site visitors.
  • 7. • Search engine optimization (SEO). • Your site is no good if others can’t find it on the web. When it comes to website design, good SEO practices include using alt text for images, no-following outbound links that are irrelevant to the site, and labeling page titles and headers effectively.
  • 8. Don’t skimp when it comes to building your brand. Contact the experienced professionals at Fumra Media to handle all of your logo and web marketing needs. We can be reached at : info@fumra.com www.fumra.com