MicroTemplatesInventorySpring2017ProjectGoal:Inpreparationforcreatingthesubpagedesignsrequiredfortheredesignproject,thisdocumentincludesaninventoryofthevariousmicrotemplatesincludedonthecurrentBucks.edusite.Thesepiecesarethebuildingblocksforthecmsandwillestablishacohesiveecosystemforusers.Thewebdesignerwillusethisinventorytodevelopaunifieddesignforthewebsitesubpages.TypesofContentIncludedinthisInventory:“TheNuggets”

• Buttons• Calendars• Containers/Popboxes• CourseDescriptions• Forms• Headers• Links• Lists• SideBarFeatures• Tables

TheInventory:Buttons:

ContentType:

Button–Linkstoapplicationcontent(oldstyledesign)

URL: http://www.bucks.edu/academics/coned/Example:

Content

Type:Button–Linkstosurvey(oldstyledesign)

URL: http://www.bucks.edu/academics/coned/

Example:

Content

Type:Button–Linktomoredetails(newerstyledesign)

URL: http://www.bucks.edu/Example:

Calendars:

ContentType:

Calendar(Academic)

URL: http://www.bucks.edu/about/glance/Example:

Content

Type:AcademicCalendar–Sectiondividerandeventdetails

URL: http://www.bucks.edu/academics/calendar/Example:

URL(2): http://www.bucks.edu/academics/calendar/#spring17Example(2):

Content

Type:CalendarWidget

URL: http://www.bucks.edu/events/t4.do?f=week&lang=enExample:

Containers:

ContentType:

PopBox–ContactInformation

URL: http://www.bucks.edu/e-resources/bucks-online/

Example:

Content

Type:PopBox–Businesshours

URL: http://www.bucks.edu/life/trumark/Example:

CourseDescriptions:ContentType:

CourseDescription–ITAcademy

URL: http://www.bucks.edu/academics/cwd/it-academy/cybersecurity/Example:

ContentType:

CourseDescription–Creditcourses

URL: http://www.bucks.edu/catalog/courses/arts/art-hist/

Example:

Forms:

ContentType:

Form–foundationinformationrequest

URL: http://www.bucks.edu/about/foundation/alumni/connect/Example:

Content

Type:Form–sustainabilityideassubmission

URL: http://www.bucks.edu/about/sustainability/form/

Example:

Headers:

ContentType:

Titleforsubpage(h1)

URL: http://www.bucks.edu/about/glance/Example:

Content

Type:SectionDivider–Servesaspagedividerorheaderforcontentsection(h2)

URL: http://www.bucks.edu/admissions/register/Example:

Content

Type:Boldedtextforcontentparagraph(h3)seenoteaboutthisstyleofheaderinlinksectionbelow

URL: http://www.bucks.edu/admissions/tuition/

Example:

Links*:

ContentType:

Linkheaderwithdescription

URL: http://www.bucks.edu/academics/cwd/it-academy/Example:

Content

Type:Linkheaderwithdescriptionandfile

URL: http://www.bucks.edu/academics/cwd/it-academy/Example:

*Note: Currentlinkstyleisconfusing,someoftheheadersareblueandlooklike

links,butarenotactullylinks.Bluetextandbluelinkscouldbeafrustrationforusers.

Lists:

ContentType:

Listwithsectiondividerandsectionheader

URL: http://www.bucks.edu/about/glance/

Example:

Content

Type:Listwithsectionheaderandlinks

URL: http://www.bucks.edu/academics/learn/faculty/Example:

Content

Type:List–DepartmentContacts(Name,Department,Phone,Email)

URL: http://www.bucks.edu/academics/faculty-center/advisoryboard/

Example:

Content

Type:List–Campuslocations

URL: http://www.bucks.edu/campus/Example:

SideBarFeatures:

ContentType:

Collegefacts

URL: http://www.bucks.edu/academics/learn/faculty/Example:

Content

Type:ChatWidget

URL: http://www.bucks.edu/e-resources/bucks-online/

Example:

Content

Type:LinkedIcons

URL: http://www.bucks.edu/e-resources/it/Example:

Tables*:

ContentType:

Table–StudentRefundSchedule

URL: http://www.bucks.edu/academics/calendar/

Example:

Content

Type:Table–Semesterdatesanddeadlines

URL: http://www.bucks.edu/admissions/register/dates/Example:

ContentType:

Table–Tuitionandfees

URL: http://www.bucks.edu/admissions/tuition/Example:

ContentType:

Table–Materials,studiofeesandlessonfees

URL: http://www.bucks.edu/admissions/tuition/

Example:

ContentType:

Table–StaffDirectory

URL: http://www.bucks.edu/about/directory/directory/index.php?lookup=EExample:

ContentType:

Table–FinancialAid

URL: http://www.bucks.edu/admissions/aid/recentchangestothestudentaidprograms/

Example:

*Note: Thecurrenttabledesignisalloverthemap,sometablesutilizeh1,h2,h3styles

whileothersusecustomdesigns.Consistencyacrossdesignswouldbepreffered.