EERE Communications EERE Web Coordinators Meeting 02182016 1

EERE Communications EERE Web Coordinators Meeting 02/18/2016 1

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 2

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 3

Usability Study • Recruited 7 participants from a list of potential ones, representative of the website audience • Conducted moderated and remote usability testing (Go. To. Meeting) from Jan. 20 – Feb. 3, 2016 • Tested participants with eight tasks relevant to the new redesign 4

Usability Study Findings Global Concerns • Using top navigation to find technology information specific to an audience and thinking the top navigation is part of a specific website • Difficulty finding and confusion about contact information • Difficulty navigating back to a specific website • Using breadcrumbs 5

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics Tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 6

Newsletter Template Requirements We recently updated Communication Standards to explain what you can do with the EERE template. You can find the updated standards here: energy. gov/eere/communicationstandards/electronic-newsletterrequirements-and-best-practices Here’s what our template looks like… 7

Newsletter Template Requirements 8

Newsletter Template Requirements You DO NOT need to go to the Web Governance Team to change: • The gray banner • The body section. This means you can do things like: • Replace the gray banner with a photo banner (although this isn’t recommended) • Put images in the body section • Add columns • Add callout boxes. You DO need to go to the Web Governance Team to change: • The DOE/EERE header • The font styles and colors • The background colors • The footer. 9

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 10

Application Template vs. energy. gov Template 1 2 3 4 https: //www 4. eere. energy. gov/femp/requirements/ 11

Application Template vs. energy. gov Template 1. Header colors • Green is different, but in the family of EERE colors • Gray banner in header is also approved 2. Banner – EERE identifier, not energy. gov 3. Breadcrumbs – optional 4. Footer {{Sitename}} is a resource of the Department of Energy's {{Office}} Office. Contact Us | {{Office name}} | Office of Energy Efficiency & Renewable Energy 12

Application Template vs. energy. gov Template Flexible elements • • Search box "Login/Logout" and "Register" (administrative) links Horizontal navigation Left navigation Application Template Style Guide, including heading styles and color palette http: //nrel. github. io/eere-app-template/style-guide. html 13

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 14

Analytics Tip: Unique Page Views vs. Page Views Any time a page is loaded by a user’s browser, the number of page views for that page is incremented. Unique Page Views • Eliminates multiple views of the same page during a session. Page Views • All views are of the same page during a session are counted. Example: In the above example, Google Analytics would count the following for the EERE Home Page: Page Views: 3 Unique Page Views: 1 15

Analytics Tip: Unique Page Views vs. Page Views When to use Unique Page Views • For finding how many times a page was visited Page Views • For calculating the exit rate for a group of pages exits = 100 * exits/page views 16

Agenda Web Coordinators Meeting • Around the room – Carolyn, Alex • Usability study findings – Theresa von Kuegelgen • Newsletter template requirements – Elizabeth Spencer • Application template vs. energy. gov template – Adrienne Elmore • Analytics tip – Linda Mc. Connell • Updates from Carolyn: o Promoting energy efficiency campaigns with Allison and the Energy Saver team o Planning for Section 508 training o Google Webmaster Tools next steps o Web Council meeting takeaways 17

Next meeting: March 17, 1: 00 -2: 00 EST 11: 00 -12: 00 MST Golden: X 300 & HQ: 5 E-069 18