DemoFeaturesDesign Scope – Microsoft Research Scope: Providing Awareness of Multiple Notifications at a Glance Maarten van Dantzich, Daniel Robbins, Eric Horvitz, Mary Czerwinski Microsoft Research

DemoFeaturesDesign Scope – Microsoft Research Notification Overload

DemoFeaturesDesign Scope – Microsoft Research “Show me all the important new stuff without bothering me too much.”

DemoFeaturesDesign Scope – Microsoft Research The Scope

DemoFeaturesDesign Scope – Microsoft Research Scope Goals Glanceable: need only a quick look Unified: all notifications in one place Unobtrusive: minimize distractions Lightweight: assisted prioritization

DemoFeaturesDesign Scope – Microsoft Research Desktop Video

DemoFeaturesDesign Scope – Microsoft Research Learning From Workflow* Workflow Flow: unobtrusively show newly arriving notifications Triage: show all the notifications that have arrived since the last time the user attended to the Scope Task management: let users edit metadata Archive: Let users keep items on the scope Retrieve: Let the user easily see summary info about a particular notification AND quickly access the original item * Thanks to Gina Venolia

DemoFeaturesDesign Scope – Microsoft Research Information Sources (Current) (Outlook) Calendar Appointments (Outlook) Tasks (Outlook) Web Alerts (Custom) –News, stock-alerts, weather, traffic Prioritized by Notification PlatformNotification Platform

DemoFeaturesDesign Scope – Microsoft Research Basic Design MORE Urgent LESS Urgent Inbox Calendar Tasks Alerts User is at center of Scope Items “closer to the user” are are more important to the user Notification Item with visuals for metadata

DemoFeaturesDesign Scope – Microsoft Research Demo scope_geometries_01.html

DemoFeaturesDesign Scope – Microsoft Research Feature Overview Levels of Detail Wedge Expansion Filtering Lens Top N listTop N list Single-item list Rich tooltips Inspector

DemoFeaturesDesign Scope – Microsoft Research LOD: Glance  Interrogate

DemoFeaturesDesign Scope – Microsoft Research Wedge Expansion Show more items (of lower priority) Show more of each item

DemoFeaturesDesign Scope – Microsoft Research Filtering No Filter Show only

DemoFeaturesDesign Scope – Microsoft Research Lens

DemoFeaturesDesign Scope – Microsoft Research Single-item list (more info about item under cursor) Lists Multi-list (top N items near cursor) Top-N-list (top N items from entire scope)

DemoFeaturesDesign Scope – Microsoft Research Rich Tooltips Alerts Todo Calendar

DemoFeaturesDesign Scope – Microsoft Research Inspector Appears when user double- clicks on an item Clicking on button within Inspector opens source document in native application

DemoFeaturesDesign Scope – Microsoft Research So Why Did We Make It This Way?

DemoFeaturesDesign Scope – Microsoft Research Feedback Channels Available Sound Color Animation –Position, shape Position Shape

DemoFeaturesDesign Scope – Microsoft Research Interaction Channels Available Hover Click Double-click Drag-and-drop Zooming Lens

DemoFeaturesDesign Scope – Microsoft Research But: Design Challenges Alert the user without distracting the user Pop-out for urgent, new, & overdue items Distinguishable visuals (at all sizes) High contrast between item & background Contrast between wedges Usable in grayscale Boolean states for many properties –vs. many states for few properties Use as few different icons as possible

DemoFeaturesDesign Scope – Microsoft Research Design Evolution Analysis Pretty (“candy drop”)  Clean (“flat”) Complex  Simple Representational  Iconic  Abstract Animated  Static Minimize distractions Minimize visual noise Usable at small sizes

DemoFeaturesDesign Scope – Microsoft Research Tangibility Pretty: “candy drop” & tangible Flat: less visual noise

DemoFeaturesDesign Scope – Microsoft Research Evolution of MetaData Visuals E Rich icons for metadata Rich icons for state and type alpha-numeric for type and symbols for metadata Symbols for metadata and position for type Complex Representational Simple Abstract E

DemoFeaturesDesign Scope – Microsoft Research Halo = To Overdue Overdue Fill type = state New “Touched” Pinned Inner lines = To Type To me alone To me & a few others Outer Shape = From Type Unknown Special Known Item Design Elements ( )

