1 / 25

Enhancing Web Usability: Key Elements for Exceptional Design

Explore essential elements of web usability highlighted by A. Nugaliyadde. In this analysis, we evaluate various web pages like MIT's Center for Advanced Visual Studies and Touch of Modern for their design effectiveness. We discuss the importance of clear navigation, proper use of images and color combinations, and the role of white space in improving readability. Discover how ease of use and simplicity contribute to a user-friendly experience, and learn practical tips to ensure your website stands out.

joan-maldonado
Télécharger la présentation

Enhancing Web Usability: Key Elements for Exceptional Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Usability • A Nugaliyadde

  2. Look At These web Pages • What Do You Think? • http://cavs.mit.edu/ - Center for Advanced Visual Studied • http://sundaymorning.ekwc.nl/ - Sunday Morning • https://www.touchofmodern.com - DapperMan • http://createwhatmattersmost.blogspot.ca/ - What Matters Most ITA

  3. Your Opinion • Do You Think These are Good Web Sites? • Are They Well Designed? • What Do You Feel? ITA

  4. Now Look At These • What Do You Think? • https://streetart.withgoogle.com/en/#home – Google Street view • http://www.bendavidsandhu.com/ - GOS • http://themefuse.com/ - Web Themes ITA

  5. Your Opinion • Do You Think These are Good Web Sites? • Are They Well Designed? • What Do You Feel? ITA

  6. What was The Difference? • Organization of the Site ITA

  7. What Are The Differences? • Clear Visibility of The Web Pages Topic • The Ease to Maneuver Through The Web Pages • Ease To Understand the Pages ITA

  8. What Are The Differences? • Use of Proper Images ITA

  9. What Are The Differences? • Clear , Visible and Meaningful Images • Distinct Difference Between Images • Different Color Combinations in Images ITA

  10. What Are The Differences? • Use of Colors in Web Page and Font ITA

  11. What Are The Differences? • Distinct Color Difference • Proper Color Difference Between : • Buttons • Text • and Back Ground ITA

  12. What Are The Differences? • Simplicity ITA

  13. What Are The Differences? • Simpler the Web Site More User Friendly It is • There are no Maximum Number of Web Pages • Spread Through out the Web Site • Use the White Space: • White Space is Needed But Not too Much ITA

  14. Theories For Web Sites • Web Safe Colors: • There are No Specific Web Safe Colors NowYou can Use Up to or Over 16 Million Different Colors ITA

  15. Theories For Web Sites • Web Fonts: • There are No Web Friendly Fonts, But There are, • Web Safe Font Combinations • Reference: • http://www.w3schools.com/cssref/css_websafe_fonts.asp ITA

  16. Theories For Web Sites • Easy Navigation • Web Pages Must Maintain a Very Simple Navigation Procedure • Users Must be Able to Find The Links with Easy. • Check This: • https://www.touchofmodern.com/ ITA

  17. Theories For Web Sites • Show That The Web Site is Working: When Processing • Make Sure Your Web Site Will have a Progress/Loading Bar • This will Always Keep The Users Attention. ITA

  18. Theories For Web Sites • White Space: • Improves Comprehension • Can Group Clearly • Content Becomes More Readable ITA

  19. Theories For Web Sites • Provide Vital Information of Products: • Users are Able Search and Take Decision Directly by Checking the Web Site • Check: • https://www.apple.com/ipod-nano/ ITA

  20. Theories For Web Sites • How Can We Make a Web Page Look The Same: • Use percentage without using pixels. • ex: width:100% , height : 100% • Maintain The Margins According to Each Page’s Content • Check: https://www.apple.com ITA

  21. Theories For Web Sites • You Can Always Use : • Audio and Videos for Web Pages • Check: • https://streetart.withgoogle.com/en/#home ITA

  22. Theories For Web Sites • Page Loading: • Make The Images Small in Size • Use CSS to Get The Images • Use Div Rather Than Tables • Check With The Hosting Service.  • Check: http://www.ferrari.com/Pages/Gateway.aspx?CountryId=88&CountryTitle=United%20States ITA

  23. Theories For Web Sites • There are No Defined Number of Web Pages for a Site • But It’s Better To Have : • About Us • Contact Us • for Any Web Site. • For a Commercial Web Site: • Details Product Page • Offers Page • AND REMEMBER TO HAVE A HOME PAGE ITA

  24. Theories For Web Sites • Hosting for Free: • http://www.webs.com/ • https://www.freehosting.com/ • Hosting With a Price: • http://www.godaddy.com/ • https://cloud.google.com/ ITA

  25. Make Your Web Site The Best One ITA

More Related