Active
Project:
UX tasks
Component:
Documentation
Priority:
Normal
Category:
Task
Assigned:
Reporter:
Created:
30 Nov 2012 at 09:36 UTC
Updated:
10 Dec 2012 at 22:46 UTC
Lets devise a plan for this:
Two parts:
1. The emotional - tone, voice, characteristics
2. The factual parts, forms, colors, proportions
### Emotional characteristics
We need a foundation of 'personality, voice and tone'. Then we use that to validate and improve the theme as well as determine how new elements should be added in.
### Practical application
Typefaces, sizes, hierarchy, rhythm, colors, spacing…
Form elements
Forms and colours are determined equally by 'brand' and by things like contrast requirements, touch target sizes, visual hierarchy concerns, etc.
Comments
Comment #1
Bojhan commentedhttp://www.mozilla.org/en-US/styleguide/
http://design.canonical.com/the-toolkit/ubuntu-brand-guidelines/
http://drupal.org/node/1164620
http://www.kmsm.ca/wp-content/uploads/2010/08/gvl3_styleguide_v1.pdf
Comment #2
Bojhan commentedhttp://www.d7ux.org/how-does-drupal-talk-on-brand-personality-tone-of-vo...
Comment #12
Comment #61
Comment #73
Comment #3
Bojhan commentedTo split of the more factual parts, we can already start inventorizing and thinking about #1862442: Document forms, colors, proportions, typography. This isssue is now scoped only on the tone/brand focus.
Comment #4
yoroy commentedNotes from a discussion in IRC with Ry5n, Bojhan and yoroy:
---
# A style guide for Seven theme
Seven is the default admin theme for Drupal 7. It defines the first impression and provides the main environment for site building and content editing tasks. As such, it is an important, even defining part of the Drupal user experience.
## Why a styleguide
As functionality gets added to a Drupal site, the user interface gets extended as well. Additional interaction patterns, more complex workflows and new terminology are added to the existing core interactions.
This creates some issues. Most importantly, visual inconsistencies. At the moment (D8 feature-complete phase) even in core-only itself. Made worse through added contrib
A styleguide helps align both core and contrib by defining the main characteristics for Seven and providing a practical checklist for how to express them consistently and appropriately:
## Topics/parts/sections
Two parts:
1. The emotional - tone, voice, characteristics
2. The factual parts, forms, colors, proportions
### Emotional characteristics
We need a foundation of 'personality, voice and tone'. Then we use that to validate and improve the theme as well as determine how new elements should be added in.
### Practical application
Typefaces, sizes, hierarchy, rhythm, colors, spacing…
Form elements
Forms and colours are determined equally by 'brand' and by things like contrast requirements, touch target sizes, visual hierarchy concerns, etc.
## Scope (Seven + core + contrib?)
- Focus on personality & visual characteristics
- Not duplicate but supplement the HIG guidelines at http://drupal.org/ui-standards
**For core**: tone/brand is likely most important
**For contrib:** contrib can use this when designing a custom ui element to consult the practical guidelines.
Comment #5
yoroy commentedfixing title.
Comment #5.0
yoroy commentedfirst version of a plan