ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign...

19
ImmuNet User Interface and Navigation Redesign Patricia Swartz, MS, MPH, Center for Immunization 2018 AIRA National Meeting In Collaboration with DXC Technology

Transcript of ImmuNet User Interface and Navigation Redesign...ImmuNet User Interface and Navigation Redesign...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

➢ 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

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

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

Thank you!

Questions