Project 3 -Website Evaluation Questionnaire

January 25, 2011 § Leave a comment

This evaluation is for a good website

Site name : Zizzi Restaurant        Site URL :

Load Time : My modem connection is 20 Mb Broadband

Does the site’s load time seem reasonable? Yes it does, it takes 2 seconds to load


Is the page layout and use of color, fonts and images consistent throughout the site? Yes it is, you can see the same layout and fonts throughout the site

Are there less than three fonts used in the design? Three fonts are used: a script font for the logo, a serif for the navigation and a sans serif for the content.

Are there a moderate number of colours used in the design? Yes they used a grey scale in the header and a beige colour for the background, white for the the navigation’s font and a pink for the headings font.

Is the design appropiate for the purpose of the site and for the intended audience? Yes they have a clear and stylish design, I think they want to communicate elegance but also simplicity reflecting the welcoming and stylish ambience they try to create in their restaurants.

Will the design appeal to the target audience? Yes it will

Is the page layout balanced, clean, and uncluttered? Yes it is. Everything is tidy and clean. The composition is well done and it is easy to understand.

Are the images smooth and properly anti-aliased to the background? Yes they are. This site is for a big company so I think the pictures came from a professional photographer who has taken the images specifically for use on the web site.

Are the graphics appropiate and relevant to the content of the site? Yes they have  very clean graphics appropiate to the content of the site

Are your eyes directed to the content or important page elements? Yes they are, because the navigation is quite big and placed across the top of the page directly underneath the header and they used big images to call the attention to important page elements such as news and promotions.

Are the colour combinations pleasing and appropiate for the site’s purpose? Yes they didn’t use too many colours and the combination is very good. I like the pink combined with the grey because it stands out.

Is the text clearly legible? Yes it is

Is important content (such as navigation, search boxes, site and page identification) visible without scrolling? Yes it is, my laptop’s resolution is setted on 1280 x 800 px and I don’t need to scroll to see important content.

Is copyright, privacy and contact information easily located? Yes, you can find the copyright, social network and ‘contact us’ links at the bottom of the page.

Is the homepage short enough that it doesn’t require a great deal of vertical scrolling? Yes you don’t need to scroll vertically much at all.

Is the purpose of the site (and each page within it) immeadiately clear? Yes they are very clean and easy to understand. The large images that you immediately see are of the restaurants and the food served there. Also, three of the navigation links underneath the header identify the business as food related. Even the header itself contains the word ‘ristorante’ and a link to book a table online.

Structure and Navigation

Is the content of the site logically organized? Yes it is, you can see that the page follows the classic organisation of a good web page.

Is the navigation located in the same place on each page of the site? Yes it is located across the top of the page directly underneath the header on every page

Is the navigation clearly recognizable as navigation? Yes it is quite big and it catchs your attention.

Are all links clearly labeled and their destination obvious? Yes they are.

Is the navigation simple to understand and use? Yes it is very simple and there is a rollover effect on the links.

Is the use of the browser back button unnecessary (no dead end pages)? No you don’t need the browser back button and there aren’t dead end pages.

If icons or other images are used for navigation, is their meaning clear? yes they are well done and help to communicate the message of the text.If icons or other images are used for navigation, are text links also provided? Yes they are. There is an rollover effect that provides the text link and the description.

Is the purpose of each page easily identified? Yes it is very easy and clean. There is a title on each page which corresponds to the navigation text.

Is any essential information directly linked to in the navigation system (for instance, a contact page)? Yes they provided also a bottom navigation with the essential information such as contact us, book a table etc..

Can users get to information with a minimal number of clicks? Yes they can. The max number of clicks is three. For example if you’re looking for salads you have to click on ‘our food’ and then on ‘food menu’ on the left navigation and then on ‘insalate’.

Is there an obvious method of navigating between related pages of the site? Yes the method of navigating of this site is very easy and obvious.

Is there an obvious method of navigating between different sections of the site? Yes there is.


Does the content reflect the purpose of the site? Yes it does, it uses very nice pictures of the food and restaurant interior and the content text is easy to understand.

Is the content appropiate for the intended audience? Yes it is, is appropiate for a big range of people because it’s so simple to use.

Is the content sufficient to meet user needs and expectations? Yes it gives the whole picture and you can have all the information that you need about this restaurant (such as history and menu) as well as being able to book tables, request regular news and contact the company.

Is the text content free from spelling, grammatical, and typographical errors? Yes it is.

Are short sentences, short paragraphs, headings, and bulleted lists used so that the content can be easily scanned? Yes they are, the longest paragraph that i found is 5 lines.

