SlideShare a Scribd company logo
1 of 17
WEB DESIGN ..BY.. DD  #2 	 Nut  #6 		 Mai  #33
7  Important web design features
Image This website contains a high quality photo. Three big hamburgers look so tempting! 			www.mcdonals.com
Good Graphics 	This website is a good example of graphic design. The graphics on this page include pictures of the products, the logo of the company, and also nice animations  can be found on the page. www.sony.com
Good Animations This website has an animated introduction where you can learn the idea of what the website is all about. www.garthnix.co.uk
Good Color 	Twitter.com is a good example of a website with nice choices of color. White and shades of blue makes the user feel calm while looking at the page. It doesn’t hurt the eyes. www.twitter.com
Good Concise          This world leading news website has a very well-designed layout. Especially the headlines of the news, which are short and express the whole idea of each article it represents. www.cnn.com
Good Navigation 	This page contains all three main features a good website needs: a navigation bar, a search box, and a help link, which helps the user learn how to use the website in a n easy way. www.photobucket.com
Good Content This is a blog hosting website where users can share information about many things. This makes it interesting and easy to search for contents you need. www.livejournal.com
7 Bad website design features
Bad Color 	Bright color makes the website untidy and hard to read. The background is too colorful. People could blind because looking this. www.dokimos.org/ajff/
Bad Content 	The range of the content of this website is too wide. It has too many topics on the website which makes it not interesting.  The site contains bits of every topics too. www.havenworks.com
Bad Image 	Photos in this website are very small and have bad quality. The layout of this webpage is too messy which makes it hard to read. www.arngren.net
Bad Concise 	This website has thousands of links to different topics. This makes it hard for the user to find the right topic they need. It also doesn’t have a search box. www.teacherxpress.com
Bad Graphic This page contains hundreds of animated pictures. This makes it not interestingand not professional.
Bad Navigation This webpage does not provide a search box. The contents are all on the same page which makes it  hard to look through. There is also no help links on the page. www.angelfire.com/superbadwebs
Thank you for watching!

More Related Content

Viewers also liked

6 Essentials of Start-up Website
6 Essentials of Start-up Website6 Essentials of Start-up Website
6 Essentials of Start-up WebsiteWebDreams India
 
Creating a Website: Creating Content and Launching Your Site
Creating a Website: Creating Content and Launching Your SiteCreating a Website: Creating Content and Launching Your Site
Creating a Website: Creating Content and Launching Your SiteCapital Region Digital Enterprise
 
Website redesign process | Website Design & Development Company in USA
Website redesign process | Website Design & Development Company in USAWebsite redesign process | Website Design & Development Company in USA
Website redesign process | Website Design & Development Company in USAeSparkBiz
 
Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100! Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100! Agence Tesla
 
Website Architecture: Sitemap & Wireframes
Website Architecture: Sitemap & WireframesWebsite Architecture: Sitemap & Wireframes
Website Architecture: Sitemap & WireframesAmy Lamp
 
WordCamp Manchester 2016 - Making WordPress Menus Smarter
WordCamp Manchester 2016 - Making WordPress Menus SmarterWordCamp Manchester 2016 - Making WordPress Menus Smarter
WordCamp Manchester 2016 - Making WordPress Menus SmarterJonny Allbut
 
Psychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela RutledgePsychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela RutledgePamela Rutledge
 
Sitemap Templates by Creately
Sitemap Templates by CreatelySitemap Templates by Creately
Sitemap Templates by CreatelyCreately
 
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsWebsite Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsCharles Edmunds
 
Website Layout and Structure
Website Layout and StructureWebsite Layout and Structure
Website Layout and StructureMichael Zinniger
 
Islamic Architecture History
Islamic Architecture HistoryIslamic Architecture History
Islamic Architecture HistoryAira Altovar
 
Creating a WordPress Website that Works from the Start
Creating a WordPress Website that Works from the StartCreating a WordPress Website that Works from the Start
Creating a WordPress Website that Works from the StartNile Flores
 

Viewers also liked (16)

6 Essentials of Start-up Website
6 Essentials of Start-up Website6 Essentials of Start-up Website
6 Essentials of Start-up Website
 
Creating a Website: Creating Content and Launching Your Site
Creating a Website: Creating Content and Launching Your SiteCreating a Website: Creating Content and Launching Your Site
Creating a Website: Creating Content and Launching Your Site
 
Website redesign process | Website Design & Development Company in USA
Website redesign process | Website Design & Development Company in USAWebsite redesign process | Website Design & Development Company in USA
Website redesign process | Website Design & Development Company in USA
 
E-Commerce Setting Up An Online Store Part 1
E-Commerce Setting Up An Online Store Part 1E-Commerce Setting Up An Online Store Part 1
E-Commerce Setting Up An Online Store Part 1
 
Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100! Building a website in less than 3h and less than $100!
Building a website in less than 3h and less than $100!
 
Website Architecture: Sitemap & Wireframes
Website Architecture: Sitemap & WireframesWebsite Architecture: Sitemap & Wireframes
Website Architecture: Sitemap & Wireframes
 
WordCamp Manchester 2016 - Making WordPress Menus Smarter
WordCamp Manchester 2016 - Making WordPress Menus SmarterWordCamp Manchester 2016 - Making WordPress Menus Smarter
WordCamp Manchester 2016 - Making WordPress Menus Smarter
 
Psychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela RutledgePsychology of Website Design - Dr. Pamela Rutledge
Psychology of Website Design - Dr. Pamela Rutledge
 
Sitemap Templates by Creately
Sitemap Templates by CreatelySitemap Templates by Creately
Sitemap Templates by Creately
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
 
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy WorkshopsWebsite Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy Workshops
 
Websites that work
Websites that workWebsites that work
Websites that work
 
