CSS Zen Jabberwocky

In this project, This website showed how to incorporate graphics into a website. Although i have not inserted mine yet, i have showed the same concepts as well as shown how CSS can completely change everything.

file:///Volumes/Web/Juniors/Lawrence%20Chase/websites/CSSzenJabberwockyStartFiles/csszenjabberwocky.html

UX

While i reviewed Toms.com, i found that thy had many great features, as well as overused ones. They did a fabulous job with contrasting colors and creating hierarchies, but at the same time, it was somewhat too much for the eye and a little excessive. As you can see by this image, 

They create a color scheme at the top part of the page. The banner overall shows the main idea, logo, links, and login. All the necessary things in a website. And as you go down, there are a very good use of graphics and photos in the hierarchy. They are evenly spaced, not completely centered, and attract the eye to what is supposed to be attractive. Overall, this website creates a pleasing visual effect and leaves you with a feeling of accomplishment. 

Ch 4 5 & 6 krug

1. It doesn't matter how may times i have to click, as long as each click is a mindless, unambiguous choice.
2. because deep lets you find things easier and understand where youre going rather than having to look all over a page and not find anything at all
3. how hard the click is
4. unnecessary
5. get rid of half the words on each page, then get rid of half of whats left.
6. because thy never get read anyways and it just wasting space.
7. happy talk and instructions
8. introductory text thats supposed to welcome us to a page
9. blah blah blah blah blah
10. scan through and find an alternative
11. no one is going to read them
12. 103, 41
13. people wont use your website if they cant understand it
14. you always enter, look for department, aisle, product, then leave.
15. look for department, ask someone
16. search bar
17. search dominant
18. guide us
19. look for the exit sign
20. cruising or browsing
21. no sense of direction or location
22. there could be huge parts never explored
23. up and down a hierarchy
24. sense of location
25. we start to head right to them
26. bookmarks, home pages, fixed places
27. it tells you where you are
28. gives you something to hold onto, tells us whats there, tells us how to use site, gives us confidence
29. place or location
30. page numbers, table of contents, navigation, titles, signs
31. advertising pages
32. site id, sections, utilities, page name, local navigation
33. advertising pages, pictures
34. top left corner
35. the logo, recognizable
36. important things and less important things underneath
37. links that get you places you need to go
38. home button
39. logo
40. fancy wording, instructions, options
41. make sure they work, one word, short, easy, obvious
42. you are here
43. how yo got there, how to get back, where you are
44. at top, use >, use tiny type, use you are here, boldface last item, don't use instead of page name
45. self evident
46. theyre slick and hard to miss
47. id on top left, links all along top, as well as utilities, but there are instructions on left and alot of text

kung ch3 project

1.

There is way too much going on and i can't even read Japanese. 

2. 

everything is very calm and monotone but you still know what to look at

3. 

its all images, making it hard to know whats a link or not

4. 

it clearly tells you what to click and makes it a different color 

5. 

everything is laid on top of each other, making it difficult to understand 

6. 

you can obviously tell where this begins and ends and how they split apart

7. 

these images are all very well known and east to figure out 

8. 

you can look down the line and understand whats important 

Chapter 3- billboard design 101

1. because the audience needs something as obvious as a billboard.
2. clear hierarchy, advantage of conventions, break up pages, obvious clicks, minimize noise.
3. importance, order
4. bold, big, color, clickable, accessible.
5. same color, same size, same area
6. conventions
7. hierarchy
8. newspaper
9. online, like shopping chart images
10. look for words or use more energy than needed
11. its hard to understand and look at
12. a layout or image that is noticeable and recognizable
13. somebody's bright idea, until everyone starts using it
14. shopping cart or TV icon in corner
15. because some people might not recognize them or understand what they are meant for
16. you need to make sure its a clear and innovate design
17. because if you don't everything will get smushed together and no one will know whats important
18. decide very quickly which parts they like and don't ever use the others
19. a little arrow, the word search, value
20. one is too much stuff, the other is too much pattern or background
21. lines between items
22. everything is noise until proven otherwise

Don't make me think 2

1. We expect people to look at all of our text and figure out how to do it from there but they really just look for something that stands out to them.
2. We don't read pages. we scan them.
3. In a hurry, don't need to read everything, already good at it.
4. you would make things bold and exaggerate main points or important phrases.
5. We don't make optimal choices. We satisfice.
6. We choose the first reasonable option.
7. firefighters, pilots, chess masters, and nuclear power plant operators.
8. usually in a hurry, not a penalty for guessing wrong, guessing is more fun.
9. We don't figure out how things work. We muddle through.
10. People who type out the entire url
11. its not important to us, if we find something that works, we stick to it.
12. they'll have a better chance of figuring things out, they'll notice all that you have to offer, they'll feel smarter, more in control
13. If your audience is going to act like you're designing billboards, then design great billboards.

3 confusing sites

This website shows horrible organization and lack of interest or order. There is no main section and the colors are dull and even monotone. The flashing ad makes it slightly worse by guiding your eye towards unneeded things.

Although this website has a good design and pattern, it gives no sign of direction or labels. It makes you guess at which image to click on and you don't even realize what the website is made for.

This website has a lot of color and a lot of graphics, making it hard to look at and painful to the eye. It gives you no sign of direction and honestly would cause me to turn the brightness all the way down on my computer.