Collaborative digital design

Learning Intentions

  • Understand the term digital design

Success Criteria

  • I can explain what digital design is

Building a website

  • What we are going to be doing today is building our agency.
    We need someone for each of the following roles:
    • Project leader
    • Lead developer
    • Designer
  • Everyone will also be a developer
  • Select four other people you wish to work with

  • Decide who would be best for each of the roles:

    • Project leader

    • Lead developer

    • Lead designer

Task

The web industry: analysis and design

  • Analysis
    • Within the industry, the analysis section of building a website is often the part that is done incorrectly.
    • When we are looking at what our website is to do, we need to outline it very clearly.
  • Design
    • What do you notice about the design of websites? Layout, colour and making the page into sections is really important.
    • Less is more, use pictures to describe what it is you want to get across

Log on to your computers and find two examples of good websites and two examples of bad websites. Screenshot all of them and put them in a Word document.

 

We'll feedback to the whole class in a few minutes. 

Task

Designing our site

  • Before we can go ahead and design our website, we need to first decide what the website will be about.
  • We then need to think about who the target audience are going to be.
  • We then need to draw out plans and layouts for what the website will look like.

Target Audience

  • Identifying the target audience of a website or any digital design is very important. 
  • For example, if a website is designed for children you do not want to be displaying content that is relevant to adults.

Sitemaps

  • Any website that is built will have a resource like below that shows how all the pages on the website link together. This is called a sitemap.
  • Often if you type in the URL of a website and then sitemap.xml, you can get a machine-readable version of a sitemap. For example: apple.com/sitemap.xml.

Sitemaps

  • Often if you type in the URL of a website and then sitemap.xml, you can get a machine-readable version of a sitemap. For example: apple.com/sitemap.xml.
  • Any website that is built will have a resource like below that shows how all the pages on the website link together. This is called a sitemap.

Get in to groups with up to four other people.

Come up with an idea for a website that you would want to create. Fill in the worksheet as you go along. This website can’t be a personal website, so it would be really good if we built a website we can share around the school.

Task

JB
2 Collaborative digital design : 1.1 Collaborative digital design
© J Balfour
Tools