Design

From Things and Stuff Wiki
Revision as of 21:51, 2 August 2020 by Milk (talk | contribs) (→‎Project)
Jump to navigation Jump to search


General

See also UI, Lorem ipsum.











  • httsp://www.cooper.com/journal/2013/01/self-study-interaction-design.html




Patterns

See also Living#Patterns, Organisation#Patterns, Computing#Patterns










News



Design and brand guides

Inspiration

Project

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



Cloud Web Design

  • Business Card, Articles, Blogging, Image Galleries, etc.
  • WordPress.com, Tumblr.com, etc.
  • Plus costs (for theme & ad-free, plus domain).

Web Site Design and Build

  • Self-hosted Drupal site with bespoke configuration and theme
  • Using process estimation tools vs. budget
  • SSL cert. extra

Hosting and maintenance

Support, Training, Consultancy


Cloud site setup and custom theme, from £400, or a full site with bespoke backend and custom theme, starting at £650.


Estimation

Content

  • Define UX+IA to fit context of content and users
    • 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?

Design

Brief

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.

User centered

Annotation

Social

See communication

etc

GUI and HCI

slashdot, moderation, metamoderation, ontology, etc...

svbtle, kudos;

Sharing

Gamification

Other

See also Search#SEO.2C_SEM.2C_SMO



Generative