Existing schematics Annotations Handled by Exploria Headline - - PowerPoint PPT Presentation

▶

Dec 26, 2023 481 likes •599 views

Existing schematics Annotations Handled by Exploria Headline Branding Handled by CMS Selected Safety Information Handled by Slides Study Description Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore

SLIDE 1

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 1 of 11 Client CDM

Annotations

Existing schematics

Branding

Selected Safety Information

Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. Ref PI – Med Guide Thumb 1 Thumb 2 Thumb 3 Thumb 4 Thumb 5 Thumb 6 Thumb 7 Tumb Tumb Tumb Exploria Tools OS Tools Important Safety Information

Headline

Page Content

Secondary Nav One Secondary Nav Two Secondary Nav Three I-Tray Study Description Glossary

Handled by Exploria Handled by CMS Handled by Slides

SLIDE 2

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 2 of 11 Client CDM

Annotations

Proposed schematics

Branding

Selected Safety Information

Headline

Secondary Nav One Secondary Nav Two Secondary Nav Three Secondary Nav Four Secondary Nav Five

Page Content

1. Secondary navigation is in predefined position and does not include Study

Description and Glossary.

2. I-Tray button is removed from the content page and belongs to Secondary
r Tertiary Navigation Schema outside of the content area. The function of I-

Tray is globally defined as for supporting links only to other parts of the presentation and it will always open a popup window.

3. Glossary and Study Description are moved to the Utility Links section.

I-Tray

SLIDE 3

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 3 of 11 Client CDM

Annotations

Current content structure

popup Selected Safety Information SSI popup Important Safety Information ISI popup Study Description SD popup Reference Ref popup Prescribing Information PI Primary Navigation Global functions parent slide Title 0.00 A parent slide Summary 100.00

invisible parent slide

20.00 parent slide Toolbox 90.00 parent slide 30.00 parent slide 10.00 popup Glossary SSI Up to 10 Visible Parent Slides plus unlimited Invisible Parent Slides page 30.00.10 page 30.00.XX

Each slide can have a number of pages

child slide 30.20 Each slide consists of a number of pages and is contained in one separate Flash (.swf) file Each slide consists of a number of pages and is contained in one separate Flash (.swf) file Each slide consists of a number of pages and is contained in one separate Flash (.swf) file Pre-defined slides popup XX.XX.XX

Additionally a number of popup windows can be attached to each slide or page

Single swf file child slide 30.10 page 30.10.10 page 30.10.XX

Each parent slide can have a number

f child slides

Single swf file Single swf file

1. Title slide included in the primary navigation
2. Due to navigation problems a number of invisible slides might be included

within a primary navigation increasing complexity of programming and number

f rules
3. Including each navigation item with a separate SWF file increases number
f rules and files included in the presentation
4. Each popup window can be it’s own SWF file increasing complexity of the

application.

1 2 3 3 3 4

page 30.20.10

SLIDE 4

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 4 of 11 Client CDM

Annotations

Proposed content structure

popup Selected Safety Information SSI popup Important Safety Information ISI popup Study Description SD popup Reference Ref popup Prescribing Information PI Primary Navigation Global functions parent slide Title 0.00 A parent slide Summary 100.00 parent slide 20.00 parent slide Toolbox 90.00 parent slide 30.00 parent slide 10.00 popup Glossary SSI Up to 10 Parent Slides page 30.00.10 page 30.00.XX

Each slide can have a number of pages

child slide 30.10 page 30.10.10 page 30.10.XX child slide 30.20

Each parent slide can have up to five child slides

Each secondary navigation element is connected to a single Flash (.swf) file Pre-defined slides One global navigation swf file Single content swf file Single content swf file Each secondary navigation element is connected to a single Flash (.swf) file Each secondary navigation element is connected to a single Flash (.swf) file

1. Title slide excluded from primary navigation
2. Primary and secondary navigation in one SWF file allowing for single

navigation control via CMS and reducing a number of rules

3. No invisible Parent Slides with the limit of ten maximum
4. Each content branch contained in one SWF file and separated from primary

and secondary navigation

5. There must be at least on page defined for each navigation item

1 2 3 4

page 30.20.10

5

Single content swf file

SLIDE 5

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 5 of 11 Client CDM

Annotations

Presentation creation process

Define prim ary navigat ion Define secondary navigat ion Organize your cont ent and assign wirefram es t o pages Assign cont ent pages t o all branches of t he present at ion Create a content maps and get it approved by the client Create a detailed IA documentation and get it approved by the client AND development team Develop cont ent and graphic design for t he present at ion Check design for usabilit y Produce t he present at ion

Development starts Copywriting starts Design starts IA starts