Website Layout and Structure
Website Layout and StructureWebsite Layout and Structure
Website Layout and Structure
 
Website Design Basics
Website Design BasicsWebsite Design Basics
Website Design Basics
 
Islamic Architecture History
Islamic Architecture HistoryIslamic Architecture History
Islamic Architecture History
 
Creating a WordPress Website that Works from the Start
Creating a WordPress Website that Works from the StartCreating a WordPress Website that Works from the Start
Creating a WordPress Website that Works from the Start
 

Similar to 7 important_web_design_features

presentation
presentation presentation
presentation Alkasas
 
7 Examples of good and bad e-commerce websites
7 Examples of  good and bad e-commerce websites7 Examples of  good and bad e-commerce websites
7 Examples of good and bad e-commerce websitesTreesukon Koytaranon
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen beckybbb
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01Farmanzaland
 
wordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systemswordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systemsDigital Systems
 
Web design lesson 1
Web design lesson 1Web design lesson 1
Web design lesson 1Jamie Hutt
 
Web design lesson 1
Web design lesson 1Web design lesson 1
Web design lesson 1Jamie Hutt
 
Web Design Lesson 1
Web Design Lesson 1Web Design Lesson 1
Web Design Lesson 1Jamie Hutt
 
Lesson 1 - Web Design
Lesson 1 - Web DesignLesson 1 - Web Design
Lesson 1 - Web DesignJamie Hutt
 
Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022simonedaniels3
 
Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1Malron Sanders
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
UsabilityslideshowCarmell06769
 
22 Flat Web Design Examples and Ideas for Inspiration
22 Flat Web Design Examples and Ideas for Inspiration22 Flat Web Design Examples and Ideas for Inspiration
22 Flat Web Design Examples and Ideas for Inspirationjohnpitt42
 
What Makes a Good Website
What Makes a Good WebsiteWhat Makes a Good Website
What Makes a Good Websitequinnluqayothrb
 

Similar to 7 important_web_design_features (20)

presentation
presentation presentation
presentation
 
P1 M1 media
P1 M1 mediaP1 M1 media
P1 M1 media
 
7 Examples of good and bad e-commerce websites
7 Examples of  good and bad e-commerce websites7 Examples of  good and bad e-commerce websites
7 Examples of good and bad e-commerce websites
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Camping Presentation
Camping PresentationCamping Presentation
Camping Presentation
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
wordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systemswordpress-based-non-profit-website-redesign-project-by-digital-systems
wordpress-based-non-profit-website-redesign-project-by-digital-systems
 
Web design lesson 1
Web design lesson 1Web design lesson 1
Web design lesson 1
 
Web design lesson 1
Web design lesson 1Web design lesson 1
Web design lesson 1
 
Web Design Lesson 1
Web Design Lesson 1Web Design Lesson 1
Web Design Lesson 1
 
Lesson 1 - Web Design
Lesson 1 - Web DesignLesson 1 - Web Design
Lesson 1 - Web Design
 
Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022
 
Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1Top 10 Graphic Design Mistakes - Part 1
Top 10 Graphic Design Mistakes - Part 1
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
22 Flat Web Design Examples and Ideas for Inspiration
22 Flat Web Design Examples and Ideas for Inspiration22 Flat Web Design Examples and Ideas for Inspiration
22 Flat Web Design Examples and Ideas for Inspiration
 
What Makes a Good Website
What Makes a Good WebsiteWhat Makes a Good Website
What Makes a Good Website
 
20 Website 'Must Haves'
20 Website 'Must Haves'20 Website 'Must Haves'
20 Website 'Must Haves'
 
What is a website
What is a websiteWhat is a website
What is a website
 

7 important_web_design_features

  • 1. WEB DESIGN ..BY.. DD #2 Nut #6 Mai #33
  • 2. 7 Important web design features
  • 3. Image This website contains a high quality photo. Three big hamburgers look so tempting! www.mcdonals.com
  • 4. Good Graphics This website is a good example of graphic design. The graphics on this page include pictures of the products, the logo of the company, and also nice animations can be found on the page. www.sony.com
  • 5. Good Animations This website has an animated introduction where you can learn the idea of what the website is all about. www.garthnix.co.uk
  • 6. Good Color Twitter.com is a good example of a website with nice choices of color. White and shades of blue makes the user feel calm while looking at the page. It doesn’t hurt the eyes. www.twitter.com
  • 7. Good Concise This world leading news website has a very well-designed layout. Especially the headlines of the news, which are short and express the whole idea of each article it represents. www.cnn.com
  • 8. Good Navigation This page contains all three main features a good website needs: a navigation bar, a search box, and a help link, which helps the user learn how to use the website in a n easy way. www.photobucket.com
  • 9. Good Content This is a blog hosting website where users can share information about many things. This makes it interesting and easy to search for contents you need. www.livejournal.com
  • 10. 7 Bad website design features
  • 11. Bad Color Bright color makes the website untidy and hard to read. The background is too colorful. People could blind because looking this. www.dokimos.org/ajff/
  • 12. Bad Content The range of the content of this website is too wide. It has too many topics on the website which makes it not interesting. The site contains bits of every topics too. www.havenworks.com
  • 13. Bad Image Photos in this website are very small and have bad quality. The layout of this webpage is too messy which makes it hard to read. www.arngren.net
  • 14. Bad Concise This website has thousands of links to different topics. This makes it hard for the user to find the right topic they need. It also doesn’t have a search box. www.teacherxpress.com
  • 15. Bad Graphic This page contains hundreds of animated pictures. This makes it not interestingand not professional.
  • 16. Bad Navigation This webpage does not provide a search box. The contents are all on the same page which makes it hard to look through. There is also no help links on the page. www.angelfire.com/superbadwebs
  • 17. Thank you for watching!