Creating engaging web experiences with SharePoint

59
CREATING ENGAGING WEB EXPERIENCES SHAREPOINT 2013

description

Intergen Seminar presented September 2012. Pure content management is no longer enough. Successful web content management systems need to be able to deliver content based on visitor context: Who are they? Why are they visiting? Where do they come from? The future of the web will see “Content + Context” driving user engagement and enabling organisations to achieve their objectives. Well-known as a solution within the enterprise, Microsoft SharePoint is also a content management system which can be used for delivering external-facing websites. This session will look at some of the features of SharePoint that allow it to deliver context-based content and explores how this can add value to your organisation.

Transcript of Creating engaging web experiences with SharePoint

Page 1: Creating engaging web experiences with SharePoint

CREATING ENGAGING WEB EXPERIENCES

SHAREPOINT 2013

Page 2: Creating engaging web experiences with SharePoint

Your presenter

Intergen 5+ years

Innovation, Strategy and Solutions

Web Content Management

SharePoint

Swim, Bike, Run

Name Robert StewartTitle Solution Specialist

Page 3: Creating engaging web experiences with SharePoint

Engaging Web Experiences

Discussion and Wrap

Personalisation

Supporting mobile

Where is SharePoint heading

Page 4: Creating engaging web experiences with SharePoint

WHERE IS SHAREPOINT HEADING

Page 5: Creating engaging web experiences with SharePoint

SharePoint Conference Oct 2011

Page 6: Creating engaging web experiences with SharePoint

80% SharePoint Conference Oct 2011

of Fortune 500 companies use SharePoint for Intranet

Adoption of SharePoint on the Intranet.

Page 7: Creating engaging web experiences with SharePoint

25% SharePoint Conference Oct 2011

Extending collaboration outside the firewall.

of Fortune 500 companies use SharePoint for Internet

Page 8: Creating engaging web experiences with SharePoint

Mobility

EnterpriseSocial

App Store

Search

Productivity

Page 9: Creating engaging web experiences with SharePoint

WEB

Page 10: Creating engaging web experiences with SharePoint

SUPPORTING MOBILE

Page 11: Creating engaging web experiences with SharePoint

Mobile is growing like

crazy.

Page 12: Creating engaging web experiences with SharePoint

Creating engaging web experiences

PC vs. Smartphone Sales

Source: http://bkaprt.com/mf/4

Page 13: Creating engaging web experiences with SharePoint

“Mobile phones will

overtake PC’s as the most

common web access

devices by 2013”

Gartner Research, 2010

Page 14: Creating engaging web experiences with SharePoint

73%

OF PEOPLE SURVEYED

Google: Our Mobile Planet, May 2012

Say they don’t leave their home without their device

Smartphones are always with you

Page 15: Creating engaging web experiences with SharePoint

RESPONSIVE WEB DESIGN

Page 16: Creating engaging web experiences with SharePoint

“Rather than tailoring disconnected designs to each of an ever-increasingnumber of web devices, we can treat them as facets of the same experience”

Ethan Marcotte – A List Apart

Page 17: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Responsive Web Design principles

Desktop Tablet Smartphone

Header Header Header

Content Content ContentSid

eb

ar

1

Sid

eb

ar

2

Sid

eb

ar

1

Sidebar 2 Sidebar 1

Sidebar 2

Page 18: Creating engaging web experiences with SharePoint

“It’s cheap but degrading to reuse content and design

across diverging media forms like…

desktop vs. mobile. Superior UX requires

tight platform integration.”

Jakob Nielson – May 2012

Page 19: Creating engaging web experiences with SharePoint

WHAT DOES IT LOOK LIKE?

Page 20: Creating engaging web experiences with SharePoint
Page 21: Creating engaging web experiences with SharePoint

Mobility

Page 22: Creating engaging web experiences with SharePoint
Page 23: Creating engaging web experiences with SharePoint

HOW?

DESIGN MANAGER

DEVICE CHANNELS

Page 24: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Design Manager

Page 25: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Design Manager: Device Channels

Page 26: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Design Manager: Upload Design Files

Page 27: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Design Manager: Create Master Pages

Page 28: Creating engaging web experiences with SharePoint

Creating engaging web experiences

Design Manager: Apply Design

Page 29: Creating engaging web experiences with SharePoint
Page 30: Creating engaging web experiences with SharePoint

PERSONAL-ISATION

Page 31: Creating engaging web experiences with SharePoint

86% Intergen Engaged Web Report 2012

of websites measured personalise the user experience , giving visitors the option to sign in or choose targeted content.

Personalisation

Page 32: Creating engaging web experiences with SharePoint

CONTEXTCONTENTis king

Page 33: Creating engaging web experiences with SharePoint

FabricsRecycled Polyester 39 g/m²100% Recycled Polyesterm holgram look, 20D ripstop face, 39 g/m². Primaloft® ONEMaterial: 100% Polyester, ultrafine microfibre insulation.Weight: 60 g/m²

Long lasting, fast drying lightweight insulation with outstanding warmth to weight ratio.PFOS/PFOA free DWR treated surfaces.Three way adjustable hood with reinforced peak.Hip length longer body cut for more core warmth.Full length micro zipper to save bulk, with chin guard.Two mid mounted torso pockets with micro zippers to save bulk.

AWESOME JACKET!

Page 34: Creating engaging web experiences with SharePoint

WHAT DOES IT LOOK LIKE?

TARGETED CONTENT

Page 35: Creating engaging web experiences with SharePoint
Page 36: Creating engaging web experiences with SharePoint
Page 37: Creating engaging web experiences with SharePoint
Page 38: Creating engaging web experiences with SharePoint
Page 39: Creating engaging web experiences with SharePoint
Page 40: Creating engaging web experiences with SharePoint
Page 41: Creating engaging web experiences with SharePoint

WHAT DOES IT LOOK LIKE?

POPULAR CONTENT

Page 42: Creating engaging web experiences with SharePoint

Mobility

Page 43: Creating engaging web experiences with SharePoint

Mobility

Page 44: Creating engaging web experiences with SharePoint

HOW?

SEARCH

XRANK

USER PROFILES

Page 45: Creating engaging web experiences with SharePoint
Page 46: Creating engaging web experiences with SharePoint
Page 47: Creating engaging web experiences with SharePoint
Page 48: Creating engaging web experiences with SharePoint
Page 49: Creating engaging web experiences with SharePoint
Page 50: Creating engaging web experiences with SharePoint
Page 51: Creating engaging web experiences with SharePoint
Page 52: Creating engaging web experiences with SharePoint
Page 53: Creating engaging web experiences with SharePoint
Page 54: Creating engaging web experiences with SharePoint
Page 55: Creating engaging web experiences with SharePoint
Page 56: Creating engaging web experiences with SharePoint

Summary

Personalisation

Supporting mobile

Where is SharePoint heading

Page 57: Creating engaging web experiences with SharePoint

Discussion and Wrap

Page 58: Creating engaging web experiences with SharePoint

Thank you

Page 59: Creating engaging web experiences with SharePoint