Week 4: Website design concepts
Class Activity:
Open the following link:
In pairs write down 10 things that you think is wrong with the design of this website:
http://www.theworldsworstwebsiteever.com/
In pairs write down 10 things that you think is wrong with the design of this website:
http://www.theworldsworstwebsiteever.com/
Open the following file:
design-elements-web_update_2017.ppt |
Task 1: [Must be submitted]
Choose one of the following websites below and outline the website either considers or could improve on the following design concepts.
Ensure you address all points.
- proportion (visual hierarchy)
- orientation (direction/aspect)
- clarity and consistency
- colour and contrast
- usability and accessibility
- appropriateness
- relevance
Ensure you address all points.
Websites to choose from:
http://uglytub.com/
http://www.pennyjuice.com/htmlversion/whoispj.htm
http://www.leoburnett.ca/
http://uglytub.com/
http://www.pennyjuice.com/htmlversion/whoispj.htm
http://www.leoburnett.ca/
Design Tools
Task 1: [Must be submitted]
Remember the annotated diagrams you needed to complete for your first outcome....?
We will be looking at this again.... and other tools for designing a website! This is is the Second Stage of the Problem Solving Methodology - The Design Stage.
We will be looking at this again.... and other tools for designing a website! This is is the Second Stage of the Problem Solving Methodology - The Design Stage.
Open the following file:
design-tools-website_2017.ppt |
Task 2: Pair work [Must be submitted]
Create the following:
For a professional computer hardware online store.
Homework: Have your 2 designs ready by next class as we will be exchanging these with someone for next class.
- A sitemap (Up to 3 levels)
- An annotated diagram
For a professional computer hardware online store.
Homework: Have your 2 designs ready by next class as we will be exchanging these with someone for next class.
Class Activity:
Exchange your layout or annotated diagram with the person next to you.
Try to develop their website based on their design without asking them for additional information.
You are to find any missing information and improve on their diagram. This must be completed in another colour (pen) and must clearly be seen. You will be working with someone you don't usually work with.
Try to develop their website based on their design without asking them for additional information.
You are to find any missing information and improve on their diagram. This must be completed in another colour (pen) and must clearly be seen. You will be working with someone you don't usually work with.