Apr 21

Site Redesign Resources

Here are some good examples and resources for web site redesign.

Good Designers Redesign, Great Designers Realign (A List Apart)

http://www.alistapart.com/articles/redesignrealign

Awesome Recent Website Redesigns (Web Designer Depot)

http://www.webdesignerdepot.com/2010/06/awesome-recent-website-redesigns/

Top 10 Biggest Website Redesigns of All Time (Freelance Folder)

http://freelancefolder.com/top-10-biggest-website-redesigns-of-all-time/

CNN Redesign Deconstructed Article (Web Designer Depot)

http://www.webdesignerdepot.com/2009/11/cnns-new-website-design-deconstructed

Blog post about the NPR.org redesign

http://www.npr.org/blogs/inside/2009/07/redesign_and_other_chnages.html

37 Signal’s 37 “Better” Project, lays out several redesign ideas with a usability focus

http://37signals.com/better

Imaginary conceptual redesign of Google search

http://www.wired.com/wired/archive/12.03/google.html?pg=12

Imaginary conceptual redesign for Craig’s List (Wired)

http://archive.wired.com/entertainment/theweb/magazine/17-09/ff_craigslist_makeover

Here are some behind the scenes of The NYTimes redesign

http://www.nytimes.com/2006/04/02/business/02ednote.html?_r=3&oref=slogin&oref=slogin

Redesign of the Expression Engine site

http://www.digital-web.com/articles/redesigning_the_expressionengine_site/

Apr 17

Homework 4/17/14

Group Site Redesign Project Milestones

  1. As a team, confirm final site selection for redesign project (ASAP)
  2. As a group, divide responsibility for researching this organization‘s site, including
    1. Organizational history
    2. Target demographics
      1. Include sample personas
    3. User needs/how visitors use the site
      1. Include a written scenario for what a typical user experience might look like.
    4. Competitor sites
      1. Include competitive analysis
    5. Strengths and weaknesses of existing site
      1. Visual strengths & weaknesses
      2. Functional strengths & weaknesses
    6. Basic site map for existing web site structure
      1. This is a simple diagram showing how site content is organized
  3. Begin working on wireframes for a redesigned version of the site
    1. Create wireframes for 3 page types including home page
    2. Wireframes are simple depictions of how page content is blocked out, but don’t show what the actual design will look like
  4. Group research presentation and wireframes due Thursday 4/24. You will have 10-15 minutes as a group to present your research and proposed wireframes.
Apr 15

Homework 4/15/14

Group Site Redesign Project

For our final project for this class you will work in small groups to redesign a website for an existing company or organization. Before being assigned to a group you will individually research at least 3 existing sites that you think would make good candidates for this project.

Criteria for potential client sites:

  • May be either a non-profit organization or a for-profit company.
  • Must be a site for a mid-size to large organization (annual revenues of around $1M or more)
  • Must include a shopping cart/e-commerce function (either for an online store, donations, etc.)
  • Home page includes some kind of dynamic/constantly updated content
  • Current site has at least 10 pages.

Prepare a PDF file with screen shots of each and a paragraph for each site explaining some ways you think the site could be improved. Also include a link to each site from the PDF file.

Due Thursday, April 16.

Mar 20

Homework 3/20/14

Project 2 Milestones due Tuesday, 3/25

  • Complete first draft of app UX diagram (using “Gliffy” or similar tool)
  • 5 “tight” icon comps (in color)
  • Prepare to present on-screen in PDF format

Project 2 Milestones due Thursday, 3/27