Trends in Designing Portals for SharePoint 2013

Kanwal KhippleVP of Consulting, SWBrightStarr

Eric LytlePrincipal ArchitectBrightStarr

SPC2013

Eric LytlePrincipal ArchitectBrightStarr@sharepointmastr

SharePoint 2010 MCM

Kanwal KhippleVP of Consulting, SWBrightStarr@kkhipple

SharePoint MVPNielson Norman Award winnerCo-Author on Pro SharePoint 2013 Branding and Responsive Web Development

Agenda

Leverage SharePoint 2013 as a platform and create engaging portals.

Best practices around performance, governance and ongoing maintenance

How to engage mobile users through customized experiences

Building Great Experiences

Gaining Adoption After launch

Building Great Experiences

History of SharePoint

2007 2008 2009 2010 2011 2012 2013 2014

Today

SharePoint 2013 released

SharePoint 2010 released

SharePoint 2007 released

2006

Trend: Surfacing Dynamic Content

Traditional Site Structures

Dept Dept

Home

Site 1

Site 1

Flexible Architecture

Global

Site 1

Site 1.1

Search

Global

Site 1

Site 1.1

Content Authors

View

Trend: Making it easy for users

Train Content Authors on editing in HTML, CSS and JavaScript

Train Content Authors on not to have content in multiple places

Traditional Content Authoring

Store content in lists Surface content

dynamically Control the look and

feel Focus Content

Authors on adding content

Search First Experiences

Demo

Simplifying content authoring

Trend: Responsive/Adaptive

25% Screen resolutions

35% Different screen sizes

30% Browser functionality

20% Hardware functionality

BYOD

Content is like Water

Desktop Tablet Mobile

Building a targeted Experience

Demo

spine.orgbrightstarr.com

Responsive vs AdaptiveIt depends on your needs

Responsive Web Design Adaptive Web DesignUses media queries No media queries

Leverage Device Channels

1 URL = multiple device 1 URL / multiple URL’s

Supported for newer devices/browsers Flexibility to target older devices

Higher upfront cost Less investment upfront but costs are spread out across project lifecycle

Takes advantage of a fluid grid Does not take advantage of a fluid grid

Great User Experiences

Infor-mation Archi-

tecture24%

Global Audience

19%

Test Thor-

oughly10%

Collab-oration

13%

Targeted Experi-ences21%

Make it easy to

read0.13

Simplify Content Authoring

Targeted experiences

Streamlined UIFlexible Information Architecture

Ability to split content authors from design, scale performance, allows you to build search driven solutions

Features to enable Great ExperiencesHere’s what SharePoint 2013 brings you

Ability to define custom experiences and target specific devices and browsers

Take advantage of taxonomy driven navigation

Cleaner, faster and closer to web standards than ever before!

Gaining Adoption

Trend: Social Engagement

How do we collaborate?

Reading and an-swering emails28%

Search-ing and

gathering informa-

tion19%

Com-muni-cating

and col-labora-tivey in-ternally

14%

Role-specific tasks39%

Real reason to be social

#spc2013

Sharing Knowledge Empower and Highlight Champions Show Leadership and Build Relationships

Enable and empower

For every 100 social initiatives, 80 do not achieve the intended benefits.-Gartner

We saved 500 minutes per in weekly project status conference calls

We got better answers to questions in 30 minutes instead of hours

I have been working 7 years with this company now and because of our new portal, I now feel more connected with my colleague

Build a Water-cooler

How to start?

Surface targeted content via #hashtag

How to start?

Trend: Behavior based Experiences

Primary focus is to improve Findability

Search Engine Optimization

Dept

Site 1

Site 1.1

Search

Dept

Site 1

Site 1.1

Search User Interface improvements

Relevance Improvements

Discovering structure and unstructured content

Search investments

Ability to preview documents, distinguish and customize search result types

Search FeaturesHere’s what SharePoint 2013 brings you

New ranking models, Query rules, analysis of content and user interaction and result resources

More flexible search schema, crawling, search health reports,

You can configure the crawler to look for "entities" in unstructured content

What can you do?

What can you do?

Personalization

Personalized Portals

Personalized Homepages

Personalized Team Sites

Degrees of Personalization

My Sites

Tasks assigned to the user that are part of business processes

Surface the activity feed for people, documents and content they follow

Providing Content Authors prime homepage real estate

Personalize Homepage

Tailor to users specific needs

Allow business units to build apps to fit their needs

Empower users to personalize by leveraging apps

App Store

Provide users a default experience

Give users the control on what they want to see

Enabling Dynamic Experiences

The Spot

Demo

Contextual Personalization

After Launch

Share a unified vision

Amazing user experiencePersonal and RelevantAnytime, anyplace and any device

Easy integrationLeverage existing infrastructureSecure & Performance

Optimize portal tractionLower cost per userControl: less IT dependency

Employees Business IT

Cloud vs On-Premise

Governance Timeline

After launchConsiderations for your portalExecutive Engagement

chase innovationbe the source of influence

Thank You

#spc2013

MySPCSponsored by

connect. reimagine. transform.

Evaluate sessionson MySPC using yourlaptop or mobile device:myspc.sharepointconference.com

Related Sessions @ SPCTue 9:00am - SPC106 - A comprehensive strategy to drive business value with SharePoint

Thu 10:30am - SPC270 - When should we use SharePoint out-of-the-box, add third-party apps or build custom solutions?

Wed 1:45pm - SPC228 - Deliver adaptive and personalized experiences for your SharePoint 2013 sites

Thu 12:00pm - SPC291 - The strategy behind building a successful social intranet

Tue 10:45am - SPC122 - Customer Best Practices & Next Generation Solutions with Office 365 & Yammer

Wed 7:15pm – PT015 – People, Know How, Value. Social SharePoint at Yum! Brands

© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.