Qualit y cont rol and bug fixes Proj ect delivery Create a copy deck and design and get it approved by the client Create SWF files and populate CMS and Exploria files Based on t he cont ent define t ert iary navigat ion m et hod

SLIDE 6

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 6 of 11 Client CDM

Annotations

Step One – Create navigation structure (template)

popup Selected Safety Information SSI popup Important Safety Information ISI popup Study Description SD popup Reference Ref popup Prescribing Information PI Primary Navigation Global functions primary nav Title 0.00 A primary nav Summary 100.00 primary nav 20.00 primary nav Toolbox 90.00 primary nav 30.00 primary nav 10.00 popup Glossary SSI secondary nav 10.40 secondary nav 10.50

1. Primary navigation (thumbnails in the bottom frame in Exploria) can have up

to ten elements. Toolbox and Summary are predefined for all presentations

2. Secondary navigation is limited to 5 elements – those will be secondary

navigation buttons automatically generated by CMS

3. Summary page has no secondary navigation

Note: Remove unused boxes once completed Step One Process:

pen Visio template with the generic navigations structure

add the names inside boxes for the items you will need for your presentation this should give you a high level presentation structure (content map) remove the boxes without names proceed to step two primary nav 40.00 primary nav 50.00 primary nav 60.00 primary nav 70.00 primary nav 70.00 secondary nav 10.10 secondary nav 10.20 secondary nav 10.30 secondary nav 20.40 secondary nav 20.50 secondary nav 20.10 secondary nav 20.20 secondary nav 20.30 secondary nav 30.40 secondary nav 30.50 secondary nav 30.10 secondary nav 30.20 secondary nav 30.30 secondary nav 40.40 secondary nav 40.50 secondary nav 40.10 secondary nav 40.20 secondary nav 40.30 secondary nav 50.40 secondary nav 50.50 secondary nav 50.10 secondary nav 50.20 secondary nav 50.30 secondary nav 60.40 secondary nav 60.50 secondary nav 60.10 secondary nav 60.20 secondary nav 60.30 secondary nav 70.40 secondary nav 70.50 secondary nav 70.10 secondary nav 70.20 secondary nav 70.30 secondary nav 80.40 secondary nav 80.50 secondary nav 80.10 secondary nav 80.20 secondary nav 80.30 secondary nav 90.40 secondary nav 90.50 secondary nav 90.10 secondary nav 90.20 secondary nav 90.30 Secondary Navigation

1 2

Special instructions

Page name 00.00

3

SLIDE 7

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 7 of 11 Client CDM

Annotations

Single SWF file Single SWF file Single SWF file page 10.00.10 page 10.00.20 page 10.00.21 primary nav 10.00 secondary nav 10.10 secondary nav 10.20 page 10.10.10 page 10.10.20 page 10.20.10

Step Two – Create Content Maps

1. Each navigation element must have at least one page of content defined
2. When adding multiple pages use in-page navigation (Refer to the navigation

controls catalog from the development team)

3. Try to avoid in page navigation in the popup windows

Notes: Navigation swf has a hard coded map ID for the parent state; navigation changes the ID, which pulls appropriate dynamic data from CMS. CMS also dictates the appropriate content swf for the current map ID Greatly reduces the number of Exploria rules needed! Step Two Process: for each box identified in the Step One create a content map detailing what would belong to this branch of presentation each navigation item should have at least one page attached do not exceed maximum level of subpages (3 pages deep) create content maps for all the branches

1 2

page 10.00.22 popup 10.00.22

3

“content swf”: Easier to farm

ut, contains all pages and

tertiary nav.

SLIDE 8

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 8 of 11 Client CDM

Annotations

Step Three – choose in page navigation for your content branches

On Off Off Tabs Tabs are used to divide content of similar subject into a separate screens. Do not exceed more than five tabs. If you require more space you might want to consider sliders or accordion control. User moves between tabs by clicking on them Sliders Sliders are used in similar fashion as tabs. User slides the selector to a different position to access different areas of content. Sliders can also be used in the vertical position. User moves the slider to

ther positions

User clicks on tabs A

B

C D E

1 2

1. Tabs (suggested use – for representing different content groupings. Tabs

functionality can be represented by buttons, icons, etc.)

2. Slider (suggested use – for representing a progress or a path through a

presentation, e.g. timeline, dosage, etc.)

3. Accordion (suggested use – to show a TOC and than showing one item at

the time, especially when not having enough real estate on the screen)

4. Carousel (suggested use – a catalog of items, requires user interaction to

see item details)

5. Vertical magnifier (suggested use – when having a long TOC and not

enough real estate on the screen. Item selected is magnified and corresponding content is displayed on click)

6. I-Tray (suggested use - supporting links to the other branches of the

presentation, open a link in the popup window) Notes: Consistency!!!! Step Three Process:

