Your SlideShare is downloading. ×
Web Disigning
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Web Disigning

576
views

Published on

Published in: Education, Business, Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
576
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. September 30, 2009
  • 2.
    • Site Planning
    • Determine site goals
    • Analyze your audience
    • Analyze the “competition”
    • Know your own abilities and resources
    • Map the current site
    • Design your new site
  • 3.
    • Site Goals and Guidelines
    • Why are you creating this site?
    • What does the site owner hope to achieve with this site?
    • What action does the site owner want the audience to take as a result of visiting?
    • What restrictions or guidelines must be followed when designing the site?
  • 4.
    • Audience Analysis
    • Who are you trying to reach?
      • Age
      • Language and Culture
      • Level of education
      • Access to the Web (High-speed? Dial-in?)
      • Familiarity with the Web
      • Barriers to access?
    • What are they looking for at your site?
      • Information
      • Services
      • Community
  • 5.
    • Analyze the “Competition”
    • Look for sites with similar contents, purpose
    • At other organizations
    • In the private sector
    • What are the trends and precedents?
    • Where do they excel or fall short?
  • 6.
    • Know Resources & Abilities
    • What technical knowledge do you have?
    • What tools, resources, and time do you have
    • access to (now AND later)?
    • Software
    • - Web authoring tools
    • - Image editing tools
    • - Animation tools
    • Hardware
    • - Camera (video and/or still)
    • - Scanner (flatbed or slide)
    • Other people
    Think long-term! Be sure you have the resources to maintain the site
  • 7.
    • Design the Site
    • Determine the site structure (site map)
    • Gather content (visuals, information)
    • Mock up a visual design
    • Build the site in a “test” mode
    • Perform (user) testing and make changes
    • Put the site into production
    • Review audience needs/wants with site owner
    • Maintain and update the site
  • 8.
    • Visitors first impressions
    • Should tell what your site is about
    • Should provide index / table of contents
    • Keep short and to the point
    • Should not contain a lot of text
    • Avoid huge list of links to every single page
  • 9.  
  • 10.  
  • 11. Tip no. 1 Create a Suitable Template Template contains your entire page design, logo, images, navigational links and a specific area for your content.
  • 12.
    • Tip no. 2
    • Optimum Load Time
    • Design should be optimized for the web
    • Should not take more than 10 seconds to load
    • Minimize Graphics, Animations, Flash and scripts
  • 13.
    • Tip no. 3
    • Format Pages with Tables
    • Use Three Tables
    • (Header, Main Content and Footer)
    • Set border attribute to “0”
  • 14.
    • Tip no. 4
    • Neat and Easy Navigation
    • Make sure all your important links are at prominent places
    • Make use of menus on the right and the left
    • Let your information be accessible from all parts of the site
    • Use the footer for your important links
    • “ Rule of Three”
  • 15. Tip no. 5 Cross Browser Compatibility - Internet Explorer 5+ - Netscape Navigator 6+ - Opera 7.0 and - Mozilla Firefox 1.0
  • 16.
    • Tip no. 6
    • Design for All Screen Resolutions
    • Resolution range from 640 x 480 to 1024 x 768 and go even higher
  • 17.
    • Tip no. 7
    • Readable & Professional
    • Looking Font
    • - Common and professional web fonts
    • - Be consistent with font
    • Avoid spelling mistakes
    • Highlight the main elements only
  • 18.
    • Tip no. 8
    • Background and Text Colors
    • Avoid busy background
    • Be consistent with background theme on each page and web page colors
    • Avoid bright/dark background color
    • Don’t overuse colors
    • Don't make your text the same color as your background .
  • 19.  
  • 20.