Process

From Things and Stuff Wiki
Jump to navigation Jump to search


todo; do something with this and Organisation

Guides and examples

  • Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

Tools

See Organisation

User Stories and Experience, Information Architecture

See also Design#Usability

Process

  • Site
    • Basic info description
    • Additional content
    • Separate pages and areas
  • Aesthetic
    • Brand and style
    • Layout
    • Colour scheme
    • Typography
  • Social?
  • Deadline?

Content

  • Define UX+IA
    • What kinds of users? What do they want to see? (User story?)
    • Create/brainstorm a sitemap outline/diagram of pages(/addresses)
    • What are the primary pages/areas of the site?
    • What info to display on each of these for their users?
    • What content needs to be written?
    • What elements (content areas, etc.) go on each page?
      • Page (as a part of the site as a whole)
      • Primary navigation always available
      • Secondary area navigation depends on area (or subarea) context
      • Primary page info/content
      • Secondary blocks of info/content
    • Wireframe layout for mobile first and desktop (and then tablet)
    • How can the project brand differ yet retain continuity in each area its pages?

Build estimation

Layout

Paper

Mockups and Stencils

Software

Service

  • Mockingbird - customisable grids(!), can't hide sidebar

Design specifics

  • Webfonts for headings, paragraphs, navigation, etc. (optimised via Font Squirrel)
  • Scale and vertical rhythm baseline (proportions for font-size and line-height)
  • Visual hierarchy
  • Main and section colour palette (CSS)
  • And other creative magick

Platforms

Listings

Testing

  • Check in different browsers
  • Quick; Ask folk for remote feedback
  • Detailed; Get folk to browse it, quietly watch over their shoulder, tell them to access certain info, ask them to vocalise all thoughts, write down their actions and issues, communicate more, refine design, implement
  • Migrate to new site
    • Full migration of data and users
    • Check plugins and settings are alligned
    • Test
    • Etc.