Unit 28 Website Production

Transcription

1 24 April 2015 Unit 28 Website Production User Requirements Website Purpose Lesson 5

2 Objectives Define website purpose Understand how to define website requirements Building towards assignment 2

3 Assignment 2 Design Create a website and explain features Review and improve Explain accessibility Prove your site fits the design criteria

4 In the beginning Websites designs must include: Customer requirements Purpose of the website Additionally Features (desirable & essential) Language used Accessibility security

5 Two main categories Commercial Non-commercial

6 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

7 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?

8 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!

9 Customer requirements ensures the website meets the clients needs states the content, layout, and features of the website 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

10 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.

11 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 noncommercial website with a professional, serious theme.

12 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 noncommercial 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

13 Requirements & purpose Commercial or non-commercial? content, layout, and features Required features: Essential Desirable Audience age, specialised knowledge, etc

14 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)?

15 Task 1 Choose the job that you will work on. Draft an 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

16 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.

17 Domain naming Find an appropriate domain name

18 Design Table Oaker Wood Leisure site 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

19 Site Map Site map defining the required pages and detailed navigation between each page. Home Contact us About us Products Returns

20 Design Table: Task 2 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 page name page content images web technologies Home page

21 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

22 Storyboards

23 The Real Deal

24 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

25 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)

26 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.

27 Today: Complete research page name Select domain name Prepare and complete design table description of page content Prepare and complete storyboard. required images Prepare and complete site map web technologies used. Minimum of 5 pages, including (Home page, Contact us) Text Images Formatting techniques Format standardisation Correct alignment on all pages Hyperlinks Incorporate interactivity