1 / 9

My Class Portfolio: George Mason History

A website detailing my classes at George Mason University for friends, employers, and graduate programs. Includes course info, work examples, and personal experiences. Follows strategy, scope, structure, and surface planes for optimal user experience.

michiko-hanabishi
Télécharger la présentation

My Class Portfolio: George Mason History

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ENGH 375 Final Project Presentation Sharon O’Boyle May 2014

  2. My topic is: • A website that gives information about the classes that I have taken at George Mason

  3. Why I chose this topic: • For friends, co-workers, family members • For potential graduate programs or future employers

  4. The Strategy Plane • Product Objectives • An operational website • A webpage for each class • User Needs • Simple for friends and family • Clear for grad schools and employers • Difficulties • Hard to come up with an idea

  5. The Scope Plane (1 of 2) • Functional Requirements • Public and available to anyone • One main webpage for each class • Different navigation options for different users • Allow for expansion • Difficulties • Need to limit features scope

  6. The Scope Plane (2 of 2) • Content Requirements • Basic information about each course • My experience with each class • Examples of my work • Quotation and image • Difficulties • Need to limit content scope

  7. The Structure Plane • Interaction Design – use conventions for navigation • Information Architecture – use similar structure on each page • Difficulties • Conflict between being innovative and being familiar

  8. The Skeleton Plane • Information Design – four boxes on each page • Interface Design – don’t try anything fancy • Navigation Design • Top: alphabetical • Left side: by course type and semester • Difficulties • How much space to use? Fixed vs liquid?

  9. The Surface Plane • Font– sans serif • Colors– blue, green, gold • Content • Find or create images • Write experiences • Locate and ‘pdf’ assignments • Difficulties • Experimenting with fonts/colors/images

More Related