SimbaMurinyeUnit3

Web Design

**Unit question:What makes an effective web design?**

 * Pre-Unit exercise**

= INVESTIGATION =

The current situation/problem:
How can online shopping be made effective?

Online shopping needs to be made because some website This is a very good example of a successful website www.amazon.com

What makes a good online shopping website is what they sell and mostly how they market it.

Examples of bad online shopping websites.
The first reason why this website is bad very bad is because the home page does not even work the second is that all the links are scattered everywhere and the third is that there is not a single picture. More bad website at: http://www.webpractices.com/samplesites.htm

The Design Brief
I am going to make an online shopping website.

The Design Specification

 * Have a Homepage
 * a Page about what you need to shop online
 * a Page about what the shop needs to offer this service
 * a Page about hacker's methods
 * a Page about security measures
 * Have a consistent layout
 * Appropriate use of pictures
 * No copy and pasted information
 * Have tables with merged cells
 * All pages that adjust to the window size
 * Must function the same in three different browsers.
 * It must have very simple English to make it easy to understand.
 * Must be appropriate for ages 12-18

**Tests**

The tests that I will do will be to ask if the website fits all these things.Does it 1)Have a Homepage 2)Have a Page about what you need to shop online 3)Have a Page about what the shop needs to offer this service 4)Have a Page about hacker's methods 5)Have a Page about security measures 6)Have a consistent layout 7)Have Appropriate use of pictures 8)No copy and pasted information 9)Have tables with merged cells 10)Have All pages that adjust to the window size 11)Have function the same in three different browsers. 12)Have very simple English to make it easy to understand. 13)Catch the eye and is it very interesting. 14)Appropriate for ages 12-18

= DESIGN =

Design 3
I have chosen design three because it meets most of the design specifications and because it is the one that I like the most.
 * ===**Design specifications**=== || ===**Design 1**=== || ===**design 2**=== || ===**Design 3**=== ||
 * 1)Have a Homepage || yes || yes || yes ||
 * 2)Have a Page about what you need to shop online || yes || yes || yes ||
 * 3)Have a Page about what the shop needs to offer this service || yes || yes || yes ||
 * 4)Have Page about hacker's methods || yes || yes || yes ||
 * 5)Have Page about security measures || yes || yes || yes ||
 * 6)Have a consistent layout || no || no || yes ||
 * 7)Have Appropriate use of pictures || N/A || N/A || N/A ||
 * 8)No copy and pasted information || N/A || N/A || N/A ||
 * 9)Have tables with merged cells || N/A || N/A || N/A ||
 * 10)Have All pages that adjust to the window size || N/A || N/A || N/A ||
 * 11)Have function the same in three different browsers. || N/A || N/A || N/A ||
 * 12)Have very simple English to make it easy to understand. || N/A || N/A || N/A ||
 * 13)Catch the eye and is it very interesting. || no || yes || yes ||

= **PLAN** = specifications || Create || 26/02/13 ||  || Computer+Internet+wiki-space ||   || criteria || Create || 26/02/13 ||  || Computer+Internet+wiki-space ||   || design carefully || Create || 26/02/13 ||  || Computer+Internet+wiki-space ||   || on the internet || Create || 26/02/13 ||  || Computer+internet ||   || appropriate names || Create || 26/02/13 ||  || Computer+internet ||   || the home page || Create || 26/02/13 ||  || Computer+Microsoft web expression ||   || about the website || Create ||  ||   ||   ||   ||
 * **Task ** || **Stage ** || **Date ** || ==**Time Line**== || **Resources ** || **Comments ** ||
 * Look at Design
 * Look at the Design
 * Look at the chosen
 * Find good picture
 * Save Pictures with
 * Create a layout for
 * Type in the title || Create || 26/02/13 ||  || Computer+Microsoft web expression ||   ||
 * Paste in picture || Create || 26/02/13 ||  || Computer+Microsoft web expression ||   ||
 * Type in information
 * Add || Create ||  ||   ||   ||   ||
 * || Create ||  ||   ||   ||   ||
 * || Create ||  ||   ||   ||   ||
 * || Create ||  ||   ||   ||   ||
 * || Create ||  ||   ||   ||   ||

= CREATE =











= EVALUATE =

The product has been tested and seems to fit these design specifications

1)Have a Homepage 2)Have a Page about what you need to shop online 3)Have a Page about what the shop needs to offer this service 4)Have a Page about hacker's methods 5)Have a Page about security measures 6)Have a consistent layout 7)Have Appropriate use of pictures 8)No copy and pasted information 9)Have tables with merged cells 10)Have All pages that adjust to the window size 11)Have function the same in three different browsers. 12)Have very simple English to make it easy to understand. 13)Catch the eye and is it very interesting. 14)Appropriate for ages 12-18

Here is what one judge said "I like the the website. It is very simple and informative but I would have liked to see a bit more color in the background  and in the last two pages."

There were some changes that I needed to make which were
 * Reduce the number of pictures on each page to reduce to increase the speed of the page load.
 * Put the text in one place to avoid confusion.
 * Explain the hackers and the hacking to accommodate everyone.
 * ==Stage== || ==Grade== || ==Reason For Level .== || ==How to improve next time .== ||
 * ==INVESTIGATE== || 3 || d ||  ||
 * ==**DESIGN**== || 3 ||  ||   ||
 * ==**PLAN**== || 1 ||  ||   ||
 * ==**CREATE**== ||  ||   ||   ||
 * ==**EVALUATE**== ||  ||   ||   ||
 * ==**ATTITUDES IN**==

**TECHNOLOGY**
||  ||   ||   ||