Componentbreakdown121514

Page 1

This document shows a comparison of the in-progress visual design of the MD Anderson site vs. the MD Anderson Responsive Wires Common Modules Document (MDA_Common_Modules_1113.graffle.pdf) It currently only contains Large (desktop) modules.

Contents HEADER (H1.L) 2 TOPHAT (TOP1.L) 3 NAVIGATION (NAV1.L) 4 NAVIGATION (NAV2.L) 5 NAVIGATION (NAV3.L) 6 SUBNAV (SNV1.L) 7 FOOTER (FT1.L) 8 PRE-FOOTER (PF1.L) 9 SITEMAP (SM1.L) 10 TEASER (TEA1.L) 11 BASIC CONTENT (BC1.L) 12 BASIC CONTENT MEDIA (BCM1.L)

14

STATIC HERO (SH1.L) *

16

CAROUSEL HERO (CH2.L) 18 FLIP HERO (FH1.L) 19 APPOINTMENT BAR (AB1.L) *

20

PROMOS (PR1.L) 21 PROMOS (PR1.L) 22 ACCORDION (ACC1.L) 23 LINK LIST (LL1.L) 24 FACULTY LISTING (FPL1.L) 26 ACCOUNT BAR (ACB1.L) 27 CAROUSEL (CAR1.L) 28 COLLECTION (COL1.L) 29 BLOG SUMMARY (BSL1.L)

30

BLOG SUMMARY (BSL1.L)

31

SECTION CALLOUT (NSD.L)

32

STAND ALONE QUOTE (SAQ1.L)

33

EXPLICIT PERSONALIZATION (EP1.L)

34

TABS (T1.L) 38 ANCHOR LINKS (AN1.L) 39 ARTICLE/BLOG (AB1.L) * 40 COMMENTS (COM1.L) 42 COMMENTS (COM2.L)

43

COMMENTS (COM3.L) 44 COMMENTS (COM4.L) 45 MEDIA PLAYER (MED1.L) 46 MEDIA PLAYER (MED2.L) 47 EVENTS (EVL1.L) 48 EVENTS (EV2.L) 49 ALERTS (AL1.L) 50 SHARE (SH1.L) * 51 SHARE (SH2.L) 52 SENTENCE FILTER (SF1.L) 53 SENTENCE FILTER (SF2.L) 54 GLOSSARY (GLS2.L) 55 NEWSFEED (N1.L) 56 BIO (B2.L) 57 BIO PREVIEW (BP1.L) 58 FORM ELEMENTS (FM1.L.S)

59

FORM ELEMENTS (FM2.L.S)

60

FORM ELEMENTS (FM3.L)

61

FORM ELEMENTS (FM6.L)

62

OVERLAY (OVR1.L.S) 63 DONATE (DO1.L.S) 64 *MODULE NAMES ARE SAME

1

Updated 12-12-2014 Updated 12-15-2014


