Download presentation
Presentation is loading. Please wait.
Published byJohn Chambers Modified over 9 years ago
1
Refine Produce Implement Design and Development Stages
2
Project Analysis & Design Phases Discover Exploration Refinement Production Implementation Launch Maintenance
3
Refinement Polishing the navigation, layout, and flow of the selected design. By the end of the refinement phase, you will have a highly detailed design to present to your client.
4
Interactive Prototype Production – Developing the fully interactive prototype that embodies and represents the final design idea. The client will have a better feel for how the finished web site will look and perform.
5
Design Guidelines Fonts Color of links Color scheme Style guide for consistent writing (for example, do you use email or e-mail)
6
Naming Conventions Some prefer "aboutthecompany.html" vs. "about.html". Try to avoid falling into the trap of "AboutTheCompany.html". Using key caps will only be another convention to remember.
7
Version Control If you have 3 or more people working on the HTML of your site, you will want to have some kind of established method of version control in place to avoid writing over files or duplication of efforts.
8
Usability Testing Make sure you have reached the goals - test to see if the web user can complete the task(s) you want them to accomplish.
9
Inverse Pyramid Writing Style Customers want web pages to download fast, be easy to use and fast to scan. Employ a common journalistic style called inverse-pyramid writing.
10
Main idea Background info supporting details quotes
11
Grab attention within 7 seconds! Place the most important information above the ‘fold’ or before they need to scroll. http://www.webdesignfrom scratch.com/attention_map.cf mhttp://www.webdesignfrom scratch.com/attention_map.cf m
12
Screen Resolution Best Screen Resolution to design Websites 800x600? 1024x768? The oldest question in website design - 'What's the best monitor screen resolution to use when building your site? http://www.hobo-web.co.uk/seo- blog/index.php/best-screen-size/
13
Web Browser Compatibility Browsrcamp - Returns a screenshot of your page as viewed with Safari.Browsrcamp Browsershots - Screenshot of your page in many browsers. Up to 24 hour wait.Browsershots
14
Validators XHTML Validators W3C Markup Validation Service CSS Validtators W3C CSS Validator
15
Don’t Forget Accessibility Issues Accessibility Total Validator- test single pages of web content for quality, accessibility, and privacy issuesValidator-
16
Optimization Web Page Analyzer
17
Go Impress Them! You can do it!
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.