Working principle of a Website
Working principle of a Website
• Web Site Design Issues
• Phases of Website Development
• Enhancing Website
Web Site Design Issues
• Simplicity
– It is a general tendency of web designers to provide lot of
animations, huge amount of information, extreme visuals
and so on. This makes the web design enormous and it
should be avoided. The web application must be moderate
and simple.
• Identity
– Web design must be based on the nature of the web
application. It is driven by the objective of the web
application, category of user using it.
– A web engineer must work to establish an identity for the
web application through the design.
• Consistency
– The contents of the web application should be
constructed consistently.
– For example: text formatting, font style should be the
same over all the text document of the web
application. Similarly, the graphics design, color scheme
and style must be identical over all the web pages of
the web application.
– Architectural design should produce the templates
using which the consistent hypermedia structure can be
formed. Interface design should define the consistent
modes of interaction, navigation and content display.
Navigation mechanism must be used consistently
across web application elements.
• Robustness
– The users always expect robust contents and functions
of the web application. That means any required
functionality should not be missing at all, If any
function or content is missing or insufficient then that
web application will fail.
• Navigability
– The navigation should be simple and consistent. The
design of navigations should intuitive and predictable
in nature. That means an novice user should be in a
position to make use of navigation links without any
help.
• Visual appeal
– The web applications are most visual and most
dynamic and aesthetic in nature. There are various
factors that contribute to visual appeal. These factors
are-
– Look and feel of the content, interface layout, color co-
ordination, the balance of text, graphics and other
media, navigation mechanism and soon.
• Compatibility
– The web application can be used in variety of
environment and configurations such as different
browsers, internet connection types, operating systems
and various browsers.
Phases of Website Development
• Web project can be designed in the four phases- as given below -
• Phase I: Strategy
– In this phase, a strategic planner or project manager along with the
client determines the objective of the site. As an output of this phase
creative briefs are prepared. The creative brief is a kind of document in
which project objectives, requirements and key insights are clearly
mentioned. Every team member makes use of creative brief as a guide
line for the development.
• Phase II: Design
– In this phase actual design of the website is done with the help of
creative and technical team members. The front end is designed by the
creative team in which user interface and interactions are designed.
The back end is designed by the technical team which is responsible for
designing the database architecture. As an outcome of this phase
functional and technical specifications, site architecture are prepared.
• Phase III : Production
– During this phase actual site is built using the source
code. Functionalities and features of the website are
closely examined. If the client demands for a change in
any functionality then a change order is issued. At the
end of this phase a production guide is prepared.
• Phase IV : Testing
– At this phase all the functionalities and features of the
website are tested, bugs are identified and resolved
before launching the website. The QA manager
develops the test plan. The test suit mentioned in it
used to test the product thoroughly.
Enhancing Website
• There are varieties of ways by which one can enhance his
website. The website can be enhanced using some key
elements such as
• Content- This is the most important element of website. It
helps to spread the business message in an appropriate
manner. The content should be easy to understand. Those
should be to the point and relevant. The information
available on the website must be useful to the user.
• Graphics- Adding too much graphics in the web page slows
down its speed of loading. Hence Graphics is undesirable by
anyuser. However the relevant and appealing graphics can
be added to the website.
• Colors and Text- The colors and. Text that is appearing on
the website must be pleasant to the eyes. As a rule of
thumb, the entire site must use at the most five to six
colors. The text should not be too small or too large. The
selection of the family of font for displaying the text must
be appropriate so that the text can be readable.
• Flash- Use of flash animation makes the site attractive but
at the same time there' are many drawbacks that are
associated with this key element. The first drawback is
the flash files take a large amount time to load the, data
on the web page. Secondly if the flash animation is placed
on the web page then the link for downloading the flash
player must also be provided so that the animation can
be viewed by the user.
• Frames-Frames must be avoided while
designing the website. Instead of using frames
the web designers must prefer the tables. The
reason why the use of frames must be avoided
in the web page is that -the search engines
find it difficult to search the contents from the
site containing the frames.
• Organizing Files-The files required by the
website must be categorized and must be
stored in sorted manner. This makes it easier
to manage the information.