DemoFeaturesDesign Scope – Microsoft Research Item Design Composition

DemoFeaturesDesign Scope – Microsoft Research Why Show Visuals For Metadata? If auto-prioritization works, aren’t visuals redundant? Items are more distinguishable/identifiable Builds user’s trust in system’s intelligence Users feel in control –Edit priority and type by dragging items

DemoFeaturesDesign Scope – Microsoft Research Overall Design Refinement

DemoFeaturesDesign Scope – Microsoft Research Color vs. Grayscale

DemoFeaturesDesign Scope – Microsoft Research User Studies

DemoFeaturesDesign Scope – Microsoft Research User Studies Tasks (Sample) Determine which items are of high urgency and which are lower Find an unread of high urgency that was sent only to you, from a known contact Find meetings that are not close to your office Use filters to show only messages that were sent specifically to you Read a high urgency sent only to you

DemoFeaturesDesign Scope – Microsoft Research User Study Results Visuals were learnable within an hour Spatial coding of urgency is unfamiliar Finding a high-urgency –Beginning of session = 2:34 –End of session = 00:34 (find, read, & close) Animation too distracting Liked idea of trainable reasoning

DemoFeaturesDesign Scope – Microsoft Research Implementation Visual Interface: Macromedia Flash –Scalable vector graphics –Fluid animation –Fast, iterative authoring, rapid-prototyping Supporting system and shell: Visual Basic –Talks to Microsoft Exchange/Outlook –MAPI, CDO interfaces in VB –XML communication between Flash and VB Prioritization via Notification PlatformNotification Platform

DemoFeaturesDesign Scope – Microsoft Research Future Directions

DemoFeaturesDesign Scope – Microsoft Research Different Wedge Semantics Inbox Calendar Tasks Alerts Work Family Hobbies News Friends Family Co- workers Other

DemoFeaturesDesign Scope – Microsoft Research Dynamic Wedge Proportions Inbox Calendar Tasks Alerts Inbox Calendar Tasks Alerts

DemoFeaturesDesign Scope – Microsoft Research Center vs. Edge Centric Most important items near center Most important items near perimeter Look in one place for important stuff More room for the important stuff

DemoFeaturesDesign Scope – Microsoft Research Warped Wedges: More Space for the Most Important Items

DemoFeaturesDesign Scope – Microsoft Research Fins: Showing More Items

DemoFeaturesDesign Scope – Microsoft Research 3D

DemoFeaturesDesign Scope – Microsoft Research Other Form Factors

DemoFeaturesDesign Scope – Microsoft Research PDA

DemoFeaturesDesign Scope – Microsoft Research PDA Video

DemoFeaturesDesign Scope – Microsoft Research Adapting Design to a PDA No hover  overloaded click No double-click  press-and-hold Much slower CPU  Simpler visuals

DemoFeaturesDesign Scope – Microsoft Research Watch Form Factor

DemoFeaturesDesign Scope – Microsoft Research The Scope: Conclusions Manages multiple notification streams Glanceable Learnable Sensitive/subtle design space Adaptable to many platforms

DemoFeaturesDesign Scope – Microsoft Research End

DemoFeaturesDesign Scope – Microsoft Research Notification Platform Newness Item Type Due date Recipient Key words Usage for similar items

DemoFeaturesDesign Scope – Microsoft Research Workflow* Flow: As people are working on other tasks, they want to keep up with the flow of incoming messages as they arrive. Triage: After people are away from their for a period of time, they need to catch up and deal with all the that accumulated while they were away. Task management: People often use to remind them what they need to do, and to help them get tasks done. Archive: People store so they can refer to it later. Retrieve: After archiving messages, people need a method of retrieving messages. * Thanks to Gina Venolia

DemoFeaturesDesign Scope – Microsoft Research Element Design “Pushpinned” meeting requiring travel time to attend Overdue task “Pushpinned” task from known contact AND sent to me and a few others New appointment “Pushpinned” from someone special

DemoFeaturesDesign Scope – Microsoft Research Synonyms For Glance Fleeting look Momentary look Quick look Glimpse Peek Perusal