Unit 28

Website Production

User Requirements

Website Purpose

Lesson 5

24 April 2015

Objectives

Define website purpose

Understand how to define website

requirements

Building towards assignment 2

Assignment 2

Design

Create a website and explain features

Review and improve

Explain accessibility

Prove your site fits the design criteria

In the beginning

Websites designs must include:

Customer requirements

Purpose of the website

Additionally

Features (desirable & essential)

Language used

Accessibility

security

Two main categories

Commercial

Non-commercial

Website purpose

Commercial

Commercial websites usually exist to acquire more revenue

Provides: Advertising

Access to services

Product information

Purchasing

Security Payment

Customer information

Non-Commercial

Non-profit-making

Home use

Display information

Forums

Share

Defining Website purpose

Website Objectives

What is the website for?

Commercial

Non-commercial

Information

Data

Discussion community/Forum

Specifies the audiences type

Specialist focus

Location

Objective

Interest

Behavioural: Benefits sought, Occasions (e.g. Christmas), usage

rate

Analyses the required functionality

What is the website to do?

Target Audience

Your target audience should dictate: Tone of voice

Method of Contact

Where you advertise

Colours used

Navigation

How you advertise

Services offered

Your logo

Prices

Depth of content

Products Sold

Everything!

Customer requirements

Pages required

Time scale

Features Shopping cart

Forum

Formatting Font used

Font size

Choice of images

Layout Colours

Structure

Information Sections

Relevance

Website size Pages required

Web space

Resolutions

Features Forums

Mail lists

Downloads

Media Videos

Music

Flash interactivity

Access Disabilities

Sight

Hearing

Other

Language Style – Modern, slang, technical, American

Audience level

Multilingual

Formatting styles Description of any styles

• ensures the website meets the clients needs

• states the content, layout, and features of the website

Assignment 2 – Website

design

You have a new post at a local website

company as a junior programmer. Your first

task is to produce a website for a local

company. There are several jobs to be

finished, therefore you have a choice.

Assignment 2 - jobs Extreme Sports – Shop that predominantly stocks mountain bike gear.

But also provides mountain boards and skateboards. It does not stock cheap items. Website is to be lively, trendy, and simple to navigate.

Pot Shot – A local pools hall that is open 24/7. It provides English and American pool tables for hire. It has its own licensed bar.

Evolution – A gaming store that provides games for various computer and console formats. Also proves hardware equipment and reviews of products

Big Foot – A highly competitive shoe store on the high street. They are a small chain of stores in the Midlands that provide trendy shoes for both genders. Website should be simple and elegant.

Herefordshire Renewable Energy Foundation - a registered charity promoting energy conservation and the use of renewable energy. A non-commercial website with a professional, serious theme.

Assignment 2 - jobs

Unbranded – Local store that stocks specific clothes-wear unavailable in other shops. This is a premier store that provides highly researched and sought-after clothing. Require a clean, simple website.

Amplitude – Car and house stereo equipment. Amplitude does not stock low quality equipment. They require a stylish, modern website.

Hard snow – a snow boarding information site to promote resort destinations around Europe. They provide information about accommodation, ski-lift access, pricing, board reviews. This is a non-commercial website updated by members

Leominster Bowls Club – want to attract new members, retain existing members. Attract touring clubs. Need to provide information about facilities, tournaments, fixtures, results with an eye-catching site that is more interesting than other bowls clubs’. This is a non-commercial website updated by members

Requirements & purpose

Commercial or non-commercial?

content, layout, and features

Required features:

Essential

Desirable

Audience – age, specialised knowledge, etc

Initial thoughts/Market

Research

What is the purpose of your site? What are the

customer requirements?

Create a Word document with useful competitors

websites, review their websites: How have they structured their website?

Do they have a target audience?

What tone of voice do they use?

What services / extras do they offer?

What can you do differently / better?

What are their product features / prices?

How do they promote themselves (new and existing visitors /

customers)?

Task 1

Choose the job that you will work on.

Draft an e-mail to your manager to

summarise the brief. Give a clear and

realistic definition of

the requirements of the site

the purpose of the site.

Submit to Turnitin as PracticetaskA2_1

The Design Elements (A2 P4)

A clear and realistic definition of the

requirements and purpose of the site.

A domain name for the site.

A design table, outlining the details of each

page: page name, description of page content,

required images and web technologies used.

A site map showing the links between pages

A storyboard with clearly annotated drawings,

one page of illustration per page of the site.

Domain naming

Find an appropriate domain name

Design Table

page name page content images web

technologies

Home page Welcome

message,

description of

activities and

company

history

8 thumbnails

showing

different

activities.

1 bigger

image of

exciting

activity.

HTML5

CSS

Javascript

Oaker Wood Leisure site

Site Map

Site map defining the required pages and

detailed navigation between each page.

Home

Contact us About us Products Returns

Design Table: Task 2

page name page content images web

technologies

Home page

Think about your web-site.

• Select a domain name from UK2.net

• Screen-shot it, date-mark the screen-shot.

• Think about the 5 pages you will create for your website. Prepare

a design table using the headings below, one row for each page.

• Create a site map for your site

Submit to Turnitin as PracticetaskA2_2

Storyboard

An artistic version of the proposed site

Will give all the information required

Need a storyboard for each page – but this

could be one storyboard with notes reflecting

minor differences

Can be hand-drawn or using a computer

drawing package

Storyboards

The Real Deal

Storyboard: Practice task 3

An artistic version of the proposed site

Will give all the information required

Need a storyboard for each page – but this

could be one storyboard with notes reflecting

minor differences

Can be hand-drawn or using a computer

drawing package

Submit to Turnitin as PracticetaskA2_2

Compare and evaluate designs

Reference your user requirements

Criteria: Accessibility

Disabilities

Navigation Accessibility to

hyperlink/button on page

Aesthetics Colours

Good use of colours

Number of colours

Professional appearance elegance & sophistication

Font styles

Layout Allowable space for

information Width

Height

Sections Information clarity

Logo position

Does it fit with the users specification?

Alignment

Features (if any)

Next week:

Complete research

Select domain name

Refer closely to the ‘job options’ pdf on Wiki

Prepare and complete design table, outlining the details of each page: page name, description of page content, required images and web technologies used.

Prepare and complete storyboard.

Prepare and complete site map. If/when you have completed the above you may start

work on the actual web-site.

Today:

Select domain name

Prepare and complete

design table

page name description of

page content

required

images

web

technologies

used.

Prepare and

complete

storyboard.

Prepare and

complete site map

Complete research

•Minimum of 5 pages,

including (Home page,

Contact us)

•Text

•Images

•Formatting techniques

•Format

standardisation

•Correct alignment on

all pages

•Hyperlinks

•Incorporate

interactivity