session 6: Visual design principles for the web

We’ll review last week’s quiz and begin our discussion of design principles.

  • Quiz Review
  • Reading/homework
  • Design principles

Quiz Review

Reading/homework

  • Before 8:00 am on Mondaypost to this Moodle Forum at least three possible personas for your project.
  • Found, apps/sites related to yours:
  • Examine reviews: AmazonTripAdvisor, UrbanSpoon
  • Personas: Britt / Carol / Isabelle / Jeremy
  • Groups for discussion/feedback/brainstorming
    IN CLASS – read one another’s personas/ Then chat/phone/IM conversation – provide feedback — ask questions! Brainstorm tasks.
    AT HOME – before Thursday, provide written feedback.

    • Becca / Jeremy / Shauna
    • Ben / Bin / Maged
    • Brian / Britt / Kathy
    • Carol / Diane / Joe
    • Isabelle / Josh / Rachael
    • Kimberly / Shipla / Vina
    • Nadiya / Ruchi

Design principles

Website problems are well understood.

10 principles to tattoo on your brain

  1. Color
  2. Chunking
  3. Fitts’ law
  4. Gestalt Principles of Perception
    (1) Proximity

    (2) Uniform Connectedness

    • Gestalt design principles
      Gestalt : uniform connectedness (from The Web Style Guide)
  5. Hick’s law
  6. Occam’s razor
  7. Readability
  8. Rule of thirds (Thursday w/Photoshop)
  9. Simplicity
    • Designs should have a good signal-to-noise ratio: avoid chartjunk and its equivalents
  10. Visual hierarchy

Assignments

Resources

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s