Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface...

14
Version 1.4 March 15, 2010 Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes Site Map - Page 1 of 14 Author Version Comments Mick Rosolek 1.0 Initial Draft Mick Rosolek 1.1 First Round Edits Mick Rosolek 1.2 Additional Edits Mick Rosolek 1.3 Amendment Mick Rosolek 1.4 Amendment

Transcript of Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface...

Page 1: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

NotesBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 1 of 14

Annotation

Author Version CommentsMick Rosolek 1.0 Initial Draft

Mick Rosolek 1.1 First Round EditsMick Rosolek 1.2 Additional EditsMick Rosolek 1.3 AmendmentMick Rosolek 1.4 Amendment

Page 2: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

0.0 Pre-EngagementBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 2 of 14

Annotation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim nulla, semper ut

interdum vitae, suscipit ut sem. Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Maecenas semper, erat vitae tincidunt gravida, mi

ligula suscipit urna, eget auctor dolor nulla ut ligula. Sed ligula. Lorem ipsum dolor sit amet,

consectetur adipiscing elit.

Start Screen1

Press to Begin

1) Attract loops plays over on screen.

2) Touching the Surface table during the attract loop will stop the sequence. The user is then prompted to begin interaction by touching the "Press to Begin" button.

2

Page 3: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

0.1 | Badge SwipeBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 3 of 14

Annotation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim nulla, semper ut

interdum vitae, suscipit ut sem. Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Maecenas semper, erat vitae tincidunt gravida, mi

ligula suscipit urna, eget auctor dolor nulla ut ligula. Sed ligula. Lorem ipsum dolor sit amet,

consectetur adipiscing elit.

Welcome – Swipe Badge

User swipes badge. Database collects all data available on badge. NMR will contact the convention to verify the information collected on badge.

2) User must select English or Spanish.

EspañolEnglish1 1

Page 4: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

0.2 | Confirmation pageBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 4 of 14

Annotation

Dr. Michael Smith - 1234 Anytown, USA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim nulla, semper ut

interdum vitae, suscipit ut sem. Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Maecenas semper, erat vitae tincidunt gravida, mi

ligula suscipit urna, eget auctor dolor nulla ut ligula.

Welcome

1) After data is collected a confirmation page will appear.

Database returns user name to create personalized welcome.

1

Page 5: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

0.3 | Personalized Greeting and Keyboard ScreenBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 5 of 14

Annotation

1) Screen will populate with users email address.

2) At this screen, the user will have the opportunity to provide an alternative e-mail address through the keyboard widget.

3) User hits the continue button to go on to the next screen.

Dr. Michael Smith - 1234 Anytown, USA

Welcome

Continue >>

Keyboard Widget

1

2

Please enter your preferred e-mail address above

[email protected] my email address

Page 6: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

0.4 | Wheel MenusBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 6 of 14

Annotation

Make Your Selection

Nurse

1

PatientHealth Care Provider

1) User is given the choice to make a selection between Health Care Provider, Nurse, or Patient sections.

Users selection is retained in database.

1 1

Page 7: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

1.0 | HCP Wheel MenuBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 7 of 14

Annotation

Global Detail Aid

NDK CaregiverBrochure

3000 IUDosing Card

NDK VideoHemophilia Source Website Brochures

Patient Profiles

Speaking Frankly Brochure, access

to webpage

Posters

Turn Wheel to Area of Interest

1

1) User can spin wheel menu and make a selection to view the item from the wheel.

2) PI Icon

3)Scrolling disclaimer will appear on

each applicable page.

HCP Wheel Menu

Press and hold HighlightedButton to review files

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Description of user’s choice will appear here in the

center of the wheel

2

3

Page 8: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

PI PageBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 8 of 14

Annotation

1) Touching the PI Icon will bring up a Prescribing Information overlay.

2) PI overlay close button

Global Detail Aid

NDK CaregiverBrochure

3000 IUDosing Card

NDK VideoHemophilia Source Website Brochures

Patient Profiles

Speaking Frankly Brochure, access

to webpage

Posters

Turn Wheel to Area of Interest

HCP Wheel Menu

Press and hold HighlightedButton to review files

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Description of user’s choice will appear here in the

center of the wheel

Prescribing Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus.

