Jump to: navigation, search

Difference between revisions of "09052007Notifications"

m
m
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
Presentation on Notifications
 +
by Kimberley Peter on September 5, 2007
 +
 +
 
== Overview ==
 
== Overview ==
 +
The focus of this page is on alert pop-up notifications in Jazz. This is a point-in-time snapshot of the alerts implementation and design, not a representation of the final approach the platform will take.
  
This is a snapshot of where the Jazz notifications are at to-date. It is not a representation of the final approach the platform will take.
+
==== Requirements ====
  
* Source of popup: What component does alert come from?
+
* Show source of pop up: What component does the alert come from?
* Type of popup: Information, Error, Warning, Success
+
* Show type of pop up: Information, Error, Warning, Success
* Aggregation: Showing multiple alerts from multiple sources
+
* Support aggregation: Showing multiple alerts from multiple sources
* Settings: Disable trigger
+
* Show incoming information
 +
* Provide quickly accessible settings:
 +
** Link to preferences
 +
** Trigger enable/disable
  
  
== Current ==
+
== Content & Layout ==
 +
 
 +
==== Implementation ====
  
=== Presentation ===
 
===== Content & Layout =====
 
 
'''Title area'''
 
'''Title area'''
 
* Type
 
* Type
 
* Drop down settings
 
* Drop down settings
** <add here>
+
** Disable/enable trigger by component or all
 +
** Preferences
 
* Close
 
* Close
  
Line 23: Line 33:
 
* Message, linkable
 
* Message, linkable
  
===== Style =====
+
[[Image:current-pop.jpg]]
* Form-like style with gradient
+
  
===== Color =====
 
* Blue only
 
  
==== Function ====
+
==== Design ====
===== Animation =====
+
* Motion = In from right
+
* Aggregation = Stacked, if multiple, and slides down and out to the right
+
 
+
===== Preferences =====
+
[[Image:current-prefs.png]]
+
 
+
&nbsp;
+
 
+
== Explored ==
+
  
=== Presentation ===
 
===== Content &amp; Layout =====
 
 
'''Title area'''
 
'''Title area'''
* Type
+
* Pagination controls
 +
** See new incoming as "+n"
 
* Drop down settings
 
* Drop down settings
** <add here>
+
** Show alerts
 +
** Disable/enable trigger by component or all
 +
** Preferences
 
* Close
 
* Close
  
 
'''Body'''
 
'''Body'''
 
* Model object
 
* Model object
 +
* Object overlay to show type
 
* Message, linkable
 
* Message, linkable
  
===== Style =====
+
[[Image:alert-layout-and-icons.jpg]]
* Form-like style gradient from top
+
  
===== Color =====
 
* Adaptable to OS theme
 
  
==== Function ====
+
== Style &amp; Color ==
===== Animation =====
+
* Form-like style with gradient
 +
* Blue only, at present
 +
* Will be adaptable to OS theme
 +
 
 +
'''Early Style Exploration'''
 +
 
 +
[[Image:style-explorations.jpg]]
 +
 
 +
'''Adaptable color'''
 +
 
 +
[[Image:adaptable-color.jpg]]
 +
 
 +
== Animation ==
 +
 
 +
==== Implementation ====
 +
* Motion = In from right
 +
* Aggregation = Stacked; slide down and out to the right
 +
[[Image:current-ani.jpg]]
 +
 
 +
 
 +
==== Design ====
 
* Motion = In from right or up from bottom, to be finalized
 
* Motion = In from right or up from bottom, to be finalized
 
* Aggregation = Paginated
 
* Aggregation = Paginated
 +
[[Image:current-pop-0.jpg]]
 +
 +
[[Image:current-pop-1.jpg]]
 +
 +
[[Image:current-pop-2.jpg]]
 +
 +
[[Image:current-pop-3.jpg]]
 +
 +
[[Image:current-pop-4.jpg]]
 +
 +
[[Image:current-pop-5.jpg]]
 +
 +
[[Image:current-pop-6.jpg]]
 +
 +
 +
== Preferences ==
  
===== Preferences =====
+
Currently, you select an item in the tree and turn on, off, or add triggers.
[[Image:current-prefs.png]]
+

Latest revision as of 18:06, 5 August 2008

Presentation on Notifications by Kimberley Peter on September 5, 2007


Overview

The focus of this page is on alert pop-up notifications in Jazz. This is a point-in-time snapshot of the alerts implementation and design, not a representation of the final approach the platform will take.

Requirements

  • Show source of pop up: What component does the alert come from?
  • Show type of pop up: Information, Error, Warning, Success
  • Support aggregation: Showing multiple alerts from multiple sources
  • Show incoming information
  • Provide quickly accessible settings:
    • Link to preferences
    • Trigger enable/disable


Content & Layout

Implementation

Title area

  • Type
  • Drop down settings
    • Disable/enable trigger by component or all
    • Preferences
  • Close

Body

  • Model object
  • Message, linkable

Current-pop.jpg


Design

Title area

  • Pagination controls
    • See new incoming as "+n"
  • Drop down settings
    • Show alerts
    • Disable/enable trigger by component or all
    • Preferences
  • Close

Body

  • Model object
  • Object overlay to show type
  • Message, linkable

Alert-layout-and-icons.jpg


Style & Color

  • Form-like style with gradient
  • Blue only, at present
  • Will be adaptable to OS theme

Early Style Exploration

Style-explorations.jpg

Adaptable color

Adaptable-color.jpg

Animation

Implementation

  • Motion = In from right
  • Aggregation = Stacked; slide down and out to the right

Current-ani.jpg


Design

  • Motion = In from right or up from bottom, to be finalized
  • Aggregation = Paginated

Current-pop-0.jpg

Current-pop-1.jpg

Current-pop-2.jpg

Current-pop-3.jpg

Current-pop-4.jpg

Current-pop-5.jpg

Current-pop-6.jpg


Preferences

Currently, you select an item in the tree and turn on, off, or add triggers.