Introduction

Definition of (UI) User interface or UI this the link between the user of a computer program and the program the word interface a set of commands or menus through which a user communicates with a program. these include A menu interface A command driven interface

The user Interface

The user interface is one of the most important parts of any program because it determines how easily you can make the program do what you want. A powerful program with a poorly designed user interface has little value. Graphical user interfaces (GUIs) that use windows, icons, and popup menus have become standard on personal computers.

Evaluating site design

Navigation features Their are (7) basic types of navigation on a UI and they include Site structure navigation Function navigation Direct navigation Reference navigation Dynamic navigation Breadcrumb navigation Step navigation

Site structure navigation

This is the navigation buttons that takes users between the page categories such as HOME ,About US ,BRANDS,JOBS,INVESTORS, MEDIA ,R&D..e.t.c

Function navigation
On the Nestle website the function bar allows user to change his or her location from the global website example below
Nestle global site

Nestle malaysia

Direct navigation & reference navigation

Direct navigation leads users to some pages directly, Usually it appears on the top page of the site and on the Local Content Area. e.g. Ad banner, shortcut link. In the case of nestle its at the middle The reference navigation This navigation leads users to related contents and/or related pages of the current content. Usually it appears as linked text on the Local Content Area or the Local Navigation Area.

Dynamic & Bread crumps

The dynamic navigation generates dynamic result pages. - e.g. Search form.

Breadcrumb Navigation This navigation shows the location of the user and allows users to go back to the upper layer. - e.g. contact US > site map > T&C.

STEP Navigation

Step Navigation - This navigation shows a sequence of pages and the location, and it allows users to move to the previous, next and any other pages. - e.g. <PREVIOUS 1|2|3|4|5 NEXT>

Web Graphics Used JPG ,GIF, and PnG

Most web pages can JPG--accommodate 2 types of web images directly in the page and the third type (PNG) is gaining a GIF---mouse over lot more support. Note, there are other image formats that some browsers support, but these three types are the most common. Web graphics used by the nestle PnG company are mostly basic animated these includes

JPG ,GIF, and PnG

Color Schemes
The Nestle website use a two simple color scheme BLUE and WHITE the basic background colors

Theme Used
The theme used in the website is more of a user friendly one .everything is clear and big for users to move and navigate on the page and its entertaining too.

Hyperlinks Supplied
There are so many hyper links on the main page taking you to other pages some of which are shortcuts e.g.

SECTION

The organization and consistency of information;

The organization and consistency of the website is actually very simple and basic and consistent because all the pages have different information to offer which are mostly very important to the visitor

Navigation
Navigation is averagely good Because there is no product for sale They only provide service and information Feed back to surveys and competition

Searching the site for specific items;

Searching for items is pretty easy on the website a demonstration Is illustrated below . We are looking for their brands of coffee Step 1 scroll down to quick menu Step 2 click on coffee

Step 3 coffee page

SECTION

Description of existing User Interface (UI) that

The 8 qualities of a good interface

Clear

Concise
Responsive Familiar

Description of existing User Interface (UI) that

The 8 qualities of a good interface Efficient Global Forgiving

Malaysia

Attractive

Consistent

Qualities of a bad UI

Bad interfaces may cause users to need more time for performing their tasks make more errors feel dissatisfied need more time for learning how to use the software not learn/use the full functionality of the software (if given a choice:) refrain from using the software

effectiveness of hyperlinks used;

The hyperlink on the page are very effective and efficient that it takes less than 2 secs to navigate to next page they have 2 types of hyper link on the web page the buttons and the images
Buttons

Image links