Jump to: navigation, search

Difference between revisions of "09052007Notifications"

m
m
 
(14 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 to-date. It is a point-in-time snap and not a representation of the final approach the platform will take.
+
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 ====
 
==== Requirements ====
* Show source of popup: What component does alert come from?
+
 
* Show type of popup: Information, Error, Warning, Success
+
* 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
 
* Support aggregation: Showing multiple alerts from multiple sources
 
* Show incoming information
 
* Show incoming information
Line 11: Line 17:
 
** Trigger enable/disable
 
** Trigger enable/disable
  
=== Presentation ===
 
==== Content & Layout ====
 
'''Title area'''
 
  
Current:
+
== Content & Layout ==
  
* Type: Error, warning
+
==== Implementation ====
 +
 
 +
'''Title area'''
 +
* Type
 
* Drop down settings
 
* Drop down settings
 
** Disable/enable trigger by component or all
 
** Disable/enable trigger by component or all
Line 23: Line 29:
 
* Close
 
* Close
  
Explored:
+
'''Body'''
 +
* Model object
 +
* Message, linkable
  
 +
[[Image:current-pop.jpg]]
 +
 +
 +
==== Design ====
 +
 +
'''Title area'''
 
* Pagination controls
 
* Pagination controls
 
** See new incoming as "+n"
 
** See new incoming as "+n"
Line 34: Line 48:
  
 
'''Body'''
 
'''Body'''
 
Current:
 
 
 
* Model object
 
* Model object
 +
* Object overlay to show type
 
* Message, linkable
 
* Message, linkable
  
Explored:
+
[[Image:alert-layout-and-icons.jpg]]
 
+
* Model object
+
* Object overlay to show type: error, warning
+
* Message, linkable
+
  
[[Image:alert-layout-and-icons.jpg]]
 
  
==== Style & Color ====
+
== Style & Color ==
 
* Form-like style with gradient
 
* Form-like style with gradient
 
* Blue only, at present
 
* Blue only, at present
 
* Will be adaptable to OS theme
 
* Will be adaptable to OS theme
  
=== Function ===
+
'''Early Style Exploration'''
==== Animation ====
+
  
Current:
+
[[Image:style-explorations.jpg]]
 +
 
 +
'''Adaptable color'''
 +
 
 +
[[Image:adaptable-color.jpg]]
 +
 
 +
== Animation ==
 +
 
 +
==== Implementation ====
 
* Motion = In from right
 
* Motion = In from right
* Aggregation = Stacked, if multiple, and slides down and out to the right
+
* Aggregation = Stacked; slide down and out to the right
 
[[Image:current-ani.jpg]]
 
[[Image:current-ani.jpg]]
  
Explored:
+
 
 +
==== 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
Line 79: Line 94:
  
  
 +
== 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 17: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.