Firefox/Projects/Doorhanger notifications: Difference between revisions

Jump to navigation Jump to search

Firefox/Projects/Doorhanger notifications (view source)

Revision as of 19:55, 7 April 2010

3,161 bytes removed ,  7 April 2010
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
{{draft}}
__NOTOC__
The goal is to redesign notifications to address [[Firefox/Projects/Doorhanger_notifications/Notification_box_issues|various issues]] with them and provide a unified action/notification area for them.


The goal is to redesign notifications to address various issues with them and provide a unified action/notification area for them.
* Project Lead: gavin
* Project Members: faaborg (UX)


== Issues with current notification bars ==  
== Design ==
# You have to move your gaze all the way to the left side of the bar before you know what it is trying to tell you.  There is no way to process the notification with your peripheral vision
# The message and the actions are often very far apart if the user has a wide monitor
# The range of possible options obfuscates the most common option (varies by notification, some are better than others)
# Sometimes the action buttons don't express what they are going to do.  For instance "Tell them" or "Ok" instead of "Share Location"
# Close is a very small target, and there are usually two way to dismiss that bar (in this case "Don't Share" and close)
# You have to choose an option, close the bar, or navigate to a new page.  There is no way to "ignore and look the other way".  It's not as bad as modal dialog, but for some sites like Gmail, the password manager bar never goes away
# After you make a decision, there is no direct way to later change your mind. The action buttons and the close button don't easily support undo.
# The notification bars map well to producing a message related to the Web page.  But there isn't a good way for the browser itself to address the user
# When a notification bar appears it causes the entire content area to shift down
# Because these message are in the content area, it is technically possible for Web site to spoof them
# Notification bar are kind of a heavy interface.  They don't really support follow up messages like "you were just automatically logged in with out user name and password" or "your location was just shared again."  These messages are more like a flashing LED than a question that the user has to answer
# Notification bars don't currently stack when there are multiple notifications, but appear in sequence one after the other


== Design ==
See [[Firefox/Projects/Doorhanger_notifications/Design]].
* [http://people.mozilla.com/~faaborg/files/20090821-notification/notificationNamoroka-i1.png Firefox 3.7 Design]
* [http://people.mozilla.com/~faaborg/files/20090821-notification/newNotification-i1.png Firefox 4.0 Design]


[[Image:Doorhanger_notifications_proto1.png‎|Prototype 1 with temporary artwork|right|250px]]  
== Status ==
A new button will provide access to all of the notifications.  The notifications will drop down from it.
Still working out initial requirements and project scope. Neil's work-in-progress patch in {{bug|398776}} needs to be updated and split into pieces per [[#Sub-tasks]]


Each notification will have:
== Goals ==
* large icon on the left
* Design and implement a new notification system as a replacement for notification boxes, to address their [[Firefox/Projects/Doorhanger_notifications/Notification_box_issues|current limitations]]
* question
* button for affirmative action
* menu of alternative actions (optional)
* display mode to determine what to show when the notification is added (see [[#Initial_Notification_View]])


If multiple notifications occur at once, they will stack.
== Non-Goals ==
* [[Firefox/Projects/SiteIdentity]]


=== Initial Notification View ===
== Timeline / Milestones  ==
How the notification will appear when it is first created depends on the mode:
* Silent - add the notification to the menu without distracting the user (used mainly for adding undo actions)
* [[Image:Doorhanger_notifications_geo_mini.png|Icon mode notification|right]]Icon - Display the icon in a small bubble hanging from the button. Clicking on the icon will display the full menu.  The icon bubble will fade out after a few seconds.
* Full - Display the notification question and actions in a bubble hanging from the toolbar button.  Dismissed when an action is taken on the notification or the focus on the notification is lost (ie. clicking onto the content of the webpage).


If multiple notifications of the same type are added, display them at the same time.  If the types are not the same, display all of the first type together, followed by the next type, and repeat if necessary (if new notifications come in after the first were dismissed).
Main tracking bug: {{bug|398776}}.


=== Menu View ===
=== Sub-tasks ===
After a notification is dismissed, it will be available in a menu accessed by clicking on the toolbar button.
* Implement new notification API (popup based, allows specifying primary action button / secondary action menus)
 
** Use geolocation notification as initial proof of concept consumer.
 
* Change callers to use new API instead of notifications bars
=== Meetings ===
* Styling improvements to menu-buttons ({{bug|509642}}, notification panels, etc.


* [[Media:Doorhangers_meeting_1-200905.jpg|Meeting 1 (May 2009) Whiteboard]]
== Testing ==


== Notification Uses ==
* Notification API test suite as part of initial implementation
Examples taken from existing [[Firefox3.5/NotificationBarUsage|notification bars]] and [[Firefox3.5/Dialog Usage|dialogs]]:
* Backfill and updating of tests for current notifications
* Password manager
* Popup blocker
* Offline storage
* Geolocation
* Firefox updates
* Extension updates
* ...


== Bugs ==
== Related Projects ==
* {{bug|398776}} - want mechanism for site-specific notification


=== Sub-tasks ===
* [[Firefox/Projects/SiteIdentity]]
* Implement new notification API (popup based, allows specifying primary action button / secondary action menus)
* Change callers to use new API instead of notifications bars
* Styling improvements to menu-buttons ({{bug|509642}}, notification panels, etc.


== References ==
== References ==
GavinSharp
Confirmed users, Bureaucrats and Sysops emeriti
722

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/214210"

Navigation menu