Design & Development For The 2020s

49
© 2016 Rightpoint. All Rights Reserved. Design & Development for the 2020s PAUL M C ALEER & STEVE TONKIN SHAREPOINT FEST DENVER 2016

Transcript of Design & Development For The 2020s

Page 1: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Design & Development for the 2020s

PAUL M C ALEER & STEVE TONKINSHAREPOINT FEST DENVER 2016

Page 2: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Introductions

Paul McAleerDenver UX Lead

Steve TonkinDenver SharePoint Lead

Page 3: Design & Development For The 2020s

We are a design and technology company.

Page 4: Design & Development For The 2020s

Our business model is simple:We hire designers and developersto solve problems and make things.

Page 5: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved. 5

INDUSTRIES SERVED• Health and Life Sciences• Retail• Insurance • Consumer Packaged

Goods• Professional Services

O F F I C E S

CHICAGODETROITDENVER

200Makers

Page 6: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

What can we learn from the past and present to apply to

the future in order to make the very best products possible?

Page 7: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Our Guide to Time Travel

1.Looking into the Past: 20062.Today: 20163.Back to the Future: 2026

4.The connections & what we’ve learned

Page 8: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

2006

Page 9: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 10: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 11: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 12: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 13: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Web 2.0 and AJAX

More interactivity on the frontendWikis and folksonomiesDesign beyond the browserCommunitiesAPIs

Page 14: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

The early days of social

News Corp bought MySpaceYahoo! (with the “!”) bought flickr & delicious

Page 15: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

RSS was the new hotness

Google Reader had launched in 2005Apple incorporated RSS support into Safari

Page 16: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Tagging was everywhere

Building on the theme of user contentA precursor to hashtagsFolksonomiesFlickr set the standard

Page 17: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Seeds of responsive design

Target screen size was 1024x768Scrolling and long pages were weirdBreakpoints starting to grow and shift

Page 18: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 19: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

RSS was the new hotness

Area Sites were STILL the hotness

Primary tool for collaboration in the corporate world

Page 20: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Tagging was EVERYWHERE

The beginnings of metadata in SharePoint were available but difficult to use and adopt

Page 21: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Important changes

SP 2007 would introduce:• Active Directory Integration• PowerShell• RSS/Blog/Wiki• Enterprise Search/Content Management

Page 22: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Custom code

To get around limitations, lots of custom development was needed to make collaboration possible

Page 23: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

2016

Page 24: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 25: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 26: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 27: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Expectations are higher than ever

Consumer tech sets the standardEnterprise tech is viewed as outdated“We want to be like Apple!”

Page 28: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Mobile & responsive is a given

No excuse for a laptop-only siteNo excuse for a limited feature mobile siteThe rise of the “mobile only” class, both in the US and globally

Page 29: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Content matters most

User-generated contentCurated contentContextually-aware content (what matters most when)

Page 30: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

UX is hot… and actually drives value

“Bad UX” is a common shorthand“Good UX” is measurableUX must include researchUX is not UI

Page 31: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Content-first development

Delivery

Mechanism

Content

Foundational Technology

User Input, Taxonomies

SQL, SP, BI, CRM

RSS, Newsfeeds, CQWP, CSWP

Page 32: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Moving to the cloud Leveraging Azure storage for serversSingle-Tenant Global StorageCSOM, PowerShell for AzureAD, Exchange, SharePoint Online, and Skype

Page 33: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Mobile-first development

Technical design with mobile at forefrontMobile with ‘Out of the Box’ functionalityiOS, Android, Windows

Page 34: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

2026

Page 35: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 36: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Devices go away

IoT gives rise to just Things… but everything is connectedWe truly break free of today’s screen constraintsDesigning is going to be a blast

Page 37: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Virtual assistants carry the burden

Voice interfacesManaging rudiments of the day for usAlways available everywhere

Page 38: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Augmented reality grows

Technology becomes cheaper, more availableFirst practical applications appearHighly useful for work

Page 39: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 40: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Where do we even start?

Look to the past for help…

Page 41: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

SharePoint Release Stats

2007 2010 20130

13

21

0

14

27

0

3 3

0

5

7

0

6

10

0

4 4

Added Features Over Time

Collaboration Content Management External Connections Farm Management Mobile Integration User Interface

Page 42: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

What about features we lost?

2007 2010 20130

8

10

0

12

9

0

3 3

0 0

2

0

6

10

0

2

0

Net Features Over Time

Collaboration Content Management External ConnectionsFarm Management Mobile Integration User Interface

Page 43: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Inferring Stats

The rise of mobileFocusing on content and enablement of collaborationThe difference made with Office 365

Page 44: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Page 45: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

The Connections

Page 46: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Features and functionality must be driven by an understanding of users’ needs and desires.

And, these will change over time.

Page 47: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

A sound digital strategy provides a successful foundation for a well-designed experience.

Page 48: Design & Development For The 2020s

© 2016 Rightpoint. All Rights Reserved.

Keep up with what’s happening today, but

separate the trends from the fundamentals.

Page 49: Design & Development For The 2020s

Thank you!

rightpoint.com | @rightpoint