Jan 27

via GIPHY

Project 1: Website Redesign

Usability Tests

In Class: Conduct at least 3 Usability Tests on Clickable Prototypes.

Use provided printed sheets.

If you want to show data from the previous usability test for your case study. You can find those here.

Due Next Class

Project 1: Website Redesign

Deliverables

  • Case Study PDF or Google Slides
    • 20% of grade

Student Examples:

  • Desktop and Mobile Prototype Links
    • 80% of grade
    • Linked to your Sandbox
    • The prototypes should include final designs for Home, Secondary, and Tertiary Pages (or Home and two Secondaries).

Presentation/Critique

You will have 5 minutes to present and a few minutes for critique. Practice!

Presentation Format:

  • Introduce Client
  • Introduce Primary Audience
  • Introduce the Problems with the Original Website
  • Explain your Goals and Solution for the Redesign
  • Take us through your Prototype(s)

How to put together and access presentation. You can extract pages from your Case Study for it if you like. You won’t have time to go through entire Case Study. You can link to this presentation from your Sandbox for easy access, or from the Slack #project1 channel?

Sneak Peek at Next Project

Online editorial platforms are trying new and exciting ways of presenting content to make full use of the digital experience. Your challenge is to bring a short story to life, while considering the flow of content, visual design, expressive web typography, css animated and interactive enhancements, and overall responsive nature. You will be designing and developing a more experiential single-page website of around 1,000 words. It is critical that you experiment with the format to create a unique viewing experience, while still considering the flow of information and usability.

Use one of the following for content:

  1. Choose an existing short article or chapter
  2. Tell the history of a person, place, or thing
  3. Tell a story about a collection of objects
  4. Demonstrate a “How to” process

Student Examples:

Student ADAA Examples:

Professional Examples: