Website Design

Know about the different purposes of websites.

Purposes of websites:

• Information based (research, magazines, news, press, articles, online libraries)
• Advertising (attract customers, persuasive techniques)
• File transfer / storage (back up files, sharing, transfer files, store files)
• Educational (online learning, tutorials, quizzes/ tests)
• Shopping
• Social media
• Interaction (gaming, social networking, forums)

Assessment Criteria

• 1.1

  Explore different purposes of websites.

Be able to generate ideas for a website.

Research sources:

• Existing web products
• Existing interactive interfaces (TV / Apps)
• Existing digital interfaces (DVD / Games)

How to generate ideas:

• Research existing products
• Style of product
• Purpose
• Target audience
• Content
• Visual communication
• Design brief
• Client needs
• Mind maps
• Sketches
• Layout designs
• Navigation charts / diagrams
• Technical notes

Assessment Criteria

• 2.1

  Use different sources to generate ideas for a website in response to a proposal.

Be able to design, plan and produce a prototype for a website.

Planning a website:

• Site maps
• Screen layouts
• Navigation / user interaction
• Identifying content
• Identifying existing assets
• Identifying assets to be created
• Prototypes
• Resources
• Templates

Creating assets:

• Images
• Text
• Photographs
• Video
• Animation
• Audio

Create a prototype for a website:

• Authoring webpages / creating links
• Importing assets
• Saving files appropriately
• Storing files appropriately

Test a website:

• Functionality
• Usability
• Accessibility
• Different browsers
• Platforms
• Working links / viewable content
• Saving correct file types

Safe working practices:

• Importance of health and safety
• Working safely with equipment
• Working safely with computers
• Maintaining a safe working environment

Assessment Criteria

• 3.1

  Plan the production of a website.

• 3.2

  Create assets for a website.

• 3.3

  Create a prototype for a website.

Be able to review the prototype for a website.

Review the production of a prototype for a website.

Include reflections on:

• how well you worked to produce the prototype (strengths and areas for development in your way of working)
• the effectiveness of the prototype (how well it meets the brief/purpose)

Draw on:

• User feedback
• Own self- assessment
• Feedback from those who worked with you

Suggest improvements to own work:

• More efficient or effective ways of working
• Ways to improve the design of website

Assessment Criteria

• 4.1

  Outline the strengths and areas for development of the prototype produced.

• 4.2

  Suggest improvements to own work.