SlideShare a Scribd company logo

Java Unit 5(part 1)

•Download as PPTX, PDF•
•
SURBHI SAROHA
SURBHI SAROHA

This document provides an overview of web design. It begins by defining web design and noting its focus on user experience rather than software development. It then outlines the web design pyramid, emphasizing the importance of content, visuals, technology, and economics. Next, it describes the process of building websites in 7 steps: goal identification, scope definition, sitemap creation, content creation, visual design, testing, and launch. It also discusses considering the user perspective when designing, focusing on qualities like usability, readability, and control. Finally, it lists criteria for evaluating websites, such as accessibility, design, content, interactivity, and creativity.

Related slideshows

Java basic
Java basicJava basic
Java basic
 
Introduction to Java
Introduction to Java Introduction to Java
Introduction to Java
 
Java Presentation
Java PresentationJava Presentation
Java Presentation
 
1 of 15
Java UNIT 5(Part 1) BY:SURBHI SAROHA
SYLLABUS  What is web-design?  Web Design Pyramid  Building Web-sites  User perspective  Content for Evaluation of a web-site
What is web-design?  Web design refers to the design of websites that are displayed on the internet.  It usually refers to the user experience aspects of website development rather than software development.  Web design used to be focused on designing websites for desktop browsers; however, since the mid-2010s, design for mobile and tablet browsers has become ever-increasingly important.  A web designer works on the appearance, layout, and, in some cases, content of a website.  Appearance, for instance, relates to the colors, font, and images used. Layout refers to how information is structured and categorized.
Web Design Pyramid  Content provides the bricks that build the pyramid, but the foundation rests solidly on both visuals and technology, with a heavy reliance on economics to make our project worth doing.  As Web designers, we try to plan our sites carefully, but construction is difficult. The shifting sands of Web technology make it challenging to build our site; construction requires teamwork and a firm understanding of the Web medium.  Even if we are experts able to construct a beautiful and functional Web site, our users may look at our beautiful construction with puzzlement.  Designers, or their employers, often spend more time considering their own needs and wants than those of the site's visitors.  Our conceptual Web pyramids may become too much like brick-and-mortar pyramids—impenetrable tombs that leave us wondering if the users who strike out over the Web to reach our monuments can even find the door.
Cont….  While Web development challenges aren't quite on the level of those faced by the ancient Egyptians, building a functional, pleasing Web site that can stand the test of Internet time is certainly not easy.  The pyramid provides a simple way for designers to think of all aspects of Web design in interplay, but does little to provide a deeper understanding of the Web medium.
Web pyramids: the facets of Web design
Building Web-sites  For me, steps to design a website requires 7 steps:  Goal identification: Where I work with the client to determine what goals the new website needs to fulfill. I.e., what its purpose is.  Scope definition: Once we know the site's goals, we can define the scope of the project. I.e., what web pages and features the site requires to fulfill the goal, and the timeline for building those out.  Sitemap and wireframe creation: With the scope well-defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition will interrelate.
Cont…  Content creation: Now that we have a bigger picture of the site in mind, we can start creating content for the individual pages, always keeping search engine optimization (SEO) in mind to help keep pages focused on a single topic. It's vital that you have real content to work with for our next stage:  Visual elements: With the site architecture and some content in place, we can start working on the visual brand. Depending on the client, this may already be well- defined, but you might also be defining the visual style from the ground up. Tools like style tiles, moodboards, and element collages can help with this process.
Cont…  Testing: By now, you've got all your pages and defined how they display to the site visitor, so it's time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.  Launch: Once everything's working beautifully, it's time to plan and execute your site launch! This should include planning both launch timing and communication strategies — i.e., when will you launch and how will you let the world know? After that, it's time to break out the bubbly.
User perspective  We need to understand how users prefer to interact with a website and what their thinking is.  Users like quality and appreciate credibility: They know it when they see it. Users when browsing the web are actually looking for something and since they bumped into your site, probably you are relevant to their search interest. Users like high quality content. For this, they can compromise with the design or the disturbing ads as well. Content is always of utmost importance.  Users scan before they read: The phenomenal power of the human mind, according to a research at Cambridge University – the human mind does not read every letter by itself, but the word as a whole. The same holds true when they go through a website. They do not inspect every nook and corner of the website, rather they are affected by the overall presentation of the page. The human eye is a very non linear device which can instantly recognize patterns and motions. Hence, it is very important that the components of the page should be proportional in size. One should not overshadow the other. A point to remember is the readability of the text and its associated image. Both should complement each other rather than compete with each other.
Cont…  Online users are very impatient and they need immediate answers: They look for some anchors or links which would redirect them to the required section. The higher the cognitive stress, lesser will be the urge to navigate and more the users will think of looking for an alternative website. Fair enough that your website may not cater to the need of every user in the world, but the focus here is to make the website so user friendly that at least the user feels like going through the contents of the site.  User like to have all the control: There are a bunch of websites which require entering the email before the user can even view the homepage. While it is basically a marketing strategy for gathering leads, it also runs an equal chance of the user leaving the website forever. Hence, allow the user to close the pop-up and continue. The user will sign up if interested otherwise the lead you gathered by force is not worth following. Users like to have control of what they want to see and what information they want to provide.
Content for Evaluation of a web-site  These criteria are taken loosely from the judging criteria at World Best Websites which has a five-star points system for determining the "best" sites on the Web.  1. ACCESSIBILITY  It is important that a website be as universally accessible as possible. For a website to be highly accessible, it will load quickly, and be viewable in different browsers, operating systems and monitor resolutions. It will also provide access to people with disabilities and from different levels of educational and cultural backgrounds. When making a Web site, follow the guidelines of the Web Accessibility Initiative.
Cont…  2. DESIGN  The design of a website is a very important element to consider when judging overall quality. Good websites have a design that is visually appealing, readable, easy to navigate, and reinforces the purpose of the site while giving it a unified look and feel. The Web Style Guide is an excellent resource for the basics of website, Web page, and Web graphic design.  3. CONTENT  Use the Criteria for Assessing the Quality of Information listed above: accuracy, authority, objectivity, currency, and coverage.
Cont….  4. TECHNOLOGICAL ASPECTS AND INTERACTIVITY  You can judge a site on how the technologies used add to (or detract from) the purpose of the site. The site should use new technologies and the multimedia nature of the Web to allow user interactivity and make the experience different from reading a book, listening to the radio or watching a TV show. Message and bulletin boards, surveys, videos, games, online tests, audio selections, chat rooms, broadcasting, and search technologies are just a few of the ways technology can be used to make a website more interactive.  5. CREATIVENESS/ORIGINALITY  Creative and original websites can be more fun to use because of their novelty and ingenuity. A good website is distinguishable from other websites, and should give you something that you can't find elsewhere. It should be distinct and memorable and give a good over-all impression.
Thank you

