immunet user interface and navigation redesign...immunet user interface and navigation redesign...
TRANSCRIPT
![Page 1: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/1.jpg)
ImmuNet User Interface and Navigation Redesign
Patricia Swartz, MS, MPH, Center for Immunization
2018 AIRA National Meeting
In Collaboration with DXC Technology
![Page 2: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/2.jpg)
ImmuNet Background
2
1999 2010
Funding Priorities
![Page 3: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/3.jpg)
Why Redesign Now?
• Primary driver for redesign Maryland’s 2017 VFC Provider mandate to use the User Interface (UI) inventory feature to order vaccines and to report administered doses• MDH must support existing and new users (from ~800 VFC
sites) to use UI inventory feature that were not previously accessible
• ImmuNet UI from original 1999 design followed internet/web standards at that time• Lacks intuitive interface and intuitive navigation
3
![Page 4: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/4.jpg)
4
Login Page
Page primary
function?
Unused space
Font size
Old MDH
standard leaves
too much space
![Page 5: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/5.jpg)
5
Home Page
Points to
same function
Menu options
Font size
Labels
(where is….?)
Account /
Menu
options
Page
primary
function?
Relevant
info or
Noise?
Unused
space
![Page 6: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/6.jpg)
Goals & Objectives
• Increase user independence and reduce Help Desk calls• Improve the ease for users to find a particular screen
• Improve the effectiveness of the labels
•Align to Maryland’s web-based application standards
6
![Page 7: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/7.jpg)
Define Project Scope
7
2-day in-person meeting with DXC
March 2016
Timeline to completion
January 2017
Style Sheet
(font/layout)
Menu Group
(set of options)
Login Page
Home Page
Focus
4Items
Common user tasks
![Page 8: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/8.jpg)
DXC Recommendations
• Style Sheet updates
• Grouped the style sheet for easier update, single standard style sheet
• Standard makes coding more efficient and timely
• Cascading the style sheet across the application should go faster
• User Interface elements
• Restructured navigational components to align closer to user workflow experience
• Updated input controls and informational components to reduce clutter
8
![Page 9: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/9.jpg)
9
Login Page (BEFORE)
Page primary
function?
Unused space
Font size
Old MDH
standard leaves
too much space
![Page 10: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/10.jpg)
10
Login Page (AFTER)
Accommodated
new MDH
standard
Font size
Page
primary
function
Filled
unused space
![Page 11: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/11.jpg)
11
Home Page
(BEFORE)
Points to
same function
Menu options
Font size
Labels
(where is….?)
Account /
Menu
options
Page
primary
function?
Relevant
info or
Noise?
Unused
space
![Page 12: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/12.jpg)
12
Home Page
(AFTER) Account
info
Menu
options
Page
primary
function
Relevant
info only
Menu
options
Font size
Labels
(where
is…?)
Consolidated
links to same
page
![Page 13: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/13.jpg)
Prepare VFC Providers for Mandate
• Prepare VFC providers
• Webinar training for provider offices
• Resources posted in ImmuNet and website
• Links to Quick Reference Guides, training slides/videos, FAQs, etc.
13
![Page 14: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/14.jpg)
0
500
1000
1500
2000
2500
3000
3500
4000
Au
g-1
6
Sep
-16
Oct
-16
No
v-1
6
De
c-1
6
Jan
-17
Feb
-17
Mar
-17
Ap
r-1
7
May
-17
Jun
-17
Jul-
17
Au
g-1
7
User Access
Online Help Accessed
Online Videos Accessed
Successful Deployment
Help Desk calls and emails wrt mandate
14
Redesigned UI did not create barrier
to comply with VFC mandate
User Access
MandateTrainingMore on ImmuNet access than UI/navigation issues
0
200
400
600
800
1000
1200
1400
6-month period beforemandate
6-month period aftermandate
![Page 15: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/15.jpg)
Limitations
•Cost and Time!• Not able to include end-user input or pre/post usability studies
• Excluded other commonly used functionalities, for example, organization reports, manage clinicians/physicians, account access, inventory module, etc.
15
![Page 16: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/16.jpg)
➢ Focus has been on MU/Data Exchange
past few years
➢ VFC mandate to use UI paved way to
prioritize UI redesign
➢ UI redesign still held value and remains
important - keep users in mind
Conclusion
16
Navigated ideas from
differing opinions
Funding Priorities
![Page 17: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/17.jpg)
Progressive Enhancements
•Focus on meeting 2018-2022 Functional Standards• Improve reports usability to meet FS requirements, e.g.
coverage rates
• May update home/landing page with pertinent reports information for providers, e.g. reporting status (as with inventory status)
• UI updates to other commonly used functionalities• Wishlist
• As funding and time allows!
17
![Page 18: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/18.jpg)
Acknowledgements
• MDH Center for Immunization
• Greg Reed (project initiator)
• Kurt Seetoo, Program Manager
• ImmuNet Team
• Nate Czarnota (UI Redesign Lead)
• Cherry Angeles
• Jason Linker
• Rashid Malik
• Wisconsin Department of Health Services and New York State Department of Health
• For sharing IIS
• DXC Technology
• Katie Reed (defined project scope)
• Nanette White, former Project Manager
• Business Analysts
• Jeanne Becker (Lead BA)
• Samir Baisnav, Saad Karoum, LeAnn Bartolotti, Mayra Andrade, Chris Mattson
• Developers
• Lawrence Johnbosco (Lead Developer)
• Harish Muvva, Tejaswini Kodali, Senthil Kumar Devarajan, Naveen Kumar Seelam
18
![Page 19: ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration](https://reader030.vdocuments.mx/reader030/viewer/2022040823/5e6e816069a5af7c03470cb8/html5/thumbnails/19.jpg)
Thank you!
Questions