Using Advanced Technology to Provide Enhanced, Device-based User Support

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, jonathan@wiklundrd.com

AddressWiklund Research & Design, Inc. 152 Commonwealth Avenue, Suite 8Concord Massachusetts (USA) 01742Concord, Massachusetts (USA) 01742

Telephone(USA) 001 978 371 2700

Websitewww.wiklundrd.com