Jump to: navigation, search

Difference between revisions of "09052007Notifications"

m (New page: === Overview === * Source of popup: What component does alert come from? * Type of popup: Information, Error, Warning, Success * Aggregation: Showing multiple alerts from multiple sources...)
 
m
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
=== Overview ===
 
  
* Source of popup: What component does alert come from?
+
Presentation on Notifications
* Type of popup: Information, Error, Warning, Success
+
by Kimberley Peter on September 5, 2007
* Aggregation: Showing multiple alerts from multiple sources
+
* Settings: Disable trigger
+
  
  
=== Current ===
+
== 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.
  
==== Presentation ====
+
==== Requirements ====
===== Content =====
+
===== Layout =====
+
===== Style =====
+
===== Color =====
+
  
==== Function ====
+
* Show source of pop up: What component does the alert come from?
===== Animation =====
+
* Show type of pop up: Information, Error, Warning, Success
===== Preferences =====
+
* Support aggregation: Showing multiple alerts from multiple sources
 +
* Show incoming information
 +
* Provide quickly accessible settings:
 +
** Link to preferences
 +
** Trigger enable/disable
  
  
 +
== Content & Layout ==
  
=== Explored ===
+
==== Implementation ====
  
==== Presentation ====
+
'''Title area'''
===== Content =====
+
* Type
===== Layout =====
+
* Drop down settings
===== Style =====
+
** Disable/enable trigger by component or all
===== Color =====
+
** Preferences
 +
* Close
  
==== Function ====
+
'''Body'''
===== Animation =====
+
* Model object
===== Preferences =====
+
* Message, linkable
 +
 
 +
[[Image: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
 +
 
 +
[[Image: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'''
 +
 
 +
[[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
 +
* 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 ==
 +
 
 +
Currently, you select an item in the tree and turn on, off, or add triggers.

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.