Monday, November 17, 2008

Assignment 9

Redesigning FoxNews.com

So I made a few changes from last weeks prototype (see screencap in my previous blog). I redesigned the page in Indesign instead of MS Word. To begin with, I changed the heading. My problem with the original was that the logo wasn't prominent enough and it was just way too busy with needless information. For now I've kept the current FoxNews logo. I'm not sure if I'm going to redesign it or not. The current logo is not bad, it was just too inconspicuous.

I simplified the tabs going across the top. There were way too many, two rows of them on the original site. I still have to work on inserting information in certain places (ie. the entire second row was Fox News television shows, so I think I will create one tab strictly for shows). But the tabs look less busy now. I need to decide/clarify what will go into the 'More' tab but I want to condense some of the information from the original page. For instance, Scitech and UReport do not necessarily need to be main tabs and can be added to More.

For the actual news content, I revised my previous design a little. I kept the idea of categorizing information into separate boxes (ie. Entertainment, Sports, Politics) but I got rid of the scroll box within each box and instead just added a few 'Top Story' links, then a link to continue to a second page that contains all of the information for that section. And I kept my original idea with the main top story box. I think I will design a general template for the secondary pages, once the user clicks away from the homepage.

Along the right, in about the middle of the page, I added two columns for FoxNews TV shows and Videos & Blogs. The original site had them scattered sporadically and in places that they just didn't seem to belong. It was quite bothersome. I just wanted to collect them into one spot for people that actually visit these places.

Along the bottom, I added a 'Special Features' section for news and stories that don't necessarily fall into a specific category. I need to add links to the bottom of the page (ie. Home, Contact, FAQ's, etc.) and I may add links for all of the tabs across the top.

My main goal in redesigning this site was condensing the information without losing it. The content of the site is good, it's just laid out in a way that makes the site appear excessive and disorganized. So I think the box layout is a good start. I also colored it up a bit, which I think it could use. The original site just appears boring, on top of the disorganization. There are also a few design flaws/technicalities I need to clean up but I think this is the direction I'd like to keep going in.






Thursday, November 6, 2008

Assignment 8

My Proposal for Redesigning Foxnews:


I want to:
-simplify the content (or at least the appearance of it)
-develop an better organizational scheme for the homepage content (categorize with boxes)
-dispose of excessive elements (tabs, videos, size of ads)
-add a touch of color
-eliminate second row of tabs but including them all under one main tab of "FoxNews Shows" or something to that effect
-eliminate the sections of Videos and Blogs by including them under a tab along the top (maybe include a small box that randomly chooses a video and a blog to display on the main homepage
-make the tabs bigger by utilizing more of the page for news and less for ads
-give option to choose color (like on aol homepage, small color swatches at top right of page)
-perhaps have one large main box, with three main stories that "tear away" (similar to NY Post)
-change the heading, similar to layout/design of The Onion page, with logo centered and tabs underneath, spaced out, in one spaced out looking row, and also NYmag with logo centered and search tool to the left

One option that could work would be to have a main box with important news stories and then have boxes that categorize information by subject (ie. sports, finance, entertainment, etc). These boxes would contain all of the information for these subjects and would allow the user to scroll up and down within each individual box, almost as if each box were a website within a website. This will fix the current problem of the inconsistent layout for each section.

I want to make the page light gray. Then, in each individual section, I want to make the header a maroon box with the text in white or gray lettering.

The heading needs to be more prominent. I would like to make the the heading larger, center the FoxNews logo, and add a search bar to the left of this. The tabs could be placed underneath this, in their simplified manner (condensing the current second row of tabs into one tab).

The ads along the right side of the page also appear extremely prominent and I feel like they are obstructing the content of the site and its appearance. While they can't be taken away, they need to be minimalized in size.

Basically every tab that runs across the top is also its own section on the homepage, which I feel is unnecessary. Also, the Faces & Features section is needless and can be done away with (I feel) without harming the site. It is essentially another Entertainment section.

I feel like this is a good start, although there is so much potential work to redesigning this messy disorganized site.

:::::This captures the basic idea of what I mainly want to do, which is condense the information on the site without getting rid of it. Many more changes to come however, I just wanted to map out my plan on paper and see how it worked and go from there:






Monday, November 3, 2008

Assignment 7

Websites I'd Like to Change:

http://www.empirecoffeetea.com/
While the informative content of the website is good, I just don't find it very aesthetically pleasing whatsoever. First off, I would get rid of the initial page that says "Enter Site" and make the second page the homepage. I'd like to change the layout of the second page to something that's a little more boxy and symmetrical looking. I like the idea of the Bomb Site homepage with the table/grid like layout. I'd also like to change the color scheme to include warmer tones like browns, reds/maroons and so forth. And I think the font needs to be a little spicier.

With the pages where you can actually purchase products (Tea, Coffee), the appearance is pretty bad. It serves its purpose and doesn't make buying super difficult. However, its unappealing how you have the option to purchase with the illustration in the middle of the page and also with the tabs aligned to the right. Not sure yet how I would simplify this but it needs to be changed. On the Specials page, I despise the conspicuous white box under the image with the product description. The information should be kept there but displayed in a different manner. And the Gift Baskets page is all out of sorts in spots, where it looks like some products have been tabbed over a notch. This would work if the product was a connected to the one above it but in most cases it is not.

The information on the website is pretty good, I think it just needs to be arranged differently. The Buying Guide, About Empire, and Cool History of Coffee sections are good informative factors for the overall site they just need a little rearrangement (not completely sure about this yet though). The overall page just needs a better header as well.


http://www.foxnews.com/
This site is a little boring in appearance and although the information factor is pretty good, it can be repetitive. Sometimes a news story will appear in three different places on the homepage which can be a little annoying. I think the website could use a simple color scheme also, no more than two colors. The page needs something to liven it up a bit. MSN is a good example of a simple color scheme, using two light shades of blue. I think a hierarchy setup with the news stories would work better, with one major story taking up a large box then working down from there. I also like the idea of dividing the page in two, with the left side being a bit bigger. Then I would include the bigger news stories with images. In the right column I would just list the smaller news stories as links so the viewer can click on them for more information.