What is Web Design? | What is User Interface Design? | What is Navigation Design?

What is a Site Map/Web Tree? | Website Page Templates & CSS | Creating the right tone of voice

What is Web Design?

Web design is a process of conceptualisation, planning, modelling, and execution of electronic media content delivery via the Internet in the form of technologies suitable for interpretation and display by a web browser or other web-based graphical user interfaces (GUIs).

The intent of web design is to create a way that presents content (including interactive features or interfaces) to the end user in the form of web pages upon request. Such elements as text, forms, and bit-mapped images (GIFs, JPEGs, PNGs) can be placed on the page using HTML, XHTML, or XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Flash, QuickTime, Java run-time environment, etc. Plug-ins can also be embedded into web pages by using HTML or XHTML tags.

 

Typically web pages are classified as static or dynamic.

* Static pages don't change content and layout with every request unless a human (web master or programmer) manually updates the page.

* Dynamic pages adapt their content and/or appearance depending on the end-user's input or interaction or changes in the computing environment (user, time, database modifications, etc.) Content can be changed on the client side (end-user's computer) by using client-side scripting languages (JavaScript, JScript, Actionscript, media players and PDF reader plug-ins, etc.) to alter elements (DHTML). Dynamic content is often compiled on the server utilizing server-side scripting languages (PHP, ASP, Perl, Coldfusion, JSP, Python, etc.). Both approaches are usually used in complex applications.

 

What is User Interface Design?

User interface design is used in the creation of websites with the focus on the user's experience and interaction. Where traditional graphic design seeks to make the object or application physically attractive, the goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centred design.

Where good graphic design is bold and eye catching, good user interface design is to facilitate finishing the task at hand over drawing attention to itself. Graphic design may be utilized to apply a theme or style to the interface without compromising its usability.

 

What is Navigation Design?

Once you have an idea of the content architecture and organisation, you are ready to think about the design of your navigation. There are several things Starberry consider in deciding on navigation design:

a) Accessible

The navigation of your site is one of the most important parts of any given page. Your complete site should be as accessible from anywhere within the site. Special effects like Flash, Java, or JavaScript should be avoided as your only means of navigation.

b) Meaningful

Keep your navigation meaningful. Make the links clear - don't over complicate things by using terms that are internal to your organization. A potential customer who has never been to your site before should know immediately where the link would take them.

c) Understandable

If you choose to use images as part of your navigation, make sure that there is some text associated with them. This will make a dramatic difference to your search engine optimisation and assist the user when rolling over these images.

d) Consistent

Your navigation should appear on every page of your site. While you don't need to have identical navigation, the basic structure should be consistent throughout the site, with changes used only to indicate location within the hierarchy.

 

What is navigation design? a) Accessible: The navigation of your site is one of the most important parts of any given page. Your complete site should be as accessible from anywhere within the site. Special effects like Flash, Java, or JavaScript should be avoided as your only means of navigation. b) Meaningful: Keep your navigation meaningful. Make the links clear - don't over complicate things by using terms that are internal to your organization. A potential customer who has never been to your site before should know immediately where the link would take them. c) Understandable: If you choose to use images as part of your navigation, make sure that there is some text associated with them. This will make a dramatic difference to your search engine optimisation and assist the user when rolling over these images. d) Consistent: Your navigation should appear on every page of your site. While you don't need to have identical navigation, the basic structure should be consistent throughout the site, with changes used only to indicate location within the hierarchy.


What is an XML Site Map?

A site map (or sitemap) is a representation of the architecture of a web site. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion.

This helps visitors and search engine bots find pages on the site.

 

Website Page Templates & CSS

A web template is a tool used to separate content from presentation in web design, and for mass-production of web documents. It is a basic component of a web template system.

Web templates can be used to set up any type of website. In its simplest sense, a web template operates similarly to a form letter for use in setting up a website.

CSS is used to help readers of web pages to define colours, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar mark-up language) from document presentation (written in CSS).

This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content.

CSS can also allow the same mark-up page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices.

 

Creating the right tone of voice

Don't forget that the Internet consists of conversations between human beings, not demographic sectors. On the whole, conversations between people sound human and are conducted in an open, natural, and first person voice. To establish a tone of voice, suitable for your business, simply visualise your audiences and their online skills and characteristics.

The right tone of voice can really help make your customers feel more comfortable and often adds a smile to their faces in the process.

 

Creating tone of voice