Content Audit Screen Shots

Lls.Org Website

Lymphoma Ride Website

MSLR Website

Wire Frames Reflection

Wire Frames Reflection

The Leukemia and Lymphoma site and Medical Students for Lymphoma Research (MSLR) site both understood how websites should be laid out. The MSLR website was designed ok. It had a main navigation section and included a footer. I noticed while doing the wire frames that the MSLR subpages had a lot of space for content. This website could have benefited from including more secondary links for supporting information. The Leukemia and Lymphoma site was done professionally and there is not much to critique on.

The Lymphoma Ride site was very simply laid out and had hierarchy, but it was focused on the wrong content. The website chose to have the donation part in the content the first thing you see. There is no information being highlighted and you do not even see the details of the Research Ride until after. I chose to create a feature section and main navigation for this website. Lymphoma Research Ride website will benefit from more images and displaying the information first about the Lymphoma Ride to get people interested. Then the donations last. Right now the website lacks the ability to get emotional responses from people to help support this event. 

Content Audit Reflection

Content Audit Reflection

My event was a Lymphoma Research Ride site. I found while doing the audit for this website that it was very difficult. Most of the pages do not link to anything, and if they do it is very little information. There was only one set of links on the “About Us” page that had any coherence with the rest of the website. A few things I noticed while clicking on the links from the event website was that a brand new box pops up really small and has scroll bars on them. At first when I went to see if that link had any more I could not find them because they were not visible. The content Audit for this site is very small because the website is so poorly made. www.lymphoma.org/ride2012/

The second website I chose was http://lymphosite.org/. It is a research site that has a better design but I ran into the same issues with the links. They give minimal information when clicking on another link and there is not much activity or navigation throughout the entire website. This is a bad thing. For someone who would want to find out a lot of information on Lymphoma would be concerned about the credibility of this website. There are no links for references at all.

The last website I found is the best one. www.lls.org. It personifies how a website should be laid out from all the links to the design. I noticed that while doing the content audit for this one, all the links that were there were actually named and you knew what page you were on. The other two websites failed to do that. There were no pop-up windows and each link was organized with categories and sub-categories.

Wire Frames Con't Ideal Wire Frame

Here is my ideal wire frame for the website. Underneath is the original wire frame.

Wire Frames

Website 1

Website 2

Website 3

These are the website I did the fourth part of my project on. They were all Lymphoma Research sites. The last website shown here (the Lymphoma Ride) is the one that I chose as my event.

Final Homework

Tuesday Dec 11, 9:00 am

Adjustments on flowchart, print in color, trim
Multiple choice test Chapters 6 and 7

Friday Dec 14, 12:00 NOON

Uploaded to blog
-Screen shots of content audit and a 300 word summary of connections and observations
-Reverse wire framing and composite wireframes with 200 word summary of reasoning

Flow Chart First Draft Print

Some of the comments that the students gave me where to add the white arrows to the flow chart key. Add white arrows for the actions I did not chose to lead to the next choice. The last thing that they mentioned was the "plumbob" symbol at the end to make it more vectorized it's too detailed compared to the rest of the flow chart.

In Progress Code

Trying to get everything in columns and into the background properly.

Final Design For CSS Zen Garden

Several Versions of My Zen Garden Project

75% of ZenGarden

I need to spend more time on the background and layouts so that when you view it in the webpage it will look half way decent.

My Style Tiles

Mind Map

This is the mind map of college life through my eyes.

Visual Diary

This is my visual diary about college life and the things I have experienced within one hour.

Redifining Reading

I wanted to go for an older feel for the webpage. So i used old wooden style and also tried to use colors that went well with the theme.

At Font Exercise

This is the At Font Exercise and the html code.

Two Backgrounds and Main Page

I wanted to go fo something simple and I wanted to have the whole theme and idea behind the Art Design Department to be still used so I decided to play with the words and give them a three dimensional feel.

Practicing HTML

This is my webpage that I have created using basic HTML coding. It describes my summer, which I broke down into two halfs May-June and July and August. I used this by creating headers and lists, so that all of the information can be readable. I also included images so that the viewer will not be bored with only text.