Phasellus sit amet euismod purus. Aliquam non leo lorem, id vehicula nunc. Vestibulum placerat nulla eget mauris vulputate non placerat velit sollicitudin. Duis rhoncus neque vel quam ultrices sit amet lacinia urna euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus. Phasellus sit amet euismod purus. Aliquam non leo lorem, id vehicula nunc. Vestibulum placerat nulla eget mauris vulputate non placerat velit sollicitudin. Duis rhoncus neque vel quam ultrices sit amet lacinia urna euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus.

Phasellus sit amet euismod purus. Aliquam non leo lorem, id vehicula nunc. Vestibulum placerat nulla eget mauris vulputate non placerat velit sollicitudin. Duis rhoncus neque vel quam ultrices sit amet lacinia urna euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In feugiat enim sed sapien mollis luctus. Phasellus sit amet euismod purus. Aliquam non leo lorem, id vehicula nunc. Vestibulum placerat nulla eget mauris vulputate non placerat velit sollicitudin. Duis rhoncus neque vel quam ultrices sit amet lacinia urna euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel libero arcu. Vestibulum pharetra pulvinar eleifend. Mauris eu augue at orci adipiscing ultricies non in arcu. Nulla facilisis, urna at congue aliquam, velit lectus porta metus, sed interdum mi turpis eu nulla. Fusce et varius orci. Integer malesuada condimentum aliquet. In

feugiat enim sed sapien mollis luctus.

Close12

Page 9: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

2.0 | Nurse Wheel MenuBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 9 of 14

Annotation

Speaking Frankly Brochure, access to

webpage

NDK Caregiver Brochure

NDK Prophylaxis Brochure

NDK Video

Global Detail Aid

Patient Profiles

Turn Wheel to Area of Interest

1

1) User can spin wheel menu and make a selection to view the item from the wheel.

Nurse Wheel Menu

Press and hold HighlightedButton to review files

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Description of user’s choice will appear here in the

center of the wheel

Page 10: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

3.0 | Patient Wheel MenuBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 10 of 14

Annotation

NDK Prophylaxis

Brochure

NDK Video

Speaking Frankly Brochure, access to

webpage

NDK Caregiver

Brochure

Turn Wheel to Area of Interest

1

1) User can spin wheel menu and make a selection to view the item from the wheel.

Patient Wheel Menu

Press and hold HighlightedButton to review files

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Description of user’s choice will appear here in the

center of the wheel

Page 11: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

PDF and Static Content PageBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 11 of 14

Annotation

Return to Wheel

Lorem Ipsum Title

Drag to Cart Shopping Cart Icon Proceed to Checkout >>

1

1) User can drag an item to their shopping cart.

2) Return to wheel icon

3) Proceed to checkout button

1

2

3

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Page 12: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

Video Content PageBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 12 of 14

Annotation

Return to wheelLorem Ipsum Title

Proceed to Checkout >>

1

1) User can watch video content from application.

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Page 13: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

4.0 | Checkout ScreenBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 13 of 14

Annotation

Static Content Selections

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

1) Unwanted items can be dragged to trash Can icon.

2) Check out button will confirmation users selection and lead them to Thank You page.

3) At this screen the user can return to Wheel menu if the desire.

3

1

Checkout >>

Trash can Icon

Drag unwanted items to trash

Return to Wheel

2

Scrolling Disclaimer – [for all screens] . . . Scrolling Disclaimer – [for all screens] . . .

KogenatePI

Page 14: Notes Version 1.4 Bayer- Kogenate 2010 WFH Microsoft Surface …ux-rosolek.com/port/BayerKogenate_Wireframes_v1.4.pdf · 2019-11-19 · Version 1.4 March 15, 2010 0.0 Pre-Engagement

Version 1.4March 15, 2010

4.1 | Confirmation PageBayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) – Information Architecture – Wireframes

Site Map - Page 14 of 14

Annotation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim nulla, semper ut

interdum vitae, suscipit ut sem. Pellentesque habitant morbi tristique senectus et netus et

malesuada fames ac turpis egestas. Maecenas semper, erat vitae tincidunt gravida, mi

ligula suscipit urna, eget auctor dolor nulla ut ligula. Sed ligula. Lorem ipsum dolor sit amet,

consectetur adipiscing elit.

Thank You