↑
Top 

week 5

Target Audience and Purpose

 

The design of your the user interface should reflect the intended target audience. The portfolios appearance and navigation will give an impression on your audience, anyone who will look at your portfolio could be potential employers in an organisation that you are applying to. Anyone looking at the portfolio could be looking for different things, such as, your ability to communicate, your understanding of technical skills During the design, you will need to produce a short paragraph describing the purpose of the portfolio. This will help you identify its purpose. Make sure your paragraphs provide information to the following :

1. why you are creating the portfolio
2. what you hope the portfolio will achieve
3. what attributes your portfolio is likely to have. Will it be easy to use or very detailed? Explain why you have chosen to have these attributes.

Create a list of people who you think are likely to see your portfolio.
Beside each person, write a short sentence outlining what you think they want/expect to see. Make a list of the work you would like to include in the portfolio.
List the formats of this work (Consider the way in which you save files).
Write a few brief notes about how these items will help support your application.
Keep copies of this work, as your notes may help you with your assessment.

Try creating a project plan using online cloud services such as projectplan365

What do you think are the stages of creating a website? spend 10 minutes working in pairs of 2, and identify what you feel are the important stages.

 

 

 

Using sheets of paper, create a simple design for a home page and try different combinations of colours and fonts. Decide which you think are the best three combinations. Show these to a small group of people and see what they think. Keep the examples and notes of comments for when you start to design your portfolio.

DIGITAL ASSETS

Once the design of a site has happened consideration turns to the files and assets that you will be required to be on, and available to the site for potential visitors. It is essential to consider a number of things in this topic area, these are,

• quality
• size (dimensions)
• size (capacity)
• file types (compression)

these points can affect the operation and load times of the pages on the portfolio.
In most cases when a user visits a portfolio they will be looking for something, this may be information that is text-based or information in image form. The presentation of information will vary based upon the factors indicated above, this is where you will need to consider the options available. 
When using text, the load times are relatively fast, only where unusual fonts are loaded from other locations does this slowdown, however, this is for the most part not sufficient for the user, not lose interest.
However images can take time to download to the page, this time is dependant on the settings selected in relation to the list above. You must review a balanced approach of quality of the image against the overall file size, this is where some details of an image are lost if the image quality is reduced when saving, therefore, making the file size smaller.
Other options available to reduced the file size is the use of different file types, there is a number to choose from. These file types will use compression techniques to make the size of the file smaller, with the potential of not removing any of the quality.

An example of an asset table.

Category	File name	Name of asset	Description	Copyright details include website link	Use of the asset	Source	Date accessed
Image	original image.jpeg	Own photo	Image of myself	No copyright self-created	CV and personal info page	Taken with the school camera	10/01/17
Word Doc	leaflet.docx	Leaflet	Unit 1 leaflet about file types	No copyright self-created	Unit 1 page	Created on word	15/05/17
Database	BlueScreen.dbs	Database	Unit 10 Database about doctors	No copyright self-created	Unit 10 page	Created on access	18/03/17

 

SOUND

As has been discussed in the section above our asset can affect the load times of our site, we have reviewed images but what about audio? Some sites have audio that plays on them (this is not advised) but these sounds will need to be loaded much like the images. Again like the images the sounds can be large and the quality can and will effect their loading, so in this case, we use different sound file types that use CODEC's (COmpression DECompression) to reduce the size without noticable quality changes. 

Using the Videos within this section, create a list of the different file types and explain what they mean, what they are.

 

See the Pen Simple HTML Page layout - BTEC Level 2 - Unit 13 Web Production by james farrington (@jamesfarrington) on CodePen.

 

 

Create a table that you could enter in the assets that you would intend on using in your website project, once you have created this swap your tables with another person in your class and try to complete them. Record any feedback you have about the table in the document, try to suggest improvements and refinements that could make the table, easier to use and understand.

 

Hierarchy Table/Chart

 

The use of hierarchy charts/tables is to enable the users and developers of your plan to fully understand which pages link to each other. On a simple website this can be very simple, however, on larger scale websites this can be very complex.

Create a hierarchy document of this site, see if you can map it out on paper or on Word using the tools available in it.

Website Production

 

 

 

Last Updated
2018-04-16 13:27:00

---

Links to Learning Outcomes		Links to Assessment criteria
		Unit 3 -  2A.P1 Describe the audience and purpose for the design of a digital portfolio. Unit 3 -  2A.P2 Produce designs for a digital portfolio, including: a timeline for the project a storyboard of the layout and content of pages a structure chart indicating navigation routes a list of ready-made assets to be used, including sources. Unit 3 -  2A.M1 Produce detailed designs for a digital portfolio, including: alternative solutions detailed storyboard of layout and content of pages a detailed structure chart with complete navigation routes fully referenced sources for the ready-made assets. Unit 3 -  2A.D1 Justify the final design decisions, explaining how the digital portfolio will: fulfil the stated purpose meet the needs of the audience. Unit 13 -  2B.P2 Describe the purpose and user requirements for the website Unit 13 -  2B.P3 Produce a design for an 8 page interlinked website, including: A proposed solution A list of assets A test plan Unit 13 -  2B.M2 Produce a detailed design for a website, including: Alternative solutions Aesthetic features Interactive components Unit 13 – 2B.D2 Justify the final design decisions, including: How the design will fulfil the purpose and user requirements Including any design constraints   1B.3 Produce a design for a four page interlinked website, with guidance, including an outline of the proposed solution. 1C.4 Prepare assets and content for the website, with guidance. 1C.5 Develop a website containing four interlinked web pages. with guidance 2C.P5 Develop a website contaming at least eight interlinked web pages. demonstrating awareness of purpose. 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes 2C.M3 Prepare assets and content tor the website demonstrating awareness of the users requirements. with all sources fully referenced. 2C.M5 Test interactivity and gather feedback from others on the quality of the website. and use it to improve the website. showing awareness of user requirements. 2C.D3 Refine the website. to improve accessibility and performance. taking account of user feedback and test results.

---

English and Maths Coverage

---

Stretch and Challenge

---

Homework

---

How 2's Coverage

---

Equality and Diversity Calendar

Files that support this week

---

Democracy: | Rule of Law: | Mutual Respect: | Individual Liberty: | Acceptance of Difference: | College Values:

Week 4←
PrevWeek 5←
PrevWeek 6←
Prev→
Next→
Next