using advanced technology to provide enhanced, device-based user support
DESCRIPTION
Jonathan Kendler, Design Director Wiklund Research & DesignTRANSCRIPT
![Page 1: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/1.jpg)
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
![Page 2: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/2.jpg)
![Page 3: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/3.jpg)
![Page 4: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/4.jpg)
![Page 5: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/5.jpg)
![Page 6: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/6.jpg)
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
![Page 7: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/7.jpg)
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
![Page 8: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/8.jpg)
Why use animations?
![Page 9: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/9.jpg)
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
![Page 10: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/10.jpg)
Why use animations?
![Page 11: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/11.jpg)
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
![Page 12: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/12.jpg)
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
![Page 13: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/13.jpg)
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
![Page 14: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/14.jpg)
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
![Page 15: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/15.jpg)
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
![Page 16: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/16.jpg)
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
![Page 17: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/17.jpg)
Are animations always necessary?
• Depends on product complexity, target users, and use environment
• In some cases, still graphics might be sufficient or even optimal
![Page 18: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/18.jpg)
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
![Page 19: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/19.jpg)
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
![Page 20: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/20.jpg)
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
![Page 21: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/21.jpg)
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
![Page 22: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/22.jpg)
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
![Page 23: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/23.jpg)
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
![Page 24: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/24.jpg)
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
![Page 25: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/25.jpg)
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
![Page 26: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/26.jpg)
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.
![Page 27: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/27.jpg)
Example – Syringe preparation
Original animation
![Page 28: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/28.jpg)
Example – Syringe preparation
Refined animation
![Page 29: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/29.jpg)
Example – Nebulizer setup
Original animation
![Page 30: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/30.jpg)
Example – Nebulizer setup
Refined animation
![Page 31: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/31.jpg)
Example – Patient monitor setup
![Page 32: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/32.jpg)
Questions?
![Page 33: Using Advanced Technology to Provide Enhanced, Device-based User Support](https://reader034.vdocuments.us/reader034/viewer/2022052323/558a4898d8b42aaa368b46b9/html5/thumbnails/33.jpg)
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