Web Disigning
- 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
- 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 .