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 

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. 

Don't make me think

1. nothing important should ever be more than two clicks away
2. If something is important, it should be easy or access.
3. question mark
4. unfamiliar names, un-obvious links, search bars, unknown starting point
5. one without boxes, no curser, flat
6. it distracts us from the task at hand, leading us to just give up. people don't enjoy puzzling over how to do things.
7. Where am i? Where should i begin? Where did they put (blank)? What is important on this page? Why did they call it that?
8. understanding the basic principle of eliminating question marks.
9. the competition is always one click away
10. yes, because there a millions of options on the web and plenty of good designers that are more dedicated than you to eliminate questions
11. Although many people tend to blame themselves and not the site, the audience would have a much more positive remembrance of the site and maybe even recommend it to a friend if they had a good experience and enjoyed it.

-- What is a content management system (CMS)? a computer application that allows publishing, editing and modifying content, organizing, and deleting
-- What are several well-known brands that use Wordpress as a content management system for their site? (include links and screen captures with captions for at least 2 of them)

-- What are the other 2 popular CMSs, besides Wordpress? (clue attached below)-- Compare and contrast them - what are their respective strengths? What criteria would someone consider when choosing one of the three? (Include links to sites that you get your information from.)

WayBack Machine

Tumblr-

This is a photo of tumblr when it first started, as well as its html code. 

These photos show that even back when it was first created, tumblr had a good start on their website. But as you can see in these next photos, much has changed in the past years.

The sleek design and modern finish of the new and improved website has billions of people crawling to its login. As you can see in the html, there is much more "style" and "class" typed in. (written out, and literally.) Not only did they change the background, but they improved the website by creating the login on only one page; therefor keeping the viewer from going tab to tab trying to find the main page again. 

Youtube-

Here are some images of youtube when it first began. 

Most similarly to tumblr, youtube had a good start and even kept its logo intact. The majority of the difference was that it became more modern, sleek, and easy to manage. 

Here are some more recent photos of the famous webpage-

As you can see, they now advertise the videos and give you the option of creating an account, rather than forcing you to do so. In the html, you can see the script and classes are a little different. And just because it may look better now, doesn't mean the html differences are huge. Actually, most of it looks quite the same. I would say the biggest difference in the html would have to be the quantity of images and buttons placed into the home page. 

Pinterest- 

This is definitely my favorite one. 

As you can tell, there isn't much of a difference between the html picture and the website itself. It had close to no style sheets and certainly no organization. Im not even quite sure they bothered to change the color of the links!

Alright. This is a little bit better, don't you think? Theres good balance, nice colors, and it all seems very simple. Pinterest, as well as these other websites, have come a very long way to be where they are. The html coding in this one might seem very similar at first, but then you'll realize there aren't any random dashes in the new one! I suppose they probably figured out how to work dreamweaver after a few years. Whatever the case, all of these websites are new, modern, and show that web designers everywhere are constantly learning and changing according to the society and how its advanced. 

Way Back Machine- 

personally, i think this website is very cool and showed me a lot of neat things. Because of my age, i was very young when most of the internet and computers became a big thing and its funny to see how things were even when i didn't appreciate it as much as i do now. 

E-communications Brochure

This is my e-Comm brochure. I believe it represents all of the amazing things about e-Comm and truly shows how fun and interesting it can be. It also shows that e-Comm is not set to just one strand, but you can do so many different things with it and whatever you want to do, e-Comm can make possible. Because the things listed there are only the start of what you can do.

My New Logo

This was my mood board for the project. I definitely wanted to incorporate tea into my logo in some way. I wanted it to show my love for tea and how down to earth it is, showing that its very original and full of love/passion. I'm very much in love with simple yet extravagant things- so the fact that a tea cup can be both of those excites me. it makes me feel all warm and fuzzy inside.

These are the sketches that i originally came up with. My thinking throughout doing this was very chill and original. One of my favorite things is tea, and I'm constantly either drinking that or coffee. My inspiration came from a font i found on a website, showing letters hanging from a string. that kind of gave me the idea of using the letters as tea bags, and making it really clear thats what it was.

This is the first Design i came up with, it started out very simple and not quite drawn out right, but i believe i was on the right path.

After i had created the first one, i made multiple variations of it and tried different colors and textures. I also did many different variations of my name and tried to find the best one i could that would fit onto any business card or banner. 

This is my final logo and the one i have decided to use to represent myself. I ended up with a more tea tag looking feel, rather than a tea bag. i also added some more texture and created liquid inside the cup. Overall, i feel that this logo really represents myself and shows the world not necessarily who i am, but what i enjoy.

Extra Credit

Mary Poppins

This is the poster i made from the 1960's. It represents me because when i was a child, i always watched this movie. It would make me smile and want to be able to fly away, just like her. I wanted to be able to sing like her, and be as sweet as her. It was one of my favorite movies and whenever i watched it, a smile would appear on my face. This movie brings back such good memories for me and the poster represents that. It shows her flying away from the big city she was from, and carrying a part of it with her. Because Mary Poppins was the type of Lady to not only leave marks on others, but bring a little of each place with her wherever she went. A lot of Saul Bass' posters were red and black with little of other colors. His posters were very cartoonish and harsh almost, creating a suspenseful scene. Mine on the other hand, although it still has that cartoonish feel, is realistic and gives depth with cool colors that sooth your mind rather than worry it.

10 things about myself~

This poster not only lists 10 things about myself, but it describes my life. Everything shown on this poster is something i hold dear to me and honestly cherish. Some may be loved far more than others, but nonetheless, they all hold a very dear place in my heart. If someone is becoming close with me, it is very important for them to know these things about me. Because although it may take quite some time to get to know someone, things such as these can show so much about a person and their heart. So overall, this reveals my personal story by showing the things that mean most to me. When we as humans go through trials, it changes us and makes us who we are. The trials in my life have caused me to be this person now and i am proud of that. It shows my personal story, and who i would like to become. one of the things on my poster is adventure. I believe this world is far too beautiful to just pass up. I once heard a quote that said "the world is like a book. if you don't travel, you stay stuck on the first page." Another thing on my list is Art. I am constantly drawing or painting, and it helps me release all of my stress. All of these represent my story, and I'm proud of that.