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.

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.

15. Thank you