A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes...

28
A Leading Online Voice 2015 Web Keynote

Transcript of A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes...

Page 1: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

A Leading Online Voice 2015 Web Keynote

Page 2: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Today

State of the Web Extending the Design

Taking Training to the Next Level Authors taking the plunge

The road ahead

Page 3: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Michael Halaas CIO, School of Medicine

Page 4: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

State of the Web

Expansion 26,200 images/docs in AEM 16,200 pages in AEM 9,000+ pages since June 300 sites migrated & setup 4 sites left for QA 2 strategic sites being rebuilt (CME, Cancer)

Features 30+ components 20+ releases since June 6 integrations 5 themes Navigation improvement News, Events templates Page privacy (SUNet, Shared) Accessibility improvements

Community 300 authors trained Weekly sessions Online sessions Tutorials/pages

The investment continues and will continue

Page 5: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

iPhone 55%

iPad 29%

Unknown 10%

Samsung Galaxy

5%

Nexus 1%

Device Use 24% Phone 9% Tablet 33% Total Mobile Mobile has arrived. Plan & Build for it.

Page 6: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Traffic Sources

Organic 60%

Direct 22%

Referral 15%

Social 3%

Paid 0%

55% Google 2.5% Bing

1.7% Yahoo

Play close attention to organic traffic

Page 7: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Extending  The  Design  Zak  Akin,  User  Experience  Designer  

Page 8: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Static Sites Connects the user experiences Shares global nav and footer

with AEM Stanford Medicine colors

Editable with Dreamweaver Retains fixed width

Page 9: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Static Sites

No changes to content or markup needed for most sites

New model site Implementation plan is still

pending a full technical review

Targeted release on late Spring 2015

Page 10: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Blogs

Secure, fast, responsive WordPress theme

Optimized for blog posts Easy upgrade for authors

Targeted Spring 2015

Page 11: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

…and more

Qualtrics template ORC (registration) theme

New logo for all static sites

1st Half 2015

Page 12: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

One more thing…

Bullet point lists are here

OR Toggle in the RTE component

Page 13: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Web Services + Neonatology

Laura Hedli Sophia Dunkin-Hubby

Page 14: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Taking Training to the Next Level Jason McDonald, Community Development & Training Lead

Page 15: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Training Goes On Demand! Intro to AEM •  Presented via OpenEdEx •  On Demand training to help accelerate

your access to AEM •  6 learning modules broken out into

specific topics

Feb  18,  2015  

http://online.stanford.edu/openedx

Page 16: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Announcing Web School A rich curriculum of web success topics to help push the value

of our digital presence higher

Analy@cs   Content  Strategy  Accessibility   Images/

Banners   SEO  

Classroom and Online Delivery Launches March 2015

Look for more information and registration within 2 weeks

Page 17: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Migration Services Continue

Assisted   Self-­‐migra@on   Vendor-­‐led  

•  Recommend vendors •  Support vendors as

needed •  Quote for custom

component work

•  Online and in-class training

•  Video tutorials •  Component and

reference docs •  Service desk •  Walk in sessions •  Jam Sessions

•  Migration of content •  Content and layout

QA •  Consultation on

optimizations •  Targeting 25 sites

Page 18: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

The Road Ahead

Page 19: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Accessibility Standards

Accessibility Rolling out now & over next few months

•  Template WCAG compliance •  Text alternatives for non-text content •  Ability to add video transcripts •  Structure transparent in code •  Distinguishable visuals •  Navigable •  Predictable •  …

Page 20: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Beautiful HTML Email

HTML Email This Month

•  Easily create email in AEM •  Drag & Drop components to create

email •  Send to mailman lists or specific

addresses •  Columns, text, headings, images,

lists

Page 21: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Website Platform Upgrade

AEM 6.x Early spring 2015

•  Faster editing experience •  On-demand site setup •  Self-manage your author team •  Easier to develop components •  Modern/mobile edit UI (late 2015)

Page 22: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Contribute Goes to a Better Place

Contribute Spring 2015

•  Retiring old service •  Communications to site authors •  Support in moving to Dreamweaver

or AEM •  Eliminates complexity and security

concerns

Page 23: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Analytics Comes Alive

Analytics Summer 2015

•  Better baseline metrics •  Top-tier visible reporting •  Monthly reports package for

departments •  Stale content reports

Page 24: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Advanced Layouts

Design Toolkit Spring 2015

•  Layout building blocks for highly customized designs

•  For developers, IRT, consultants •  Optimized for flexibility, not ease-of-

use •  Not available for standard site use

Page 25: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Logos on Demand

Early Spring 2015

•  Customize the Stanford Medicine signature with the name of your department, division or unit

•  Generates a print and digital logo package for download

•  EPS, SVG, PNG formats •  Colors, fonts, sizes to the spec

Page 26: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

Things to Do Tomorrow

Review all your content for accessibility. Image descriptions & captions, Descriptive “more” links

Look at your site on your phone and tablet Add page descriptions and effective titles (Helps Google know what your content

is about) One Large (h1) heading per page

Page 27: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver

A Leading Online Voice

med.stanford.edu/irt/web

Page 28: A Leading Online Voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes Navigation improvement News, Events templates Page privacy (SUNet, ... Editable with Dreamweaver