Unit 01 - Introductions

Welcome

  • Introduce self
  • Watch Videos
  • Syllabus discussion
  • Show character development Xserve
  • Not a coding class
  • We all learn together and leave our ego at the doo

Lecture

Site construction process and parameters

  1. Goal of Site - Get job, express yourself, demo products
    1. Credentials
    2. Show what you do
    3. Contact
  2. User there to learn about you and contact you
  3. Target Audience
  4. Design
    • Flowchart
    • Static mockup
    • Design layout
  5. Development and implementation
    • Navigation
    • Main and tertiary content
    • Create navigation interactivity
    • Content grouped and concise
  6. Deployment and Testing

Site tech requirements depend on audience

  • Pages load quickly (initial download between 100-400 kilobytes) with progress bar that loads right away within 5 seconds
  • Size of site fits in active area
  • 93 percent people have player but take into account version

Design

  • Heirachy of information is clear
  • Text legible and consistent
  • body copy short and concise
  • clear navigation
  • indicate links in text with

Class Activity:

Multiple activities discussion goals of class and projects.

Homework

  1. Search for one cool flash sites to demo to the class. Tell the class what you like about the designs. Discuss the target audience and what makes the site different.
  2. Post an initial flow chart for your site using google docs or power point or any program of your choice.
  3. Create an initial mock-up (can be rough) in program of your choice.
  4. Gather all of your work and make notes about your work (reflective statements) if doing portfolio.
  5. Define a theme and your target audience for your portfolio or app.