web essentials - Working principle of a Website.pptx

  • 1.
  • 2.
    Working principle ofa Website • Web Site Design Issues • Phases of Website Development • Enhancing Website
  • 3.
    Web Site DesignIssues • Simplicity – It is a general tendency of web designers to provide lot of animations, huge amount of information, extreme visuals and so on. This makes the web design enormous and it should be avoided. The web application must be moderate and simple. • Identity – Web design must be based on the nature of the web application. It is driven by the objective of the web application, category of user using it. – A web engineer must work to establish an identity for the web application through the design.
  • 4.
    • Consistency – Thecontents of the web application should be constructed consistently. – For example: text formatting, font style should be the same over all the text document of the web application. Similarly, the graphics design, color scheme and style must be identical over all the web pages of the web application. – Architectural design should produce the templates using which the consistent hypermedia structure can be formed. Interface design should define the consistent modes of interaction, navigation and content display. Navigation mechanism must be used consistently across web application elements.
  • 5.
    • Robustness – Theusers always expect robust contents and functions of the web application. That means any required functionality should not be missing at all, If any function or content is missing or insufficient then that web application will fail. • Navigability – The navigation should be simple and consistent. The design of navigations should intuitive and predictable in nature. That means an novice user should be in a position to make use of navigation links without any help.
  • 6.
    • Visual appeal –The web applications are most visual and most dynamic and aesthetic in nature. There are various factors that contribute to visual appeal. These factors are- – Look and feel of the content, interface layout, color co- ordination, the balance of text, graphics and other media, navigation mechanism and soon. • Compatibility – The web application can be used in variety of environment and configurations such as different browsers, internet connection types, operating systems and various browsers.
  • 7.
    Phases of WebsiteDevelopment • Web project can be designed in the four phases- as given below - • Phase I: Strategy – In this phase, a strategic planner or project manager along with the client determines the objective of the site. As an output of this phase creative briefs are prepared. The creative brief is a kind of document in which project objectives, requirements and key insights are clearly mentioned. Every team member makes use of creative brief as a guide line for the development. • Phase II: Design – In this phase actual design of the website is done with the help of creative and technical team members. The front end is designed by the creative team in which user interface and interactions are designed. The back end is designed by the technical team which is responsible for designing the database architecture. As an outcome of this phase functional and technical specifications, site architecture are prepared.
  • 8.
    • Phase III: Production – During this phase actual site is built using the source code. Functionalities and features of the website are closely examined. If the client demands for a change in any functionality then a change order is issued. At the end of this phase a production guide is prepared. • Phase IV : Testing – At this phase all the functionalities and features of the website are tested, bugs are identified and resolved before launching the website. The QA manager develops the test plan. The test suit mentioned in it used to test the product thoroughly.
  • 10.
    Enhancing Website • Thereare varieties of ways by which one can enhance his website. The website can be enhanced using some key elements such as • Content- This is the most important element of website. It helps to spread the business message in an appropriate manner. The content should be easy to understand. Those should be to the point and relevant. The information available on the website must be useful to the user. • Graphics- Adding too much graphics in the web page slows down its speed of loading. Hence Graphics is undesirable by anyuser. However the relevant and appealing graphics can be added to the website.
  • 11.
    • Colors andText- The colors and. Text that is appearing on the website must be pleasant to the eyes. As a rule of thumb, the entire site must use at the most five to six colors. The text should not be too small or too large. The selection of the family of font for displaying the text must be appropriate so that the text can be readable. • Flash- Use of flash animation makes the site attractive but at the same time there' are many drawbacks that are associated with this key element. The first drawback is the flash files take a large amount time to load the, data on the web page. Secondly if the flash animation is placed on the web page then the link for downloading the flash player must also be provided so that the animation can be viewed by the user.
  • 12.
    • Frames-Frames mustbe avoided while designing the website. Instead of using frames the web designers must prefer the tables. The reason why the use of frames must be avoided in the web page is that -the search engines find it difficult to search the contents from the site containing the frames. • Organizing Files-The files required by the website must be categorized and must be stored in sorted manner. This makes it easier to manage the information.