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
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
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
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
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
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
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
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
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
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
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
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
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
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