Gaia/Design/BuildingBlocks

< Gaia‎ | Design
Revision as of 23:09, 28 April 2012 by Cyee (talk | contribs) (Created page with "== Search Fields == * Search fields should automatically automatically auto complete where possible. * Search results should be real-time with highlights of search substring * Se...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Search Fields

  • Search fields should automatically automatically auto complete where possible.
  • Search results should be real-time with highlights of search substring
  • Search fields should be easily cleared (eg: with 'x')

Text Display

  • Text should gracefully wrap to next line at word boundaries.
  • Text should be gracefully truncated when too long to fit in given text area at whole words followed by "...".

eg: 'The quick brown fox jumped ...'

Lists

Data Object Lists

Data objects can be defined as references to data within other applications. Some examples include contacts, calender events, photos and music.

  • Object fields should gracefully truncate with wording that is implicit of additional objects that are present but not able to be displayed due to limited display area. eg: mail recipients: [Casey Yee][Josh Carpenter] and [x] others
  • Object lists should be expandable to show all list objects or be navigable to a full list.
  • Object lists may be editable
    • Ability to add, remove or open object in application that is responsible for data object type.

Chronological Lists

  • Relative date/time pattern
    • Provides formatting of relative time periods. Relative time periods in this context indicate a duration from a given start date/time to the current system time or the given end date/time.
      • Date/Time formatting pattern
        • 3:30p or 15:30 (depending on 12/24h display)
        • yesterday
        • [2-5] days ago
        • [1-4] weeks ago
        • [month name] [date]
        • [month name] [year]
      • Example Applications of pattern: Mail messages, SMS/MMS messages, Browser History