Web Design


Published on

This is the first presentation in web design course presented by EngSaad
"Basic Concepts"

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web Design

  1. 1. Let`s Make A DealIt is tempting in a web design course to startright away developing web pages. However,since our goal is for you to learn to develophigh-quality websites, we first must spend sometime understand what "quality" means.
  2. 2. Technical Definitions• A webpage is a single HTML document.• A website is a collection of related webpages.• Web design is the planning and creation of websites that meets the goals of the owner and designer.
  3. 3. What Makes A Quality Website?• Search Engine Optimization.• Usability.• Stickability.• Compatibility.
  4. 4. Search Engine Optimization• SEO is defined as the act of optimizing a webpage and/or web site to perform well in the search engines. – When your web site is found higher in the Search Engines, your visitors will increase and your product will sell.
  5. 5. Usability• Usability help a site be user-friendly. – Effectiveness, efficiency and satisfaction.• To have a site that is user-friendly, You should have a site that loads fast, has good and easy navigation and consistent.
  6. 6. Stickability• Stickability is the ability of a web page to "hold" your attention. – Attractive design, and offer good information.
  7. 7. Compatibility• Compatibility allows your web site to work with all browser without difficulty.
  8. 8. Website Design and Development Process Phase 1 Information Gathering Phase 2 Planning Phase 3 Design Phase 4 Development Phase 5 Testing and Delivery Phase 6 Maintenance
  9. 9. Phase One: Information Gathering• Why, Who, What & How – Why this site will exist, who are your target audience?, what tools will be required in order to meet the objectives and finally, how can we tie these pieces together into an attractive design and functional Website.
  10. 10. 1st Step : Why this site will exist?• A website without objectives is like going on a trip without a destination.• What is the purpose of the site? Do you want to provide information, promote a service, sell a product… ?
  11. 11. 2nd Step : Goals• What do you hope to accomplish by building this web site? – Two of the more common goals are either to make money or share information.
  12. 12. 3rd Step : Target Audience• Identify your target audience: – Is there a specific group of people that will help you reach your goals? • Consider their age, sex &r interests – A Good Website Provides Value to Your Audience that draws them to your site again and again.
  13. 13. 4th Step : Content• What kind of information will the target audience be looking for on your site? Are they looking for specific information, a particular product or service.
  14. 14. Phase Two: Planning• list of all main topic areas of the site, as well as sub-topics. This serves as a guide as to what content will be on the site, and is essential to developing a consistent, easy to understand navigational system.
  15. 15. Phase Three: Design• It’s time to determine the look and feel of your site.• Target audience is one of the key factors taken into consideration. A site aimed at teenagers, for example, will look much different than one meant for a financial institution.
  16. 16. Phase Three: Design• You will create one or more prototype designs for the website.• In this phase, communication between both you and website owner is very important to ensure that the final website will match his/her needs and taste. It is important that you work closely with the owner, exchanging ideas, until you arrive at the final design for the website.• Then development can begin…
  17. 17. Phase Four: Development• The developmental stage is the point where the web site itself is created. At this time, your will take all of the individual graphic elements from the prototype and use them to create the actual, functional site.
  18. 18. Phase Five: Testing and Delivery• At this point, your web designer will attend to the final details and test your web site. They will test things such as the complete functionality of forms or other scripts, as well last testing for last minute compatibility issues
  19. 19. File Transfer Protocol• It is time to deliver the site. An FTP (File Transfer Protocol) program is used to upload the web site files to your server. Most web designers offer domain name registration and web hosting services as well.• Now your site is viewable to the public.
  20. 20. Phase Six: Maintenance• One way to bring repeat visitors to your site is to offer new content or products on a regular basis.• You should offer maintenance packages at reduced price to update the information on the web site.
  21. 21. References• http://www.idesignstudios.com/blog/web- design/phases-web-design-development- process/• http://webdesignidaho.com/quality.html