Website design process

Website design crosses many different disciplines and skill sets in the production and maintenance of sites. The multi discipline areas of website design may include the graphic design of the logo, background images and images; the design of the front end; authorship, including standardised code and using custom software; website design for the user experience (Human Computer Interaction), and search engine optimisation. Often many individuals will work in groups that may cover different aspects of the game, although some website designers will be a webmaster.
It is expected that website designers have a knowledge of usability and if its usage in relation to the design of the brand for the clients website, it is also understood that they keep up-to-date with the current website accessibility guides.

website design cloud
Cloud of web design keywords and phrases

Website design job

Website design is a fairly modern job, which can be likened to other areas such as graphic design. Although website design is though of from a technological view-point. It is a major part of usual life of most people. It would be impossible to think of the Earth without the online, animated GIFs, alternative font faces, and the annoying background music.

The net and website design

In 1989, whilst working at CERN, Tim Berners-Lee came up with the idea for the implementation of a global hypertext project, later to be called the World Wide Web. From 1991 to 1993, the World Wide Web was conceived. Text-only web pages could be viewed by using a browser in single-line mode.
During 1993, Marc Andreessen and Eric Bina, created the Mosaic website browser. At that time there were numerous website browsers, but most of them are based on Unix and text was obviously not light. There had been no integrated thought to graphical design requirements like graphics or sounds. The Mosaic browser changed all that.
The consortium was created in October of 1994 for "bringing the Web to its full potential by creating common protocols that permit evolution and ensure interoperability." This notion put off any individual business property being monopolised by a specific browser and programming language, which would have changed the effect of the Internet as a whole. The W3C  continues to set standards, which can be seen today like JavaScript.
Andreessen Communications Corp. was started in 1994 and becamewas to be known as Netscape Communications, with version 0.9 of the Netscape browser. Netscape implemented their own HTML tags without taking into account the process of traditional norms. For example, Netscape 1.1 includes tags to change the background colours and format the text with tables in web pages.
In the period 1996 to 1999 the browser wars was fought, such as Microsoft and Netscape fought for the final domain browser to be used. During this period of time there were many new technologies in the field, notably Cascading Style Sheets, JavaScript and dynamic HTML. In general, the browser wars resulted in plenty of positive creations and helped evolve website design at a rapid pace.

The evolution of website design

In 1996, Microsoft released its first competitive web browser Internet Explorer, complete with its own quirkiness and HTML labels. It was the first web browser to support CSS, which at that time was seen as a technique of creating dark. The HTML code for tables was originally utilised to output layout information. However, the designers quickly realised the benefits of using HTML tables to create complicated designs of several columns that would not have been practical. Presently, the design and good look and feel seemed to take importance over good structure and practically no attention was given to semantics and web accessibility. Internet sites were constrained in their choices of design, and even more so with out dated versions of HTML. To display complex layouts, most web designers had to use the layout of complicated tables and even use white or clear spacer GIF images to stop empty cells from collapse.
CSS was release in December 1996 by the W3C to support the layout and design of web pages. This permitted semantic website code.
In 1996, Flash (originally known as then Fledgling Futuresplash) was created. Back then, the design toolkit for Flash content is quite simple in comparison with today, the usage of basic design and the tools, prior to limited ActionScript, and a timeline of drawing, but allowed the website designers to exceed the limitations of HTML, ani GIFS, and JavaScript. Also, because Flash requires a plug-in and search engines like Yahoo do not interpret the content in Flash, proper website designers avoided using Flash for fear of limiting their market share due to the lack of use. Instead, the designers continued to use animated GIF and JavaScript for widgets. The benefit of Flash became quite popular with specific target markets and with time it worked its way to the vast majority of website  browsers, and became powerful enough to be used to develop entire websites. Whilst Flash can help to make sites pretty or flashy, Google can't understand the content and will not achieve the potential website visitors of an HTML site.

21st Century website design

From the beginning of the 21st century, the Internet has become part of the life of the masses. While this has occurred website technology has also advanced. Also there has been important changes in the way of accessing and used the net, the thing that has changed is the method websites are designed

Website design for today's browsers

From the end of the browser wars, new web browsers have been produced and released on the Internet. A lot of the new web browsers are open source therefore they may have a faster development and are more in favour of the new rules and website standards.

New standards for website design

The Internet has new standards for HTML (HTML5) and CSS (CSS3), as well as the updated JavaScript API, each one as their own standard, but individually. However, the term HTML5 properly refers to the new version of HTML and part of the JavaScript API, it has become quite common to use it to refer to the whole new collection of standards (HTML5, CSS3 and JavaScript). The new standards for website design is an exciting bounce forward for website designers to make interesting websites for the modern website browsers.

Designer tools and technologies

Website designers use many different tools according to which stage of the production process that are involved in. The website creativity tool set are updated due to the newer standards and requirements. The idea behind the website design er tools basically remain the same. Website designers can make vector graphics, raster graphics manipulation and other website creativity software to create images with HTML5 layout or website design prototypes.
The technologies used to produce websites include standardised HTML mark-up, that can be coded by hand or generated with software using powerful WYSIWYG editors. There are also proprietary scripts using plugins that do not go through the client browser. These are mostly WYSIWYG but can have the option to use a script language in the program to customise the code being designed.
Other tools for website designers can include HTML and CSS code validation and other tools for usability testing to ensure that the new website being created meet the rules of web accessibility.