HEADER (H1.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 5

Found in all pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

2

Updated 12-15-2014


TOPHAT (TOP1.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 6

Found in all pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

3

Updated 12-15-2014


NAVIGATION (NAV1.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 7

this module is not shown on page wires This module might not apply to any current pages.

4

? Updated 12-15-2014


NAVIGATION (NAV2.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 8

Found in pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

5

Updated 12-15-2014


NAVIGATION (NAV3.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 9

Found in all pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

6

Updated 12-15-2014


SUBNAV (SNV1.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 15

Found in pages: - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD

7

Updated 12-15-2014


FOOTER (FT1.L) Page(s) on MDA_Common_Modules_1113.graffle PDF 17-18

Found in all pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

8

Updated 12-15-2014


PRE-FOOTER (PF1.L)

Module Variations: 2

Page(s) on MDA_Common_Modules_1113.graffle PDF 21

Found in pages: - Becoming Our Patient - Donors & Volunteer

L2 L2

Found in pages: - Patients and Family Home L1 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 ? - slightly different

9

Updated 12-15-2014


SITEMAP (SM1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 23

Need to do - only partially complete

10

? Updated 12-15-2014


TEASER (TEA1.L)

Module Variations: 2

Page(s) on MDA_Common_Modules_1113.graffle PDF 29

Found in pages: - Patients and Family Home

L1

Found in pages: - Patients and Family Home L1 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Donors & Volunteer L2

11

Updated 12-15-2014


BASIC CONTENT (BC1.L)

Module Variations: 4

Page(s) on MDA_Common_Modules_1113.graffle PDF 31

Found in pages: - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2

Found in pages: - BreastCancer Landing - Caregiver (Supporting a Loved One) - Donors & Volunteer

12

Updated 12-15-2014

L3 L2 L2


...continued - BASIC CONTENT (BC1.L)

Module Variations: 4

Page(s) on MDA_Common_Modules_1113.graffle PDF 31

Found in pages: - BreastCancer Landing

L3

Found in pages: - CancerWise Blog Landing

TBD

Listed in CancerWise Blog wire as BC1.L

13

Updated 12-15-2014


BASIC CONTENT MEDIA (BCM1.L)

Module Variations: 5

Page(s) on MDA_Common_Modules_1113.graffle PDF 32

Found in pages: - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 - Donors & Volunteer L2

Found in pages: - BreastCancer Landing - Breast Cancer Treatment - Explicit Personalization 2 Variation: Text Box with Headline

14

Updated 12-15-2014

L3 L4 (L5?)


...continued - BASIC CONTENT MEDIA (BCM1.L)

Module Variations: 5

Page(s) on MDA_Common_Modules_1113.graffle PDF 32

Found in pages: - Becoming Our Patient L2 - CancerWise Blog Post TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 Variation: Video

Found in pages: - CareCenter L4 Variation: Text Box (no headline)

Found in pages: - Caregiver (Supporting a Loved One) Variation: Icon only

15

Updated 12-15-2014

L2


STATIC HERO (SH1.L) *

Module Variations: 4

Page(s) on MDA_Common_Modules_1113.graffle PDF 33

Found in pages: - Becoming Our Patient L2 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 Contains Background image, Headline, Sub-Copy, and CTA

Found in pages: - CareCenter L4 Contains Background image, Headline, and CTA Variation: no sub-copy

16

Updated 12-15-2014


...continued - STATIC HERO (SH1.L)

Module Variations: 4

Page(s) on MDA_Common_Modules_1113.graffle PDF 33

Found in pages: - BreastCancer Landing - Breast Cancer Treatment

L3 L4 (L5?)

Contains: Top Copy, Headline, and sub-copy Variation: Top Copy, no Image, no CTA

Found in pages: - CancerWise Blog Landing - CancerWise Blog Post Contains: Headline

17

Updated 12-15-2014

TBD TBD


CAROUSEL HERO (CH2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 35

this module is shown only on the Patients & Family Home wires - right now image is a Flip Hero (FH1.L) This module might not apply to any current pages.

18

? Updated 12-15-2014


FLIP HERO (FH1.L)

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 37

Found in pages: - Patients and Family Home - Donors & Volunteer

19

Updated 12-15-2014

L1 L2


APPOINTMENT BAR (AB1.L) *

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 39

Found in pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2

20

Updated 12-15-2014


PROMOS (PR1.L)

Module Variations: 3

Page(s) on MDA_Common_Modules_1113.graffle PDF 41

Found in pages: - Patients and Family Home L1 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - CancerWise Blog Landing TBD - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Donors & Volunteer L2 The pages above have the component listed as a stand-alone object. This promo is also found in PF1.L of all pages.

Found in pages: - Patients and Family Home L1 - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4

21

Updated 12-15-2014


PROMOS (PR1.L)

Module Variations: 3

Page(s) on MDA_Common_Modules_1113.graffle PDF 41

Found in pages: - Patients and Family Home - CancerWise Blog Landing - CancerWise Blog Post

22

Updated 12-15-2014

L1 TBD TBD


ACCORDION (ACC1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 42 - 43

this module is not shown on page wires This module might not apply to any current pages.

23

? Updated 12-15-2014


LINK LIST (LL1.L)

Module Variations: 5

Page(s) on MDA_Common_Modules_1113.graffle PDF 46 NOTE: There is no link list displayed as it is shown in the module document - with an image/icon at the beginning of the Headline and Description section

Found in pages: - Caregiver (Supporting a Loved One)

L2

This slight variation of the standard link list contains a Title, Title Description, Link Title (Headline copy), Element icons, and a CTA Variation: no image or description copy for links.

Found in pages: - Becoming Our Patient

L2

This Link List contains List Title, Sub-Title, Headline, Description Copy, Element icon Variation: No CTA at bottom

24

Updated 12-15-2014


... continued - LINK LIST (LL1.L)

Module Variations: 5

Page(s) on MDA_Common_Modules_1113.graffle PDF 46

Found in pages: - Patients and Family Home - Donors & Volunteer

L1 L2

Link List contains Icon, List title, Link Titles (Headline copy), Description copy, Element icons, and a CTA

Found in pages: - Breast Cancer Treatment

L4 (L5?)

This Link List contains Icon, List Title, Sub-Title, Link, Headline, Element icon Variation: No description copy, horizontal layout

Found in pages: - Becoming Our Patient L2 - BreastCancer Landing L3 - CareCenter L4 - CancerWise Blog Post TBD This Link List contains icon, List Title, Sub-Title, Headline Copy, Description Copy, Element Icon

25

Updated 12-15-2014


FACULTY LISTING (FPL1.L)

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 47

Found in pages: - BreastCancer Landing L3 - CareCenter L4

26

Updated 12-15-2014


ACCOUNT BAR (ACB1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 49

not going to be created in final build.

27

? Updated 12-15-2014


CAROUSEL (CAR1.L)

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 51-52

Found in pages: - Patients and Family Home L1 - Becoming Our Patient L2 - CareCenter L4 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2

28

Updated 12-15-2014


COLLECTION (COL1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 54

ORMED on L1 home page is only example of a collection

- specific to Resources module

29

? Updated 12-15-2014


BLOG SUMMARY (BSL1.L)

Module Variations: 3

Page(s) on MDA_Common_Modules_1113.graffle PDF 56-57

Found in pages: - BreastCancer Landing - CancerWise Blog Landing

L3 TBD

Found in pages: - CancerWise Blog Landing

30

Updated 12-15-2014

TBD


BLOG SUMMARY (BSL1.L)

Module Variations: 3

Page(s) on MDA_Common_Modules_1113.graffle PDF 56-57

Found in pages: - CancerWise Blog Landing Blog post without image

31

Updated 12-15-2014

TBD


SECTION CALLOUT (NSD.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 59

Not shown on page wires This module might not apply to any current pages.

32

? Updated 12-15-2014


STAND ALONE QUOTE (SAQ1.L)

Module Variations: 2

Page(s) on MDA_Common_Modules_1113.graffle PDF 60

Found in pages: - Becoming Our Patient L2 - BreastCancer Landing L3 - Breast Cancer Treatment L4 (L5?) - CareCenter L4 - Caregiver (Supporting a Loved One) L2 - LifeAfterCancer L2 - Explicit Personalization 1 - Explicit Personalization 2 Standard quote contains quote symbol, no more than 4 lines, Quote Author, and Author Context

Found in pages: - CancerWise Blog Post

TBD

Quote is pulled from the blog post, so it does not need a Quote Author or Author Context

33

Updated 12-15-2014


EXPLICIT PERSONALIZATION (EP1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 61

Found in pages: - Explicit Personalization 1 Promo as shown in EP page

Found in pages: - Explicit Personalization 1 Quote as shown in EP page

34

Updated 12-15-2014


...continued EXPLICIT PERSONALIZATION (EP1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 61

Found in pages: - Explicit Personalization 1 Promo as shown in EP page

Found in pages: - Explicit Personalization 1 Blog summary as shown in EP page

Found in pages: - Explicit Personalization 1 LinkList as shown in EP page

35

Updated 12-15-2014


...continued EXPLICIT PERSONALIZATION (EP1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 61

Found in pages: - Explicit Personalization 1 BCM - video as shown in EP page

Found in pages: - Explicit Personalization 1 BCM text as shown in EP page

Found in pages: - Explicit Personalization 1 Twitter Tweet as shown in EP page

36

Updated 12-15-2014


...continued EXPLICIT PERSONALIZATION (EP1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 61

Found in pages: - Explicit Personalization 1 Appointment bar as shown in EP page

Found in pages: - Explicit Personalization 1 Article without image as shown in EP page

37

Updated 12-15-2014


TABS (T1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 62

Found in pages: not sure - image example is shown on top navigation

38

Updated 12-15-2014


ANCHOR LINKS (AN1.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 63

Found in pages: - Explicit Personalization 1

39

Updated 12-15-2014


ARTICLE/BLOG (AB1.L) *

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 64-66

40

Updated 12-15-2014


...continued - ARTICLE/BLOG (AB1.L)

Found in pages: - CancerWise Blog Post

TBD

Top Video and Quotes are optional. Various promo components are inserted on right to balance page

41

Updated 12-15-2014


COMMENTS (COM1.L)

Module Variations: none

Page(s) on MDA_Common_Modules_1113.graffle PDF 69-70

Found in pages: - CancerWise Blog Post

42

Updated 12-15-2014

TBD


COMMENTS (COM2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 71

Not shown on page wires This module might not apply to any current pages.

43

? Updated 12-15-2014


COMMENTS (COM3.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 72

Error views are not shown on current page wires

44

? Updated 12-15-2014


COMMENTS (COM4.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 73

View not shown on current page wires

45

? Updated 12-15-2014


MEDIA PLAYER (MED1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 75-77

Not shown on current page wires

46

? Updated 12-15-2014


MEDIA PLAYER (MED2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 78-79

Not shown on current page wires

47

? Updated 12-15-2014


EVENTS (EVL1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 81

Not shown on current page wires

48

? Updated 12-15-2014


EVENTS (EV2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 82-83

Not shown on current page wires

49

? Updated 12-15-2014


ALERTS (AL1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 85

Not shown on current page wires

50

? Updated 12-15-2014


SHARE (SH1.L) *

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 87

Not shown on current page wires

51

? Updated 12-15-2014


SHARE (SH2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 88

Not shown on current page wires

52

? Updated 12-15-2014


SENTENCE FILTER (SF1.L)

Module Variations: 2

Page(s) on MDA_Common_Modules_1113.graffle PDF 89

Found in pages: - Patients and Family Home

L1

Found in pages: - Becoming Our Patient - Explicit Personalization 1

53

Updated 12-15-2014

L2


SENTENCE FILTER (SF2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 90

this module is not shown on page wires This module might not apply to any current pages.

54

? Updated 12-15-2014


GLOSSARY (GLS2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 93-94

Not shown on page wires

55

? Updated 12-15-2014


NEWSFEED (N1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 95

this module is not shown on page wires This module might not apply to any current pages.

56

? Updated 12-15-2014


BIO (B2.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 97-98

this module is not shown on page wires This module might not apply to any current pages.

57

? Updated 12-15-2014


BIO PREVIEW (BP1.L)

Module Variations: n/a

Page(s) on MDA_Common_Modules_1113.graffle PDF 100

this module is not shown on page wires This module might not apply to any current pages.

58

? Updated 12-15-2014


FORM ELEMENTS (FM1.L.S)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 103-104

Found in pages: - CancerWise Blog Landing

TBD

Element 4: Drop-down Menu

Find these elements Element 1: Text Field Element 2: Info Icon Element 3: Text Field (Multiple Form Fields in line) Additional Images Needed

Element 4: [See above] Element 5: Check Box Menu Element 6: Toggle Switch Element 7: Radio Button list

59

Updated 12-15-2014


FORM ELEMENTS (FM2.L.S)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 105-106

Additional Images Needed

60

Updated 12-15-2014


FORM ELEMENTS (FM3.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 107

Error module is not shown in page wires

61

? Updated 12-15-2014


FORM ELEMENTS (FM6.L)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 108

Module is not shown in page wires

62

? Updated 12-15-2014


OVERLAY (OVR1.L.S)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 109

Module is not shown in page wires

63

? Updated 12-15-2014


DONATE (DO1.L.S)

Module Variations:

Page(s) on MDA_Common_Modules_1113.graffle PDF 110

Found in pages: - Donors & Volunteer

L2

Image is the same as the one in PF1.L, but this is a stand-alone module

64

Updated 12-15-2014


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.