Monday, 30 November 2009
The far left box represents the home page of my website, and the large red circle is a main image, most likely to be something like a picture of pupils or a pupil. The blue rectangular box at the top of the page represents the school name, but it also includes the school logo next to it, its at the top and in the middle so it is one of the first things the audience see's. The other blue rectangular spaces are on every page and represent the navigation bar, it feautres on every page so it is eay to navigate around the website. The small orange (green on the home page) boxes at the bottom of the pages are used as the school logo, I put it again at the bottom of the page to fill some space and so the website is more representable of the school. Finally the large green boxes simply represent text and whatever information is featuring on that page.Monday, 5 October 2009
Research and planning
Sutton-on-Sea Community Primary School
http://www.sutton.lincs.sch.uk/sas/index.php?section=6
What is the website purpose
The websites purpose is for parents and pupils to get an idea of what the school is like, it also gives some history of the school, and provides information on what students are learning.
Who are the audience of the website?
The audience of the website are primary school children and their parents.
What does the website have to communicate?
http://www.sutton.lincs.sch.uk/sas/index.php?section=6
What is the website purpose
The websites purpose is for parents and pupils to get an idea of what the school is like, it also gives some history of the school, and provides information on what students are learning.
Who are the audience of the website?
The audience of the website are primary school children and their parents.
What does the website have to communicate?
- Email application - you can send an email from the website rather than from your own email
- Has an online shop - http://buy.at/schoolwise
- Contact details, including adress, telephone number and fax number
What will the personality of the website be? (e.g formal, informal or fun if for a primary school)
The personality of my website is going to be fun and cheery, because it will be colourful and appealing to the sutdents, but also I will make it so that it doesnt look too confusing and messy so it is hard to understand.
Monday, 28 September 2009
Design conventions of websites
What design conventions are:
They might be colours, shapes, patterns, layouts, font styles that have, over time, come to connote things that they don't actually say.
There are literally hundreds of web conventions that you'd recognize. Some simple examples you'll find on the web include:
In many parts of the world, a yellow triangle on a road sign means 'warning'. This has crossed over to become the convention in software.
An area of screen that looks like a button (rectangular and raised with a beveled edge) will conventionally perform an action when clicked with the mouse. This mimics buttons on physical devices, such as radios, television sets and computers. By taking on the appearance of a push-button, the item borrows the user's primal association: "button > I can push > makes something happen".
Early web browsers rendered text hyperlinks in blue, underlined format. This convention has endured for a decade, even though it is not the easiest format to read.
If you want to go to a web site's home page, you'll look first at the top-left of the screen for a logo or a button with the word "Home" on it. No-one told you to do this, you've learnt from experience.
If you see A set of Words Separated by Little vertical lines at the bottom of a web page, you assume that they are a set of general links within the web site you're on. The only reason that should be the case is that you've learnt the convention from other sites.
General web conventions:
There are certain web conventions that are followed by website design companies to their benefit. For example:
Universally accepted colours for links include blue for normal links, purple for visited links.
The home link has to be omnipresent on the site - usually on the top left corner and bottom of the page.
The text has to be presented in familiar fonts - and take care not to mix fonts in pages as that clashes with the consistent image of the website and makes it difficult for the read to read faster.
Website Design companies usually spend a lot of time customizing a website for a particular only to discover later that a majority of the browse a different resolution. Till some time back 800 X 600 was the most popular resolution, however with larger monitors more computers have 1024 X 768 resolutions than 800 X 600.
Though not a convention this, the surfer psychology is such that any text that has an underline is most probably a link. Most website design experts use this to their advantage and even provide to show used internal & external links.
No broken links in the site please. Users are known to leave the site at the sight of a single broken link. It would do good to website designers to at least have a custom error page that props up in such cases (a sitemap here would be a great help)
For purposes of arranging the website's structure, it should have as much of the content accessible at the first level. Structures that have multiple levels should concentrate the information at the first level when possible, and at the level closest to the terminal nodes while not confusing the user by giving too many options during the middle levels as this has been known to cause confusion as to the selection of the right sub-category.
They might be colours, shapes, patterns, layouts, font styles that have, over time, come to connote things that they don't actually say.
There are literally hundreds of web conventions that you'd recognize. Some simple examples you'll find on the web include:
In many parts of the world, a yellow triangle on a road sign means 'warning'. This has crossed over to become the convention in software.
An area of screen that looks like a button (rectangular and raised with a beveled edge) will conventionally perform an action when clicked with the mouse. This mimics buttons on physical devices, such as radios, television sets and computers. By taking on the appearance of a push-button, the item borrows the user's primal association: "button > I can push > makes something happen".
Early web browsers rendered text hyperlinks in blue, underlined format. This convention has endured for a decade, even though it is not the easiest format to read.
If you want to go to a web site's home page, you'll look first at the top-left of the screen for a logo or a button with the word "Home" on it. No-one told you to do this, you've learnt from experience.
If you see A set of Words Separated by Little vertical lines at the bottom of a web page, you assume that they are a set of general links within the web site you're on. The only reason that should be the case is that you've learnt the convention from other sites.
General web conventions:
There are certain web conventions that are followed by website design companies to their benefit. For example:
Universally accepted colours for links include blue for normal links, purple for visited links.
The home link has to be omnipresent on the site - usually on the top left corner and bottom of the page.
The text has to be presented in familiar fonts - and take care not to mix fonts in pages as that clashes with the consistent image of the website and makes it difficult for the read to read faster.
Website Design companies usually spend a lot of time customizing a website for a particular only to discover later that a majority of the browse a different resolution. Till some time back 800 X 600 was the most popular resolution, however with larger monitors more computers have 1024 X 768 resolutions than 800 X 600.
Though not a convention this, the surfer psychology is such that any text that has an underline is most probably a link. Most website design experts use this to their advantage and even provide to show used internal & external links.
No broken links in the site please. Users are known to leave the site at the sight of a single broken link. It would do good to website designers to at least have a custom error page that props up in such cases (a sitemap here would be a great help)
For purposes of arranging the website's structure, it should have as much of the content accessible at the first level. Structures that have multiple levels should concentrate the information at the first level when possible, and at the level closest to the terminal nodes while not confusing the user by giving too many options during the middle levels as this has been known to cause confusion as to the selection of the right sub-category.
Monday, 21 September 2009
Primary Task Research
These are all school or college websites, and by looking at all three you can see that:- Each have a main image of a person smiling at the top of the home page, often slightly to the right.
- Each have the school/college's logo in the top left hand corner, and some of them also have it in the bottom right.
Subscribe to:
Comments (Atom)