Using Advanced Technology to Provide Eh dD i b dU S t Enhanced, Device-based User Support Presented by Jonathan Kendler MD&M East 2012 – Philadelphia – May 21, 2012
Jun 24, 2015
Using Advanced Technology to Provide E h d D i b d U S tEnhanced, Device-based User SupportPresented by Jonathan Kendler
MD&M East 2012 – Philadelphia – May 21, 2012
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Why use animations?
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Why use animations?
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Why use animations?
• More dynamic than still graphics; can better depict device interactions
• Enable emphasis of important features and subordination or elimination of unimportant onesp
• Inclusion of special elements, such as arrowheads or motion lines, to enhance th i ti f d ithe communication of dynamics
• Illustrate features and effects that otherwise are not readily visibleotherwise are not readily visible
• Inclusion of informative text
• Easier to update and localize than videos• Easier to update and localize than videos
Potential uses
• Can be used on any device with a digital display and a sufficiently strong processor
• Potential scenarios:
• Alarm troubleshooting guidance
• Procedural setup instructions
• Device tutorialsDevice tutorials
• Training videos
How do we know animations are effective?
• Have observed the benefits of animated guidance in myriad usability tests of medical de icestests of medical devices
• In cases where narrative or illustrated left users struggling to perform gg g pcorrective actions, an animated demonstration of enabled test participants to perform actions with relative ease
The downsides of animations
• Can be expensive to develop
• More time consuming to developMore time consuming to develop
• Require specialized skills
R i d d d i• Require more advanced device capabilities
• Can be distracting if poorly madeCan be distracting if poorly made
Are animations always necessary?
• Depends on product complexity, target users, and use environment
• In some cases, still graphics might be sufficient or even optimal
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
The animation process
• Determine which tasks should be animated
• Understand tasks
• Produce storyboard (i.e., a hand-drawn, visual outline)
• Photograph interactions
• Produce graphics
• Animate graphics
• Evaluate and refine (i.e., conduct usability test)
• Iterate
Animation tips
• Use a pace that most users will find acceptable (typically 15-20% slower than the actual time it takes to perform a task)task).
• Include brief, 2-3 second pauses after key steps, to help viewers notice important details. p
• Use fades to create smooth transitions between distinct sections of the animation.
• Make drawings realistic enough to clearly represent the actual device, but exclude details that might distract from more salient ones.ones.
• Zoom in and out to highlight important details.
• Avoid excessive motion and extraneous visual effects which can• Avoid excessive motion and extraneous visual effects, which can distract from key details and overwhelm the viewer.
Example – Syringe preparation
Original animation
Example – Syringe preparation
Refined animation
Example – Nebulizer setup
Original animation
Example – Nebulizer setup
Refined animation
Example – Patient monitor setup
Questions?
Contact information
PresenterJ th K dl j th @ ikl d dJonathan Kendler, [email protected]
AddressWiklund Research & Design, Inc. 152 Commonwealth Avenue, Suite 8Concord Massachusetts (USA) 01742Concord, Massachusetts (USA) 01742
Telephone(USA) 001 978 371 2700
Websitewww.wiklundrd.com