More Related Content

Java Unit 5(part 1)

  • 1. Java UNIT 5(Part 1) BY:SURBHI SAROHA
  • 2. SYLLABUS  What is web-design?  Web Design Pyramid  Building Web-sites  User perspective  Content for Evaluation of a web-site
  • 3. What is web-design?  Web design refers to the design of websites that are displayed on the internet.  It usually refers to the user experience aspects of website development rather than software development.  Web design used to be focused on designing websites for desktop browsers; however, since the mid-2010s, design for mobile and tablet browsers has become ever-increasingly important.  A web designer works on the appearance, layout, and, in some cases, content of a website.  Appearance, for instance, relates to the colors, font, and images used. Layout refers to how information is structured and categorized.
  • 4. Web Design Pyramid  Content provides the bricks that build the pyramid, but the foundation rests solidly on both visuals and technology, with a heavy reliance on economics to make our project worth doing.  As Web designers, we try to plan our sites carefully, but construction is difficult. The shifting sands of Web technology make it challenging to build our site; construction requires teamwork and a firm understanding of the Web medium.  Even if we are experts able to construct a beautiful and functional Web site, our users may look at our beautiful construction with puzzlement.  Designers, or their employers, often spend more time considering their own needs and wants than those of the site's visitors.  Our conceptual Web pyramids may become too much like brick-and-mortar pyramids—impenetrable tombs that leave us wondering if the users who strike out over the Web to reach our monuments can even find the door.
  • 5. Cont….  While Web development challenges aren't quite on the level of those faced by the ancient Egyptians, building a functional, pleasing Web site that can stand the test of Internet time is certainly not easy.  The pyramid provides a simple way for designers to think of all aspects of Web design in interplay, but does little to provide a deeper understanding of the Web medium.
  • 6. Web pyramids: the facets of Web design
  • 7. Building Web-sites  For me, steps to design a website requires 7 steps:  Goal identification: Where I work with the client to determine what goals the new website needs to fulfill. I.e., what its purpose is.  Scope definition: Once we know the site's goals, we can define the scope of the project. I.e., what web pages and features the site requires to fulfill the goal, and the timeline for building those out.  Sitemap and wireframe creation: With the scope well-defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition will interrelate.
  • 8. Cont…  Content creation: Now that we have a bigger picture of the site in mind, we can start creating content for the individual pages, always keeping search engine optimization (SEO) in mind to help keep pages focused on a single topic. It's vital that you have real content to work with for our next stage:  Visual elements: With the site architecture and some content in place, we can start working on the visual brand. Depending on the client, this may already be well- defined, but you might also be defining the visual style from the ground up. Tools like style tiles, moodboards, and element collages can help with this process.
  • 9. Cont…  Testing: By now, you've got all your pages and defined how they display to the site visitor, so it's time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.  Launch: Once everything's working beautifully, it's time to plan and execute your site launch! This should include planning both launch timing and communication strategies — i.e., when will you launch and how will you let the world know? After that, it's time to break out the bubbly.
  • 10. User perspective  We need to understand how users prefer to interact with a website and what their thinking is.  Users like quality and appreciate credibility: They know it when they see it. Users when browsing the web are actually looking for something and since they bumped into your site, probably you are relevant to their search interest. Users like high quality content. For this, they can compromise with the design or the disturbing ads as well. Content is always of utmost importance.  Users scan before they read: The phenomenal power of the human mind, according to a research at Cambridge University – the human mind does not read every letter by itself, but the word as a whole. The same holds true when they go through a website. They do not inspect every nook and corner of the website, rather they are affected by the overall presentation of the page. The human eye is a very non linear device which can instantly recognize patterns and motions. Hence, it is very important that the components of the page should be proportional in size. One should not overshadow the other. A point to remember is the readability of the text and its associated image. Both should complement each other rather than compete with each other.
  • 11. Cont…  Online users are very impatient and they need immediate answers: They look for some anchors or links which would redirect them to the required section. The higher the cognitive stress, lesser will be the urge to navigate and more the users will think of looking for an alternative website. Fair enough that your website may not cater to the need of every user in the world, but the focus here is to make the website so user friendly that at least the user feels like going through the contents of the site.  User like to have all the control: There are a bunch of websites which require entering the email before the user can even view the homepage. While it is basically a marketing strategy for gathering leads, it also runs an equal chance of the user leaving the website forever. Hence, allow the user to close the pop-up and continue. The user will sign up if interested otherwise the lead you gathered by force is not worth following. Users like to have control of what they want to see and what information they want to provide.
  • 12. Content for Evaluation of a web-site  These criteria are taken loosely from the judging criteria at World Best Websites which has a five-star points system for determining the "best" sites on the Web.  1. ACCESSIBILITY  It is important that a website be as universally accessible as possible. For a website to be highly accessible, it will load quickly, and be viewable in different browsers, operating systems and monitor resolutions. It will also provide access to people with disabilities and from different levels of educational and cultural backgrounds. When making a Web site, follow the guidelines of the Web Accessibility Initiative.
  • 13. Cont…  2. DESIGN  The design of a website is a very important element to consider when judging overall quality. Good websites have a design that is visually appealing, readable, easy to navigate, and reinforces the purpose of the site while giving it a unified look and feel. The Web Style Guide is an excellent resource for the basics of website, Web page, and Web graphic design.  3. CONTENT  Use the Criteria for Assessing the Quality of Information listed above: accuracy, authority, objectivity, currency, and coverage.
  • 14. Cont….  4. TECHNOLOGICAL ASPECTS AND INTERACTIVITY  You can judge a site on how the technologies used add to (or detract from) the purpose of the site. The site should use new technologies and the multimedia nature of the Web to allow user interactivity and make the experience different from reading a book, listening to the radio or watching a TV show. Message and bulletin boards, surveys, videos, games, online tests, audio selections, chat rooms, broadcasting, and search technologies are just a few of the ways technology can be used to make a website more interactive.  5. CREATIVENESS/ORIGINALITY  Creative and original websites can be more fun to use because of their novelty and ingenuity. A good website is distinguishable from other websites, and should give you something that you can't find elsewhere. It should be distinct and memorable and give a good over-all impression.