First Item Second Item Third Item Accordion This control is used when change of the partial page content is needed. User clicks on the header and the underlying content gets revealed. Usually only one item can be opened at the time Static copy and/or art Image Image Image Image Image

3 4

Carousel Typically used to represent a catalog of items via a series of images. User navigates either via slider or clicking on images. Each clicks brings image to the center.

Selected Item

Additional Item Additional Item Additional Item Additional Item Additional Item Additional Item Additional Item User moves the slider to

ther positions

Content changes based on the slider selection Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimveniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velitesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id estlaborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum

dioqueciviuda.

User moves the slider to

ther positions

Selected Safety Information Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo

consequat. Duis autem vel eum

iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ref PI – Med Guide Gloss Study Description Thumb 1 Thumb 2 Thumb 3 Thumb 4 Thumb 5 Thumb 6 Thumb 7 Tumb Tumb Tumb Exploria Tools OS Tools Important Safety Information Headline Secondary Nav Secondary Nav Secondary Nav Secondary Nav Secondary Nav Page Content I-Tray

Supporting link one Supporting link two Supporting link three Supporting link four Supporting link five

5 6

SLIDE 9

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 9 of 11 Client CDM

Annotations

Sample navigation map

popup Selected Safety Information SSI popup Important Safety Information ISI popup Study Description SD popup Reference Ref popup Prescribing Information PI Primary Navigation Global functions primary nav Title 0.00 A primary nav Summary 100.00 primary nav

Patient Types (Hematologic Malignancies)

20.00 primary nav Toolbox 90.00 primary nav

Efficacy (Against Aspergillus SPP)

30.00 primary nav Disease Information 10.00 popup Glossary SSI primary nav Tissue Penetration 40.00 primary nav Safety 50.00 primary nav Dosing 60.00 primary nav Oral 70.00 secondary nav Hematologic Malignancies 10.10 secondary nav HSCT Recipients 10.20 secondary nav SOT Patients 10.30 secondary nav

Hematologic Malignancies (AML)

20.10 secondary nav HSCT Recipients 20.20 secondary nav SOT Patients 20.30 secondary nav

Against Aspergillus SPP (GCAS Results)

30.10 secondary nav Against Candida SPP 30.20 secondary nav Drug Interactions (Summary) 50.40 secondary nav Drug Interactions 50.50 secondary nav Invasive Aspergilliosis 50.10 secondary nav Adverse Events 50.20 secondary nav AEs Candidemia 50.30 secondary nav RSVP 60.10 secondary nav Drug Interactions (Summary) 60.20 secondary nav Drug Interactions 60.30 secondary nav Reprints 90.10 Secondary Navigation

SLIDE 10

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 10 of 11 Client CDM

Annotations

secondary nav

Hematologic Malignancies (AML)

20.10 page ALL 20.10.10 popup Risk Factors 20.10.20 secondary nav HSCT Recipients 20.20 popup Risk Timeline 20.20.10 popup Risk Factors 20.20.20 A page Diagnostics 20.10.30 A page IDSA Guidelines 20.10.40 page Diagnostics 20.20.30 A page IDSA Guidelines 20.20.40 secondary nav SOT Patients 20.30 page IDSA Guidelines 20.30.30 page Diagnostics 20.30.20 primary nav

Patient Types (Hematologic Malignancies)

20.00 page

Patient Types (HSCT Recipients)

20.00.10 page Patient Types (SOT Patients) 20.00.20 page Mortality 20.30.10 A

Sample content map (one section)

Single SWF file Single SWF file Single SWF file Single SWF file

Based on the number of items in each page group and the type of content (e.g. text, images, animation, chart, etc.) we can estimate the type of the in page navigation (tertiary level) popup Risk Timeline 20.20.10.10

SLIDE 11

Prepared by Pawel Tulin Approved by Process Presentation Process Date 12/2/09 Date [00/00/00] Page 11 of 11 Client CDM

Annotations

Branding

Selected Safety Information

Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. Ref PI – Med Guide Glossary Study Description Thumb 1 Thumb 2 Thumb 3 Thumb 4 Thumb 5 Thumb 6 Thumb 7 Tumb Tumb Tumb Exploria Tools OS Tools Important Safety Information

Headline

Secondary Nav One Secondary Nav Two Secondary Nav Three Secondary Nav Four Secondary Nav Five I-Tray

Step Four – create wireframes (sample)

Selected Item

Additional Item Additional Item Additional Item Additional Item Additional Item Additional Item Additional Item Paragraph Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimveniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velitesse cillum dolore eu fugiat nulla

pariatur. Excepteur sint occaecat

cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id estlaborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioqueciviuda. Additional callout Additional callout