a leading online voicemed.stanford.edu/content/dam/sm/irt/web/keynote-150205.pdf · 5 themes...
TRANSCRIPT
![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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/11.jpg)
…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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022043000/5f75416c8021cf1ba514ca1b/html5/thumbnails/28.jpg)