Are lines of text too long to be easily read? Each lines have in average 12 – 13 words. They are very clear to read.

Is information correct and current? Yes it is. The last post on the blog is on 21 January 2011.

Can specific content be easily found? Yes it can.

For sites with large amounts of information, is a search function available? There isn’t a search function because in the pages there isn’t a large amounts of information.


Is the site cross-browser and cross-platform compatible? Yes it is. I tried it on Firefox, Internet Explorer and Safari and it works great.

Can the site be viewed without unintended horizontal scrolling? Yes, I have got a 1280 x 800 px resolution on my laptop and I don’t need an horizontal scrolling.

Are form fields arranged in a logical order? Yes they are. Are all components of the site functional? Yes they are.

Is information concerning any special browser or plug-in requirements clearly visible and easily understood? There isn’t any information about that because there aren’t any special requirements.

Are interactive features clearly explained? There aren’t any particular interactive features.

Are the skills required to use the site’s features appropiate for its intended audience? Yes they are, the audience can use this website very easily without particular skills.

Is there an off switch music? There isn’t music on this website

Is the site designed to be accessible to disabled users? They haven’t got the W3C logo on the website, so I am not sure.






Project 3 -Legal and Ethical Issues in Web Design

January 20, 2011 § Leave a comment

WAI Guidelines          

The World Wide Web Consortium (W3C)’s Web Accessibility Initiative (WAI) is an effort to improve the accessibility of the World Wide Web (WWW or Web) for people with disabilities. People with disabilities may encounter difficulties when using computers generally, but also on the Web. Since people with disabilities often require non-standard devices and browsers, making websites more accessible also benefits a wide range of user agents and devices, including mobile devices, which have limited resources.

The W3C launched the Web Accessibility in 1997 with endorsement by The White House and W3C members. It has several working groups and interest groups that work on guidelines, technical reports, educational materials and other documents that relate to the several different components of web accessibility. These components include web content, web browsers and media players, authoring tools, and evaluation tools.

Web Content Accessibility Guidelines (WCAG)

The Web Content Accessibility Guidelines 1.0 (known as WCAG) were published as a W3C Recommendation on 5 May 1999. A supporting document, Techniques for Web Content Accessibility Guidelines 1.0 was published as a W3C Note on 6 November 2000. WCAG 1.0 is a set of guidelines for making web content more accessible to persons with disabilities. They also help make web content more usable for other devices, including mobile devices (PDAs and cell phones). The Web Content Accessibility Guidelines 1.0 are recognized as a de facto standard and have served as a basis for legislation and evaluation methodologies in many countries.

Techniques for Web Content Accessibility

I found this article, it is quite old but well done “The Web Content Accessibility Guidelines, a Commented Overview”

Copyright and the internet 

What is copyright? ( article by Staffordshire University)

Copyright protects the physical expression of ideas. As soon as an idea is given physical form, e.g. a piece of writing, a photograph, music, a film, a web page, it is protected by copyright. There is no need for registration or to claim copyright in some way, protection is automatic at the point of creation. Both published and unpublished works are protected by copyright.

Copyright is a property right and can be sold or transferred to others. Authors of articles in academic journals, for example, frequently transfer the copyright in those articles to the journal’s publisher. It is important not to confuse ownership of a work with ownership of the copyright in it: a person may have acquired an original copyright work, e.g. a painting, letter or photograph, but unless the copyright in it has expressly also been transferred, it will remain with the creator.

Copyright is regulated by law, the main statute in the UK being the Copyright Designs and Patents Act 1988 (CDPA). This was amended in October 2003 by the Copyright and Related Rights Regulations 2003 which incorporated into UK law the changes required by the EU Copyright Directive.

Copyright, Designs and Patents Act 1988

The following categories of work have copyright protection:

(1) literary works

(2) musical works, including any accompanying words

(3) dramatic works, including any accompanying music

(4) pantomimes and choreographic works

(5) computer databases

(6) pictorial, graphic, and sculptural works

(7) motion pictures and other audiovisual works

(8) architectual works

(9) sound recordings

Computer software, sometimes graphcial user interfaces, and webpages have copyright protection.

Who can claim a Copyright? ( view the article)

In order to claim a copyright, you must have created the work and have a desire or need to protect it from theft or misuse by others. You might have written a book or a poem, created a song or song lyrics, or created another type of work, such as a research thesis, Web page, a publication, or something similar. Editors, writers, photographers, musicians, and publishing companies are deeply involved in copyrighting, as it provides a means to protect their intellectual property.

