Upload
others
View
16
Download
0
Embed Size (px)
Citation preview
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