AIT Task 4
By Laura Cheeseman
Part one 1,2
Part two 3
Part three 4, 5
1. Complete the following interface designs:
(a) Create a site map diagram of your navigation. Determine the navigation structure
(number of pages) for the website. Your design must include at least a home page
(from task 3), a menu page, an ‘about us’ page and an online booking, pre -order and
(b) Create a single page ‘Style Guide’ - See page 7 of Planning a website in week six course
Back ground Consist of black squares sounded by white out line
Text White text on a black background,
Muffin A chocolate muffin place on the right one away from the middle. No plate
Coffee Plain white cup with black coffee, on saucer. Place in middle of images.
Chocolate cake Place on the right, second from middle, not on plate
Ice coffee Glass cup, no plate, third left from the middle
milkshake Two common milkshake glasses, cherry on top, no plate. On the left of the middle
Round cake Far right, no plate, cream on top.
Ice chocolate Tall glass, cream on top, straw, no plate, second on left.
Buttons Arial, size 16, white
Other text Size 12, Arial, if one white background then black text and reverse if black background
Annotation of all designs:
• Create annotated sketches of the following pages and online retail processes
i. A menu page which includes a thumbnail gallery of the menu items and
appropriate user controls
ii. An online booking form
iii. A pre-order form, which is linked to a payment form or Checkout page
• Include in the annotations how you have used the elements and principles of design.
Include evidence of the following (new) design elements; focus point, contrast, alignment,
texture, colour harmony, pattern and movement.
• Typography is a very important element of website design. When used correctly, it can
dramatically enhance a websites appear and function. Briefly summarise your selection
and use of typographic elements in your designs.
ALL HANDED IN’
3. Complete the following:
(a) With consideration of the intent of branding a product so that it is able to be recognised in
global markets, explain how your website design has been, or could be branded for
worldwide recognition (150 words)
To further brand the cyberia cafe web site I would look at other means of spreading the brand name by
use of the internet. This could include using you tube to create viral videos which feature the cafe and
its logo. Such as the MasterCard viral video. The YouTube video would also suit the target audience of
generation Y and X. Another way of branding is to create fan pages in social networking sites such as
face book. This way people who already know about the cafe and like it will become a fan. Their friends
then see this and with be able to find out the cafe. This would be another form of viral advertising with
the use of Web 2.0 technologies. Face book is also suited to the advertising as much of that age group
uses the site.
(b) Explore present and emerging ICT trends that you have or could have applied in your website
design. List and describe some of these trends and how you have included them in your
design (200 words)
In my designs I could have included more web 2.0 technologies such as twitter, face book and YouTube.
Twitter would allow the cafe to post updates if things such as when a new menu item was added. This
would be a great way of keeping people up to date without sending emails which can annoy people.
Another ict trend being used by more business is You Tube. It is a cheap way of advertising as the site
can be used for free. Face book can be also used by creating groups and fan pages for the cafe. This will
increase the presence in the internet. Some web 3.0 technologies can also be used. I have included a
login in so that customers only have to enter their information in once when booking a table or pre-
ordering a meal. It will not store credit cards numbers to ensure that it is safer. This will save the
customer time and also make the process easier for the customer.
(c) Consider the specific requirements of computer users with disabilities. Briefly describe how
you could modify it with appropriate annotations to reflect these specific users’ needs.
For the blind
- For those who are blind I would ensure that all images contained an alt tag. This would ensure
that even thought they did not know what the picture looked they can still know what the
- I would also recommend having text in an appropriate location (proximity) including placing in a
table so that it remains in that location.
- I will also have an option to increase the size of the text so that it makes it easier for people to
read the text especially for older people whose eye sight is disappearing.
For the death people
- If there are any videos I would ensure that there are subtitles to ensure that they can get all the
information from the video.
(d) In a global market, Internet users are making decisions that affect the life expectancy of web
sites. Analyse factors identified in your website designs that reflect modern web design
trends. (200 words)
My website has been designed to load as fast as possible. This is due to people becoming increasingly
impatient with slow loading web sites with faster loading sites now available. I have done this by using
the same back ground on every page. This then only has to load once when the user first goes on the
page. The middle section of the page is the only section loading. By reducing the amount loading in the
pages it will increase the load time of the site. Also by choosing the correct file size it can increase the
loading time of the page. By having only photographic images in jpeg it will greatly increase the loading
time as the other file formats will be smaller and will take less time to load.
If my site in the future was to have an introduction animation or video then it would be important to
allow the user to skip the introduction. People who have already seen the video or just don’t want to
watch the video should be able to skip it. If the customers can not skip the site then it may annoy them
and they may just leave the site.
The site will also need to be updated continually. By doing this it will increase the life span of the site as
it will not become boring. This can include updating the menu and adding new videos.
(e) What present or emerging technologies could be used on the website to increase Cyberia
Café’s market presence (100 words)
As more people have access to internet via mobile phones, smart phones and PDA’s it is important for
the site to be able to be used by these above devices. This may include making another site or just
making one web site compatible with the devices while still looking appealing on the internet. When
people order online there may need to be incentives to do this such as a discount for ordering online.
This will also keep people coming back to the site.
The site will also need to incorporate online ordering. This will increase the market presence in that
many people find it easier to order their meals online.
To entice more people into the cafe the site can also incorporate web 3.0 technologies of virtual tours.