Web development

Web development

1. Key processes

   • Planning & Design (Appearance)
   • Layout & Style (Visual)
   • Development (Functionality - LIFE)

2. Fundamental principle

   • U/st USERS
     • Usability NB!
   • What looking for?
   • What objective?

3. Basic considerations

   • Navigation
   • Layout (Content & Display)
   • Headers
   • Footers
   • Credibility (Who you are?)
   • Visual consistency: print & web

4. Theory

   • The fold
     • Divide content - most NB must be above
   • Consistency
     • Vital! Perceived as one msg, multi touchpoints
   • White space
     • Spacing allows eye to travel easily. Allows scanning. Empty / white
   • Colour
     • Psychological effect
     • Based on: culture, preferences, learned cues
       • eg: Red - Asian luck, other danger
     • Indiv. interpret diff.
     • Colour wheel: opposite complimentary - contrast & highlight
       • Red: Warning, Error, Problem
       • Green: successful action, next step, correct submission
       • Blue: Hyperlinks

5. CSM (if need regular updates) Types:

   • Bespoke
     • Highly tailored & customed
     • Expensive
     • Less Flexibile
     • Build own CSM
   • Off the shelf
     • Pre-built & Bought
     • Fewer features
     • More cost effective
   • Open source
     • Some free
     • Anyone can code, manipulate, improve
     • Easy to tailor
     • Can be limited
     • WP, Joomla, Droopal