Your work must be original. You cannot copyright someone else’s work. The work must be tangible, too, meaning it can be written, copied, printed, and distributed. You cannot claim a copyright if your “work of expression” is an idea, theory, or simply information you’ve amassed. Some works are simply outside the realm of a copyright, such as court decisions, numbers and alphabets, laws created by lawmakers, and names in a telephone book. Remember, you have to create the work, and it has to be a work of creative expression.

I found this note about Copyright and Internet, it is by Parlamientary Office of Science and Technology
Another nice article about Copyright and Internet by Jayne Cole.

Below another article found on

The Internet and Copyright:“The Internet has been characterized as the largest threat to copyright since its inception. The Internet is awash in information, a lot of it with varying degrees of copyright protection. Copyrighted works on the Net include new s stories, software, novels, screenplays, graphics, pictures, Usenet messages and even email. In fact, the frightening reality is that almost everything on the Net is protected by copyright law. That can pose problems for the hapless surfer.”

What is protected on the WWW?
The unique underlying design of a Web page and its contents,  including:

  • links
  • original text
  • graphics
  • audio
  • video
  • html, vrml, other unique markup language sequences
  • List of Web sites compiled by an individual or organization
  • and all other unique elements that make up the original nature of the material.

When creating a Web page, you CAN:

  • Link to other Web sites. [However, some individuals and organizations have specific requirements when you link to their Web material. Check a site carefully to find such restrictions. It is wise to ask permission. You need to cite source, as you are required to do in a research paper, when quoting or paraphrasing material from other sources. How much you quote is limited.]
  • Use free graphics on your Web page. If the graphics are not advertised as “free” they should not be copied without permission.

When creating a Web page, you CANNOT:

  • Put the contents of another person’s or organizations web site on your Web page
  • Copy and paste information together from various Internet sources to create “your own” document. [You CAN quote or paraphrase limited amounts, if you give credit to the original source and the location of the source. This same principle applies to print sources, of course.]
  • Incorporate other people’s electronic material, such as e-mail, in your own document, without permission.
  • Forward someone’s e-mail to another recipient without permission
  • Change the context of or edit someone else’s digital correspondence in a way which changes the meaning
  • Copy and paste others’ lists of resources on your own web page
  • Copy and paste logos, icons, and other graphics from other web sites to your web page (unless it is clearly advertised as “freeware.” Shareware is not free).  Some organizations are happy to let you use their logos, with permission – it is free advertising.  But they want to know who is using it.  They might not approve of all sites who want to use their logo.

Crime on internet

Computer crime, or cybercrime, refers to any crime that involves a computer and a network, where the computers may or may not have played an instrumental part in the commission of a crime. Netcrime refers, more precisely, to criminal exploitation of the Internet. Issues surrounding this type of crime have become high-profile, particularly those surrounding hacking, copyright infringement, child pornography, and child grooming. There are also problems of privacy when confidential information is lost or intercepted, lawfully or otherwise.

Below is from a Roger Darlington’s article (see the article)


The Internet is overwhelmingly a power for good. It provides cheap and easy access every moment of every day to a vast reservoir of information and entertainment and it is transforming the nature of commerce and Government. However, with approximately one billion users worldwide accessing almost 75 million Web sites, there is bound to be some offensive, and even illegal, use of the Net.

There is a dark side to the Internet. It would be naïve to deny it and alarmist to exaggerate it.

The “British Journal of Criminology” (volume 38, Oxford University Press) contains an article called “Net Crime” by professional criminologist Mike Sutton and IT expert David Mann which claims that people are “more likely to engage in criminal behaviour online than they are in the physical world”.

Crime on the Net takes many forms including hacking, viruses, fraud, scams, money laundering, industrial espionage, prostitution, certain forms of gambling, drug use, drug smuggling, suicide assistance, defamatory allegations, cyber stalking, cyber terrorism, actual terrorism.

This is an article about Internet crime and phishing found on the BBC News. (see the article).

Project 3-Simple Interface Design Workshop

January 19, 2011 § Leave a comment

Purpose of this workshop

  • Demonstrating principles of interface design
  • Creating and using layouts in Photoshop
  • Creating and using combined images in a Photoshop image


Create a Simple business interface

Take your website for the current project and create a simpler, more sophisticated design.

When researching look for words like clean, minimalism, bold colour, bold type, large backgrounds.



Personal work

I made this interface for a photographer, he is called Antonino Carlo De Lellis.

Project 3-Vector/Cartoon Interface Design 2 Workshop

January 19, 2011 § Leave a comment

