Jump to: navigation, search

Difference between revisions of "09052007Notifications"

m
m
 
(20 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 ====
* Source of popup: What component does alert come from?
 
* Type of popup: Information, Error, Warning, Success
 
* Aggregation: Showing multiple alerts from multiple sources
 
* Settings:
 
** Quick link to preferences
 
** Disable trigger
 
  
 +
* 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
  
== Current ==
 
  
=== Presentation ===
+
== Content & Layout ==
==== Content & Layout ====
+
 
 +
==== Implementation ====
 +
 
 
'''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 25: 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 ===
 
[[Image:alert-layout-and-icons.jpg]]
 
 
==== 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
[[Media:alert_ani_multi_bold.gif]]
+
* 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 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.