Phosphor: Explaining Transitions in the User Interface Using Afterglow Effects

Subscribers:
344,000
Published on ● Video Link: https://www.youtube.com/watch?v=oQPTiqMGd60



Duration: 0:58
197 views
1


Sometimes users fail to notice a change that just took place
on their display. For example, the user may have accidentally
deleted an icon or a remote collaborator may have
changed settings in a control panel. Animated transitions
can help, but they force users to wait for the animation to
complete. This can be cumbersome, especially in situations
where users did not need an explanation. We propose a
different approach. Phosphor objects show the outcome of
their transition instantly; at the same time they explain their
change in retrospect. Manipulating a phosphor slider, for
example, leaves an afterglow that illustrates how the knob
moved. The parallelism of instant outcome and explanation
supports both types of users. Users who already understood
the transition can continue interacting without delay, while
those who are inexperienced or may have been distracted
can take time to view the effects at their own pace. We present
a framework of transition designs for widgets, icons,
and objects in drawing programs. We evaluate phosphor
objects in two user studies and report significant performance
benefits for phosphor objects.




Other Videos By Microsoft Research


2016-11-03Sensing Techniques for Mobile Interaction
2016-11-03Design and Analysis of Delimiters for Selection-Action Pen Gesture Phrases in Scriboli
2016-11-03PapierCraft: A Command System for Interactive Paper
2016-11-03Experimental Analysis of Mode Switching Techniques in Pen-based User Interfaces
2016-11-03Zone and Polygon: Using Relative Position to Increase the Breadth of Multi-Stroke Marking
2016-11-03Hover Widgets: Using the Tracking State to Extend the Capabilities of Pen-Operated Devices
2016-11-02The Springboard: Multiple Modes in One Spring-loaded Control
2016-11-02Splatter | Tumble! Splat! Helping Users Access and Manipulate Occluded Content in 2D Drawings
2016-11-02Tumbler | Tumble! Splat! Helping Users Access and Manipulate Occluded Content in 2D Drawings
2016-11-02Phrasing Techniques for Multi-Stroke Selection Gestures
2016-11-02Phosphor: Explaining Transitions in the User Interface Using Afterglow Effects
2016-11-02ExperiScope: An Analysis Tool for Interaction Data
2016-11-02InkSeine: Find Your Stuff With Ink
2016-11-02InkSeine: In Situ Search for Active Note Taking
2016-11-02BlindSight: Eyes-Free Access to Mobile Phones
2016-11-02Starburst: a Target Expansion Algorithm for Non-Uniform Target Distributions
2016-11-02An Exploration of Pen Rolling for Pen-based Interaction
2016-11-02Handle Flags: Efficient and Flexible Selections for Inking Applications
2016-11-02Codex: A Dual Screen Tablet Computer
2016-11-02Mobile Communications Research
2016-11-02Wireless Hot Spots