Design

From Things and Stuff Wiki
Revision as of 05:14, 25 December 2019 by Milk (talk | contribs) (→‎GUI and HCI)
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.
  • From £400.
  • Plus costs (£40/yr 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
  • From £650 (5 days), at £130 a day
  • SSL cert. extra

Hosting and maintenance

  • £15/mth for hosting, plus security upgrades

Support, Training, Consultancy £25/hr for additional backend or administration support, or £100 for a full day consultation.

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

See 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