Web Designing Issues

Download Report

Transcript Web Designing Issues

Web Designing Issues
 Introduction
 What is Web Designing?
 Technologies used for Web Designing
 Architecture of your Website
 Different Types of Website
 Issues with Web Designing
 Common mistakes during Designing Website
Introduction to Web Designing
Web Designing is the follow of presentation content that are delivered to end users
through world wide web using a Web Browser.
The goal of Web Design is to build a Website – collections of electronics documents and applications that
resides on Web Server/ Servers.
The Website may include text, images, sounds and other contents or may be interactive.
Unless a web site meets the needs of the deliberate users it will not meet the needs of the organisation
providing the web site.
Website development should be user - centred, evaluating the evolving design against user requirements.
The design should take account of recognized guidelines for web writing style, navigation and page design.
The site structure and page design should be evaluated by representative end users.
Management and maintenance is important to maintain usability.
If you are going to make known a Web page, there are a lot of stuff that you need to think. One way to
learn about good page design is to cruise other people's well designed pages.
You can use your browser's View | Source command to check the HTML markup, locate the .gif files,
spot scripts, and generally get the inside view of how the page is designed and constructed.
This is alike to running your pet computer application and being able to call up the source code in a
window to see how certain subroutines work.
With such simple contact to the inner workings and stuffing of other Web pages, it seems only usual to
borrow, paste, modify and or else use the resources of the net to fashion your own presence.
What is Web Designing?
The skill of making designs of a website with smart looks and creative ideas is the website designing. By this
way you can issue your ideas concerning your services and products to common public. Websites are the
source for you to tie to the international market. The probability to earn higher profit in the region of global
website can be better through an attractive design of the website.
Web design is used as a broad term to explain any of the various tasks involved in creating a web page. More
exclusively, it refers to jobs focused on building the front-end of a web page.
The web consists of many pages, presenting information using different technologies and linked together
with hyperlinks. There are two basic aspects to any web page found on the Internet. The first is a
presentation that the user interacts with, typically visually, although the second is a back-end that includes
information for non-human browsers.
The basic markup language used to tell a browser how to present information is called the
HyperText Markup Language (HTML). A stricter version of HTML is also widely used, known as eXtensible
HyperText Markup Language (XHTML). Using HTML or XHTML, a web designer is able to tell a browser
how a web page should emerge. In the last few years there has been a thrust towards untying the underlying
structure of a web-page (using HTML) from the visual presentation of the site (using Cascading Style
Sheet or CSS). This approach has a number of major benefits in both the short and long term, and is
assembly popularity as time progresses.
So as to design an smart website many websites plug-ins like Java Script, Flash, and Quick Time are used.
whilst designing a website make use of graphical elements which help the users for navigating through web
pages with an ease.
Today, there are a number of types of websites under designing process. They can enclose static pages and
dynamic pages.
Dynamic Pages – These Web Pages are designed in way that they can give response to the entered input at
the front end. These pages can be adapted or changed depending on the modifications done by the web
Today, you do not have to be dependent on web master for altering contents of your web pages.You can
renew the contents of your website by making use of CMS (Content Management System).
Technologies used for Web Designing
Markup languages (such as HTML, XHTML and XML)
Style sheet languages (such as CSS and XSL)
Client-side scripting (such as JavaScript and VBScript)
Server-side scripting (such as PHP and ASP)
Database technologies (such as MySQL, MSSQL)
Multimedia technologies (such as Flash and Silverlight)
Based on the necessities of the company website can be made in static or dynamic depending on the
nature of the site.
Different Types of Website
Static websites
A static website is the simplest form of website, in which the site’s substance is delivered without the use
of server side processing. Static websites are used principally for brochure sites and can include complex
graphics, animations and JavaScript driven features.
Dynamic websites
Dynamic websites rely on server side scripting to provided advanced interactivity and typically use a
database to deliver the content for individual pages. A dynamic advance is appropriate for developing
bulky websites with content which is standard, for example, catalogues, photograph albums and complex
series of data. A dynamic website will be necessary to allow users to sort and search records, or to limit
access to parts of the website using a log-in system.
Content managed websites
A content managed website is a more alteration of the database driven dynamic site. The content
management system provides a password protected interface through which users can add, edit and
remove content from the site. A content management system is mainly useful in the case of bulky sites
which have many contributors, some of whom may be working from remote locations.
eCommerce websites
An eCommerce website is a dynamic website which has the functionality to method financial transactions.
Most eCommerce websites are built to imitate a bricks and gun store and use the model of stock pages,
shopping basket system and checkout, using a secure online payment system. Many eCommerce sites also
contain a content management system, so that product details can be added or updated, and some contain
advanced features such as automated stock control.
Flash websites
Flash is proprietary software developed by Macromedia which is used to create complex animations. The
programme is stylish enough for entire websites to be constructed using Flash technology. Flash websites
can be visually striking and provide or else unfeasible levels of user interactivity.
Issues with Web Designing
Website design has a lot of constraints – especially the shape, size, resolution and color capabilities of the
viewing system. Font options are also strictly limited at the present time.
The correct placement of design elements that print media allow is not accessible on web pages, so there
are a series of compromises to be made.
a) Automatic audio
Always give people the choice of listening to any music or recorded information you have on your site.
Don't routinely suppose that your visitors will be fascinated by your voice or your music. Always give
them the choice of turning it off.
b) Spinning, flashing, or blinking ads
Flashing banner ads are the alike of a festival barker trying to entice people into a sideshow.You don’t need
to shout to people to get you message heard. Keep you ads partial and your content rich.
c)Unnavigable sites
Do not anticipate visitors to leap through "link hoops" to get to your information. They won't. Make your
product, price, or service, clear, precise, and simple to find. Design your content so that still elementary
school children can appreciate your site.
d)Excessive pop-ups
In this day and age, pop-ups are predictable. But if visitors have to secure various pop-ups to get to your
site, they may depart and never come back. The same applies for "fly-in" or "hover" that rebound across
the screen. If you have to use something, include a pop-up that loads when a visitor leaves your site.
e)A page full of dead links and 404 error messages
Maintain your links up to date and take along the links that are no longer active.
f) Dark text on a dark background
Don't anticipate your readers to work to read your content, Since they won't. They will depart and find
the information they need elsewhere.
g) Use Flash judiciously
Except you have a film site or a product that requires a detailed visual description, resist using
Macromedia's Flash for e-commerce. If you are using your site to sell a product, use high-quality, fastloading photos and creative descriptions of each item. If you must use Flash, make your files as small and
fast-loading as possible.
h) Solid blocks of text with no breaks between paragraph
That may work in print, but it will not flutter on the Web. People don't read online content the way they
read offline -- they skim. Impressive blocks of dark text will put off your readers. Make your content clear
and short. Break up your paragraphs, and use plenty of white space.
Common mistakes during Designing Website
There are numerous lists of web design mistakes around the Internet. Most of them, conversely, are the
“Most common” or “Top 10” mistakes .
The user must know what the site is about in seconds
Notice is one the most valuable currencies on the Internet. If a visitor can not figure what your site is
about in a couple of seconds, he will maybe just go somewhere else.
Make the content scanable
This is the Internet, not a book, so forget bulky blocks of text. Perhaps I will be visiting your site as I
work on other matter so make sure that I can examine during the whole content. Bullet points, headers,
subheaders, lists.
Do not use fancy fonts that are unreadable
Certain there are some fonts that will give a difficult look to your website. But are they understandable?
If your main purpose is to convey a message and get the visitors reading your material, then you should
make the process easy for them.
Do not use tiny fonts
The earlier point applies here, you want to make sure that readers are comfortable reading your content.
My Firefox does have a zooming feature, but if I need to use on your website it will perhaps be the last
time I visit it.
Do not open new browser windows
I used to do that on my first websites. The logic was easy, if I open new browser windows for outside links
the user will never leave my site. WRONG! Let the user manage where he wants the links to open. There
is a cause why browsers have a vast “Back” button. Do not be anxious about sending the visitor to another
website, he will get back if he wants to (even porn sites are starting to get aware regarding this point
Do not resize the user’s browser windows
The user should be in control of his browser. If you resize it you will risk to confusion things up on his
side, and what is worse you might lose your trustworthiness in front of him.
Do not require a registration unless it is necessary
Lets put this immediately, when I browse around the Internet I want to get information, not the other way
around. Do not force me to register up and leave my email address and other details except it is
extremely necessary (i.e. unless what you offer is so good that I will bear with the registration).
Do not overuse Flash
Separately from increasing the load time of your website, extreme usage of Flash might also irritate the
visitors. Use it only if you must offer features that are not supported by static pages.
Do not play music
On the early years of the Internet web developers constantly tried to successfully include music into
websites. Estimate what, they failed unhappily. Do not use music, period.
Make sure to include contact details
There is nothing inferior than a website that has no contact details. This is not bad only for the visitors, but
also for yourself.You might drop important feedback along the way.
Do not break the “Back” button
This is a very basic standard of usability. Do not break the “Back” button under any condition. Opening
new browser windows will smash it, for instance, and some Javascript links might also smash them.
Avoid complex URL structures
A simple, keyword-based URL arrangement will not only recover your search engine rankings, but it will
also make it easier for the reader to recognize the content of your pages before visiting them.
Use CSS over HTML tables
HTML tables were used to create page layouts. With the arrival of CSS, however, there is no reason to
attach to them. CSS is faster, more consistent and it offers many more features.
Thank You…