Purpose of this workshop

  • Demonstrating principles of interface design
  • Creating and using layouts in Photoshop/Illustrator
  • Creating and using combined images in an interface

Project 3-Skateboard Sussex grunge-style website

January 19, 2011 § Leave a comment

Purpose of this workshop

  • Demonstrating principles of interface design
  • Creating and using layouts in Photoshop
  • Creating and using combined images in a Photoshop image

For this interface I used a brush that I made before during the course (see the workshop).

Project 3- Final work Step by step

January 17, 2011 § Leave a comment

For this project we have to redesign the interface for a website that we chose before. First thing was to analyze it and make a report through a form that the teacher gave us during the course ( see the report ).

The website that I chose is for a restaurant – caffe, situated in USA, it is called Rebar Modern Food. I found it on Google, I searched modern food and it came out in third position (

I redesigned three different interfaces with three different styles for it. I chose to remake it with a grunge, vector and minimalist style.

Vector Style

In the original website they have some cliparts, I think they want to be friendly because they aren’t a big company so they want to have more relation with the customers. First thing was to design with Adobe Illustrator all the illustrations.

Then I transfered them in Adobe Photoshop to compose the interface. To make the container I used a picture of a diary that I found on internet. With Photoshop I added the shadow  duplicated and reflected it to make the reflection. For the reflection I added a layer mask and a gradient tool and regulated the opacity.

I chose a diary that gives an idea of daily and freshness because it supposed to be something that change everyday.

I gave to the characters a white stroke and a shadow so they look like stickers pasted on paper.

For the text I chose three kind of fonts. One is Lobster (I downloaded it from, one is Arial and the last one is Bell Gotich Std. I used Lobster to give more details and style to the design because it looks like a script but it is very readble. I used it for the navigation and for the main text. I used Arial for the longest paragraph because it is easy to read and we know that people go on the website to read the content. For the right sidebar I used the Bell Gotich, I think it is very readble and useful for those kind of informations.

I like this interface: it is happy and colourful. I only made two example pages because drawing with Illustrator require a lot of time.

Minimalist Style

For this interface I chose a minimalist monochrome style.  Although they are only in black and white the photographs from the original website are very good, so I tried to use an minimalist interface to complement them.

After I downloaded the photographs I made an header with them that looks like a mosaic or a black and white film strip where you can see the restaurant’s life and the people working there.

To divide the interface’s sections I used a simple yellow line. I chose that colour because it’s associated, in the colour theory, with food and because it gives a very high contrast with the black and white pictures.

For this interface I used only two fonts: Arial, bold in the title and in the navigation, and regular for the content and Bell Gotich in the navigation.

In the internal pages I added a left navigation and some details as hand drawn style vectors (you can see the arrows in the left navigation and the stars on the bottom-left). I downloaded them from .

I like this kind of interface, it is very simple but at the same time very stylish.

It’s  good for a business that on one hand wants to show itself through the pictures in the header and on other hand wants to communicate style and simplicity.

Grunge style


For this work I made an interface with a big image and a grunge style.

The idea behind this interface is to communicate a life style. It’s very common for a cafe/coffee brand.

I tried to communicate a vintage life style but also a sense of global and multicultural community.

For the background I chose two different paper textures, to give a sense of vintage,  and I blended them on a big image taken  from the Rebar’s pictures gallery. The image shows a detail of the restaurant ( a chinese figure with the black board menu on the background) that I feel communicates the idea of a global world.






The navigation is a simple black stripe where the opacity is regulated on 30%. The navigation’s font is Bell Gotich Std. The circle around a selected page is a vector found in  an arrow’s collection downloaded from

The container is a rectangle made with the same paper texture of the background which I then applied a shadow to. The ornament on the bottom-left is a vector found in an other collection but from the same blog ( For the content I used Arial Regular.


The right sidebar appears like something written on the serrated paper. For it I used a script font called Throw My Hands Up, downloaded from, and a Bell Gotich Std.

In the internal pages I also added a left navigation made with the same texture of the container and some details from the same vector’s collection of the circle in the navigation. You can also see some details in the container corresponding to the different pages, for example a transparent glass of wine in the page Wine List or a notebook in the page Recipes.


I like this style interface; of the three I think this is maybe my favourite interface because I think it is appropiate for this kind of business and it is useful to communicate a life style.

Project 3 -Final Hand In

January 12, 2011 § Leave a comment

The original website that I chose to redesign the interface is

Below my interfaces redesigned for Rebar Modern Food

Where Am I?

You are currently viewing the archives for January, 2011 at Giorgio Scappaticcio's Blog.