Marketing communication and design

Marketing and interaction design of a website will point out what works for the target group. This may be an age group or particular, class of person; so, the website designer can understand the desires of the target audience. Website Designers can also understand the type of website that they are designing, that is to say, for example, that for B2B the design considerations of business-to-business websites may differ a lot from a website designed for the public, such as a website targeting retail or entertainment. Careful consideration should be adhered to make sure that the look and feel or the total website design does not clash with the clear vision and correctness of the material or the usability of the website, especially in a business-to-business website. Website Designers should also consider the reputation of the business owner of the website to be represented to ensure that they are shown in good light.

User experience and interaction of website design

The website user's knowledge of the contents of a website often depends on the persons thinking of the operation of the web site. This may be part of the website design for the Human-Computer Interaction which is thought of as the user experience. The website UX relates to the website design, crystal clear information and labelling on the site. Just how easily a website user understands how they can use a website may also depend on the interactive design aspects of the site. If a website user perceives the usefulness of the web site, which are more likely to be happy to use it. Users that are trained and well versed with the ease of use of the web can discover an easy-to-use website interface more pleasant to use, although, less intuitive or less useful. However, inexperienced website users are less likely to reap the benefit and functionality of a less intuitive Internet front end. This shows the the tendency for a Human-Computer Interaction more common and the ease of use to facilitate as many website users as is feasible, never mind of the skill of the Internet visitor. A lot of the website design of user experience and interface of website design are thought of in the design of the front end to the website.
Powerful interactive website capabilities may require plug-ins. The choice of whether or not you want to use the functionality that needs plug-ins is a critical thought during the creation of the interaction experience. If the plug-in doesn't come pre-installed with the majority of browsers, then there will be a chance that the website user won't have the expertise, the patience or ability to install a add-on only to view the website content. If the feature requires extensive knowledge of language encoding, it could be possibly expensive in man hours or money to code when compared with the amount of improvement of the module may be added to the user experience. There may be a possibility that new functionality can not be compatible with less powerful browsers, or operating systems. The publication of software that does not work as expected is potentially worse for the experience of the user to use. Depending on the target audience if it is likely that powerful interactive website functions are to be used or if it is beneficial in including them in the website design.

Webpage layout

The user interface design may be affected by the look and feel of the webpage layout. For example, a website designer can think of the page layout of the website, it must be a theme on all of the pages in the design across the website. Page width measured in pixels can also be thought of as of importance to line up everything in the design and the layout of the website theme. The most used websites have fixed width set to match the visible browser window. More widely used these days, the maximum webpage layout is set to the resolution of the current most popular monitor. Most of web pages can be lined up with the middle for the feel in bigger screens. A long time ago the design was normally aligned to the left side of the browser window.
Fluid website designs have become more popular in the whole of 2000 as a different approach to the layout used in HTML tables. Website design was based on the layout in the HTML tables in both the design stage of page layout and programming technique. The idea was because of considerations of the devices and different display sizes of browsers that the website designers have zero control over. As a result, a website design can be divided into units (side bars, header, footer, blocks of content, adverts, menu areas) that are transferred to the browser and that fits in the window on screen by the browser, as well as the website browser can. As the web browser views the details of the website visitors screen (dimensions of the window, the font size relative to the window, etc) that the browser can dynamically change user-specific website designs to fluids, however most website designs are not fixed width. However using such a display, you can often change the size of the main content units, the sidebars can be moved under the main body of content in place of to one side of it. This is more flexible than website design based on editable table that does not fit in the display window. Notice the relative position of the content blocks may move at the same time as leaving the content in place in the block of content. This can minimises the annoyance for the person to scroll the page horizontally.

Mobile ready layout

Responsive Website Design is the the future, based on CSS3, and a deeper part of the CSS spec of each device using the page layout through better use of the CSS pseudo-selector.

Font faces for website design

Website designers may decide to limit the types of font faces for websites for just a small number that are of a similar style, instead of using a large range of fonts or type faces. Most Internet website browsers will recognise a small number of font groups that web design guys use normally to avoid complications.
Font Downloading is now included in the module of sources of CSS3 and how it is implemented into Safari 3.1, Opera 10 and Mozilla Firefox. Doing so has subsequently increased support for typography for the Internet, including the usage of download sources.

Website code quality

Website designers can believe that it is a good practice to comply with the online www standards. This is usually achieved using a description in the header specifying the website standard used on each web page. If the pages don't comply with the rules, it can lead to the website being not function or liable to errors, but the rules relate to the correct formatting of the web pages for clearer reading and to make sure that elements are properly opened, used and terminated. This includes problems in the HTML and CSS, the website design must be better laid out for the coding and to make sure that the IDs and classes are identified properly. Badly coded webpages are of no use. Validation through W3C can only be done using a proper DOCTYPE declaration, which is used to highlight errors in the structure. The validator identifies the problems and items that don't conform to the standards of website design. This information can be corrected by the website owner.

Comments

Popular posts from this blog

Where To Buy Camping Gear And Supplies

The Turmoil of being a Teenager

Billie Eilish New Track 'Burn' Featuring Vince Staples