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

2. DemoFeaturesDesign Scope – Microsoft Research Notification Overload

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

4. DemoFeaturesDesign Scope – Microsoft Research The Scope

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

6. DemoFeaturesDesign Scope – Microsoft Research Desktop Video

7. DemoFeaturesDesign Scope – Microsoft Research Learning From Email Workflow*Email 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

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

9. 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

10. DemoFeaturesDesign Scope – Microsoft Research Demo scope_geometries_01.html

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

12. DemoFeaturesDesign Scope – Microsoft Research LOD: Glance  Interrogate

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

14. DemoFeaturesDesign Scope – Microsoft Research Filtering No Filter Show only email

15. DemoFeaturesDesign Scope – Microsoft Research Lens

16. 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)

17. DemoFeaturesDesign Scope – Microsoft Research Rich Tooltips Alerts Email Todo Calendar

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

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

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

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

22. 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

23. 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

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

25. 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

26. 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 (Email)

27. DemoFeaturesDesign Scope – Microsoft Research Item Design Composition

28. 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

29. DemoFeaturesDesign Scope – Microsoft Research Overall Design Refinement

30. DemoFeaturesDesign Scope – Microsoft Research Color vs. Grayscale

31. DemoFeaturesDesign Scope – Microsoft Research User Studies

32. DemoFeaturesDesign Scope – Microsoft Research User Studies Tasks (Sample) Determine which items are of high urgency and which are lower Find an unread email 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 email messages that were sent specifically to you Read a high urgency email sent only to you

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

34. 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

35. DemoFeaturesDesign Scope – Microsoft Research Future Directions

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

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

38. 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

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

40. DemoFeaturesDesign Scope – Microsoft Research Fins: Showing More Items

41. DemoFeaturesDesign Scope – Microsoft Research 3D

42. DemoFeaturesDesign Scope – Microsoft Research Other Form Factors

43. DemoFeaturesDesign Scope – Microsoft Research PDA

44. DemoFeaturesDesign Scope – Microsoft Research PDA Video

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

46. DemoFeaturesDesign Scope – Microsoft Research Watch Form Factor

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

48. DemoFeaturesDesign Scope – Microsoft Research End

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

50. DemoFeaturesDesign Scope – Microsoft Research Email 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 email for a period of time, they need to catch up and deal with all the email that accumulated while they were away. Task management: People often use email to remind them what they need to do, and to help them get tasks done. Archive: People store email so they can refer to it later. Retrieve: After archiving messages, people need a method of retrieving messages. * Thanks to Gina Venolia

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

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