Tuesday, 3 May 2016

Web Design Notes [04.05.16]

Web Design

Annoying Websites:


What makes a Good Website?
  • Minimal scrolling
  • Page layout should be consistent
  • Effective color + style to the purpose of website
  • Consistent fonts
  • Icons & thumbnails small (quick to download)
  • Needs to be cross-compatible with browsers and operating systems

Interface Design
  • Useable
    • clearly labelled
    • consistent design and layout
    • uses conventions (how things are actually done)
    • touch zones (mobile ready sites)
  • Accessibility
    • WC3 (guidelines)
  • Tolerance
    • cope with user error
  • Legible
    • contrasting colours
    • fonts that work on the screen
  • Visibility
    • white space and the F shape where readers eyes lie
  • Consistency
    • predictable navigation - each page needs to have consistency of design
  • Affordance
    • the in-build clues as to how the interface is to be used (why we avoid using underline on web pages - confuses users - thinking its a link)
    • designer tells the user what to do with instinctive/intuitive object and design elements such as text boxes, links, buttons, etc.
  • Skeuomorphism
    • a design principle where you take design elements from the real physical world and put them into an interface.

Principles of Design Appearance
  • Alignment
  • Repetition
  • Font Selection
  • Contrast
  • Space
  • Balance
  • Proportion
  • Orientation



Extra's
Serif - the legs or links between letters; groups the letters to make it easier to read on paper but more difficult on screen.
Sans Serif - makes it easier to read on screen; sans = without.

~Rahul

No comments:

Post a Comment