USA TODAY redesigns.

dual based, default home page.

dual based, default home page, section hover.

dual based, default home page, article hover.

image based, home page.

image based, home page, section hover.

image based, home page, article hover.

video based, home page.

video based, home page, section hover.

video based, home page, video hover.

text based, home page.

text based, home page, section hover.

text based, home page, article hover.

text based, Life Section, opening.

text based, Life Section, opening with article hover.

text based, Life Section, article isolate.

text based, Life Section, article isolate, website scroll down.

text based, Life section, article isolate, website scroll down, switching section hover.

The emphasis for this redesign was on the user being able to organize+display the articles as was most helpful for them, be that image, text, dual, or video based. There is the ability to jump back and forth between the different display modes throughout the website. 

site map redesign.

USA TODAY. styles applied 2 scenarios.

dual based, default home page.

dual based, default home page, section hover.

image based, home page.

image based, home page, image hover.

video based, home page.

video based, home page video hover.

video based, home page video section hover.

text based, home page.

text based, home page, article hover.

text based, home page, section hover.

text based, Life section.

text based, Life section, article hover.

text based, Life section, article isolate.

text based, Life section, article isolate, switching section hover.

feedback from Professor Marty Maxwell Lane.

*take out the varying space in the section links on the dual based view of the website

*work more with the overall top banner, it looks too "wireframe," "default," + "empty"

*make more contrast between advertisements + articles

*get rid of black line running off the "Y" in USA TODAY

*make video images 100% brightness, don't fade - keep similar set up to images

*reorganize/structure the other section links when in a specific section

*figure out navigation to other sub section articles while reading an article

USA TODAY 2 style options.

Working with the visual aesthetics of the website based off of the wireframes.

option1.

default homepage, text version.

default homepage with hover, text version.

article layout, text version.

article layout with hover to change sections, text version.

option2.

default homepage, text version.

default homepage with hover, text version.

option2.5

default homepage, text version.

 default homepage with hover, text version.

article layout, text version.

article layout with hover to change sections, text version.

USA TODAY wireframes final.

USA TODAY wireframe for redesign.

user scenario1: four ways to view website/format articles.

home page, main view aka Dual View.

home page, Text View.

home page, Image View.

homepage, Video View.

user scenario2: text based view to go from homepage to section to article.

homepage text based view.

section main page.

selected article scroll through and pop-in.

feedback from Professor Marty Maxwell Lane.

*explain more about hover + click difference in steps

*keep search bar more consistent

*make video base view of website into a gride, so it goes with Text, Image and Dual View

*make notation about arrows representing movement on wireframes

*try side + bottom navigation links for sections 

*show a difference in hover on articles

*when designing make article layout wider, not with the text line length, but maybe placement of image(s) or add in other side options in relation to article?

further refined USA Today site map in class.