Workshop: Designing Experiences in Office 365 #spc19

LED BY:
As part of this full-day workshop, we will aim to go through several practical tips and
tricks that you can leverage when building your own SharePoint sites, designing your
PowerApps as well as learn best practices that are applicable when working with any
technology.
DESIGNING EXPERIENCES IN OFFICE 365
Kanwal Khipple

MISSION
Disney
WalMart
Fedex
Microsoft
McDonalds
Apple
Nike
Google
Toyota
Every company starts with an idea, and based on that one idea, works hard to build a
culture that helps deliver products and services
produce family fun entertainment
saving people money so they can live better
guaranteed overnight
enable productivity
be your favorite place and way to eat and drink
design best personal computers
inspire athletes
organize information to make it accessible & useful
satisfying ownership experience

BRAND IDENTITY
In order to have an effective brand, you need your target audience to associate you
whenever they think of the benefit they are looking to receive

COLLABORATION ISN’T EASY
Individual and group collaboration needs are diverse

BRANDS IMPACT TO EXPERIENCE
Ensuring experiences and how users interact with them exemplify your brand

SHARED STORIES
Building champions in an organization starts by encouraging and sharing failures

MORE NEWS FROM TEAMS…
It can’t just be regional, departmental and corporate news on your homepage anymore. You
need to think about how you will surface team and project news.

WHATS IN IT FOR ME
Make intuitive experiences that users can not live without

BUILDING EXPERIENCES
Implementing an effective design that drives engagement and speaks to your brand

INTRANET IN YOUR POCKET…
What if you could also enable better site experiences on mobile devices. What if you could
design for the user? Extending team or departmental reach.

ENGAGEMENT DRIVES INNOVATION
Enabling your champions and leaders to contribute

300+ slides
80+ SharePoint Presentations @ Slideshare.Net/kkhipple
Intranets w/ Office 365 Whitepaper @ Office365Intranets.com
Message Me On LinkedIn or Email Kanwal@Khipple.com

SPEAKER | AUTHOR | SUPER GOOD LOOKING
KANWAL KHIPPLE, CEO
@kkhipple
bit.ly/linkedinkk
2014 2015

“My goal is to be able to find content like news, forms,
templates, and research efficiently and with as little friction
from technology tools as possible.”
KEY CHARACTERISTICS
Knowledge Worker
Tech-savvy Independent Goal-Oriented
MEASURES OF SUCCESSBEHAVIOR PROFILE
Consumer Persona
TOUCH POINT CHANNELS
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Technology Avoidance
Social Engagement
Leadership/ Influence
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
 Ability to access content easily
from mobile devices.
 Favorite/frequent content
surfaced for easy access.
 Personalized news for teams and
workgroups.
 Ability to interact with thought
leaders through social networks.
Name Ken
Age 29
Role Associate
Location New York
Education Business Degree
Family Single
EXPECTATIONS:
Locate content or information in
three clicks or less. Locate content
from anywhere, on any device.
Engage with peers and thought
leaders via social media.
Personalization of news and content
based on his teams.
FRUSTRATIONS:
Difficult to sift through search
results/ documents to find the
relevant ones. Obsolete documents
exist within search results. Lack of
connection with both peers and
leaders.

WHAT WE ARE GOING TO COVER TODAY.
A DAY IN THE LIFE
BREAK
GATHERING INSIGHTS
LUNCH
UX PATTERNS
BREAK
DESIGN IN YOUR ORG
9:00am - 10:30am
10:30am - 11:15am
11:00am - 12:15pm
12:15pm - 1:45pm
1:45pm - 2:45pm
2:45pm – 3:00pm
3:00pm – 4:00pm

WHAT WE ARE GOING TO COVER TODAY.
TOGETHER, ENCOURAGE DESIGN TO BE INTEGRATED
INTO YOUR PROJECTS AND IMPROVE HOW TO BE A
DESIGN-LED TEAM
THINK ABOUT USABILITY THROUGH THE LENS OF OUR KEY USER PERSONAS
DISCUSS AND COMMIT TO SOME BROAD UX BEST PRACTICES & PRINCIPLES
GET INSPIRED TO THINK OUTSIDE OF THE NORM WITH EXAMPLES
ARTICULATE THE DIGITAL WORKPLACE EXPERIENCE THROUGH WIREFRAMES & SKETCHES

EMPLOYEE TOOLKIT
Delivers applications and services to encourage productive

COMMUNICATE IMPORTANT NEWS
MARKETING CAMPAIGN COLLABORATION
AUTOMATE
ANSWER QUESTIONS FROM ANYWHERE
Let’s review four user journeys and how they might look in the future

AUTOMATE
ANSWER QUESTIONS FROM ANYWHERE
What we are going to cover today

MEET GAIL, OUR COMMUNICATOR
• Wants to publish a new travel expenses policy.
• Interested in measuring reach and engagement for
this and other news.
Gail’s goal is to break down communication barriers internally and publish news quickly
and easily, from any device

GAIL CREATES A NEWS POST
Easily communicate and share news and event with others in the
organization

GAIL PUBLISHES A TARGETED ARTICLE
Using the lessons from her global insights, she targets news to the right
audience.

KEN STARTS HIS DAY
Employees get news on their reading list based on their interests

WHERE WORK HAPPENS
Ken finds relevant news regarding his team or aggregated from other
sources

CATCHING UP ON NEWS FOR HIS REGION
News targeted for a specific area or audience

FINDING HIS WAY USING A HUB SITE
News, Events and Search experience contextualized

NEWS AS PART OF THE DAY, IN TEAMS
Leveraging Microsoft Teams connectors to stay informed

CATCH UP ON THE GO
Using SharePoint Mobile app he is alerted and can see relevant news

KEN CAN FOLLOW COMMUNITIES
Employees curate news to tailor to their work and interests

KEN ENGAGES AND SHARES HIS VIEW
Opportunity to share knowledge and be engaged with what’s important
for him

GAIL ANALYZES EMPLOYEE ENGAGEMENT
• We can see how many people have viewed the announcement
• Employees can like and comment on the article
• Gail can engage and respond to employees directly
She’s receives likes and comments and can answer questions regarding the
new policy

AND DISCOVERS TRENDS
Aggregate data from many sources to measure impact and reach

Share company information in a central location and engage the workforce

MEET DAVID, OUR COLLABORATOR
• David is coordinating a new campaign to
promote eco friendly communities.
• David needs to coordinate the work with
teammates to ensure the campaign is
produced and launched successfully.
• David needs to create and share documents
easily with others.
David’s goal is to be as effective as possible in managing his team.

DAVID SEARCHES FOR PROJECT SOPs
Content finds David. Search infused AI provides him with relevant results.

DAVID WORKS WITH THE TEAM TO GATHER
DESIGN SPECS
Connect with subject matter experts

DAVID AND TEAM CO-EDIT DESIGN SPECS
The document remains in up-to-date in the cloud.

DAVID REQUESTS SIGN-OFF EASILY
David uses a request sign-off flow to solicit approval.

PRIYA REPORTS ON PROGRESS
Information relevant to the task is available for team members to get context

PRIYA SHARES THE CAMPAIGN CONTENT
The materials are ready, and the campaign and promo rates are shared internally.

Maximize profits for seasonal launches by working as a team

MEET PRIYA, OUR CONTRIBUTOR
• Priya needs to coordinate onboarding for a
new employee
• She wants to have all departments involved
and coordinated to complete the onboarding
• The process should be repeatable and
automated for all onboardings.
Priya’s goal is to ensure employees have access to the latest and greatest information to
bring their full potential forward.

PRIYA STARTS THE ONBOARDING
PROCESSCaptures new employee onboarding entry in a custom form

THE MANAGER REVIEWS AND APPROVES RIGHT
FROM THE EMAIL RECEIVED
An approval task is sent to Bryan’s
new manager, Alexa to confirm new
employee information is accurate
and continue with the process.
An approval request message is sent with new onboarding details for review

APPROVAL PROCESS BEHIND THE SCENES
An approval is sent to the supervisor to review onboarding request data

PRIYA WANTS TO ASSIGN ONBOARDING
TASKS
Once approved, we create the planner plan

ONBOARDING WORK ASSIGNED ACROSS TEAMS
A new Microsoft Planner plan is created for onboarding Bryan.

PRIYA VISUALIZES ONBOARDING STATUS
Priya can visualize task completion by opening the planner plan for this
employee.

TAKING AUTOMATION A STEP FURTHER
Working with user accounts to schedule training and send emails on schedule.

TAKING AUTOMATION EVEN FURTHER
Integrate your flow with other systems using over 250 standard connectors
Standard Connectors 3rd party Connectors Custom Connectors
ADP
Sage

AUTOMATE YOUR BUSINESS PROCESSES
Run your business more efficiently by using custom apps

QUICKLY ANSWER QUESTIONS FROM ANYWHERE
Surfacing relevant, company-approved information promptly, from anywhere.

MEET CARRIE, OUR CONNECTOR
• Carrie wants to provide a reservation for the
resident lounge to an employee while away from
her desk.
• Carrie needs to get additional information from an
Assistant Manager.
• Carrie needs to capture the employee information
and close the sale.
Carrie is a leasing consultant.

CARRIE FINDS RESIDENT LOUNGE
INFORMATION ON THE GO
Retrieve information in a central location
Finds Resident Lounge Information
Confirms room availability

CARRIE SEEKS HELP FROM OTHERS
Consult coworkers on the fly
Gets answers about local liquor laws

CARRIE PROVIDES FOLLOW-UP
INFORMATION
Easily integrate to provide key information from anywhere

TEAMS
Collaborate with your team to get work done

YAMMER
Communicate with all employees

FLOW
Automate simple business processes

POWERAPPS
Connect to your systems and interact with data

SHAREPOINT
Support how team’s collaborate and communicate across your digital workplace

CONSUMER
A day in the life of Ken the Associate
Offices
INTRANET
Practices
Departments Communities
Ken logs into intranet and
starts his day by skimming
the homepage newsfeeds.
Ken sees that his Section
Head has received recognition
and ‘Likes’ the article.
Ken looks for a pitch deck
to reuse for a proposal he
has been assigned.
1
2
3
Ken reads up on where to stay
in Dallas, since he’s visiting
there to deliver the pitch.
4
COEs

CONTENT OVER TIME…
The modern digital workplace and Intranet has a continually increasing number
of digital spaces or ‘sites’ where content is stored and shared.

SITE STRUCTURE MODEL(S)
There are a number of ways to manage site hierarchy. Key is to ensure hierarchy
enables collaboration it should not restrict it.
SITE NAV
TOP NAV
SITE NAV
SITE NAV
SITE NAV
SITE NAV
HUB-AND-SPOKE
SITE NAV
SITE NAV
SITE NAV
SITE
NAV
SITE NAV
SITE NAV
TOP NAV
SITE NAV
TOP NAV
HIERARCHICAL

TEAM SITES
TIP encourage others to share knowledge sharing they have learned from peers
TIP create pages for focused topics rather than creating sub sites
Working together towards a goal

COMMUNICATION SITES
TIP make the objective clear to inform in an open community so it inspires future leaders
TIP encourage creative content contributions
TIP have community leaders guide contributors with content and image tips
TIP recognize contributors and inspire new contributors monthly
Engaging with like-minded community members

NEW HUB SITES & TEMPLATES…
Team sites and communication sites will roll up into hub sites. This allows modern rich
sites for all but the homepage and special situations.
TODAY

HUB SITES
TIP use hub sites when team sites
are similar
TIP review team site ownership as
they can connect to any hub
TIP search, branding and navigation
are common
Bringing teams together

PLANNING HUB SITES
Have questions on what you need to consider when planning hub sites? Read
Microsoft’s Hub Site Planning guide https://aka.ms/PlanningSPhubsites
SETTING THE STAGE
Ability to model your site as relationships (via links) rather than hierarchy or ownership
GETTING STARTED
Hub sites give you shared navigation and brand, roll-up of content and search as well as a home destination for the
hub
WHAT SHOULD BE A HUB SITE?
Start with answering who is your audience and what do they need to accomplish and how do the people who need
the information get their work done?
HOW SHOULD I ORGANIZE MY HUB SITE?
Creating a hub site must be done by the global or SharePoint admin in Office 365, planning, managing and
organizing the hub site is the responsibility of the hub site owner
And more…

KIDS
BUILD COMMUNITIES
Take advantage of moving towards a flat-hierarchy in terms of your SharePoint
architecture
KEY ORGANIZATIONAL FUNCTIONS
(EXAMPLE, HR, Finance, Public Relations,
Legal, IT, Comms)
LOCATIONS
(EXAMPLE, Sales regions, location based
offices)
SUBSIDIARY/PORTFOLIO/SUBDIVISION
(EXAMPLE, Product line, legal projects,
communities)
HR
EU SALES
TRAVEL
PROGRA
MS
NEW
HIRES
REWARDS
HR
BENEFITS
PLANNING
LONDON MADRID
PARIS
NEW
MARKETS
SENIOR
QUESTS
SPECIAL
INTEREST

ARCHITECTURE
How your sites are organized changes going forward
TIP classic publishing still has a place
for your custom portals
TIP modern sites (communication,
teams) are really improving but
customization is limited
TIP flat hierarchy directly simplifies
and impacts governance

GOVERNANCE
Ensuring you have a governance model in place to guide users what sites they should
create
Company
+
Hub Site
Team site Communication siteTeam site
Division
Team
ROOT SITE
- New tenant under 500 users,
have Communication site as
default
- Existing tenants, Microsoft is
finalizing ways to switch your
root site to use Communication
Site

BUSINESS OBJECTIVES
TIP leverage mind mapping to broke down into
much more specific objectives through
stakeholder participation
Where is the business prioritizing their investments and teams
TIP understand how a solution or technology
benefits the organization and what business
objectives it helps to meet

Empower employees to be productive and engage
with their peers through an integrated employee digital
experience
OUR VISION

breakout activity
Independently in your teams, what problem are you trying to solve?

PERSONAS
INTERVIEWS
USER NEEDS WORKSHOP
CREATIVE WORKSHOP

We always love sharing, but it’s you
we want to hear from today .

Communicator
Connector
Collaborator
Consumer
Contributor
Imagining a future state through the lens of our 5 typical user personas

OUR USERS, OUR EXPERIENCE
Understanding needs from our users perspective guides our priorities
Theodore,
Connector
Kyle,
Collaborator
Jody,
Communicator
Eva,
Contributor
John,
Consumer

HOW DO YOU LIKE YOUR COFFEE?
Dividing a population into representative user groups to better identify and serve their
needs.
Cream and
sugar
Just black
Iced coffee
with milk
Espresso with
sweetener
Latte please
Hot    
Sweet  
Creamy   

WHAT ARE PERSONAS?
Our aim is to understand and identify the key user types within your organization.
What type
of user are
they?
What would
motivate them
to use the
intranet?
What frustrates
them about their
day-to-day?How comfortable
are they with
technology?
What are their
main goals
when using the
intranet?
What’s
their story?

PRIMARY INTRANET PERSONAS
Intranet users typically fall into one of the 5 ‘C’s.
Support StaffTeam LeadKnowledge Worker Information Manager
“My goal is to support
employees within the
organization by
connecting them to the
people and content they
require to do their jobs
effectively.”
“My goal is to be as
effective as possible in
managing my team. I
want to know the status
of various tasks and what
issues my team members
are facing.”
“My goal is to be able to
find content like news,
forms, templates, and
research efficiently and
with as little friction from
technology tools as
possible.”
“My goal is to ensure
that employees reference
the latest and greatest
material from around the
organization. I want the
intranet to be the go-to
tool for administrative
content.”
CONNECTORCOLLABORATORCONSUMER CONTRIBUTOR
Manager
“My goal is to break
down communication
barriers internally and
publish news quickly and
easily, from any device.”
COMMUNICATOR

“My goal is to be able to find content like news, forms,
templates, and research efficiently and with as little friction
from technology tools as possible.”
KEY CHARACTERISTICS
Knowledge Worker
Consumer Persona
Tech-savvy Independent Goal-Oriented
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Social Engagement
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
from mobile devices.
 Personalized news for teams and
workgroups.
 Ability to interact with thought
leaders through social networks.
Name Ken
Age 29
Role Associate
Location New York
Education Business Degree
Family Single
EXPECTATIONS:
three clicks or less. Locate content
from anywhere, on any device.
Engage with peers and thought
leaders via social media.
Personalization of news and content
based on his teams.
FRUSTRATIONS:
Difficult to sift through search
results/ documents to find the
relevant ones. Obsolete documents
exist within search results. Lack of
connection with both peers and
leaders.

“My goal is to break down communication barriers internally
and publish news quickly and easily, from any device.”
KEY CHARACTERISTICS
Manager
Communicator Persona
Social Engaged Voice of the Company
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Social Engagement
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
 Clean and simple content
publishing process.
 Improved access to content from
a variety of devices.
 Tailored content for different
audiences.
 Metrics to track readership.
 Social engagement with
communications.
Name Gail
Age 43
Role Communications
Manager
Location New York
Education Bachelor’s Degree
Family Married with children
EXPECTATIONS:
Simple interface to manage
communication content. Social
interaction over content to share
feedback and insights. Access to
readership and engagement analysis
to enable fine-tuning of
communications and
communications targeting.
FRUSTRATIONS:
Lack of clarity in publication
guidelines. Lack of targeting
mechanisms. Lack of news relevant
personalization for employees.

“My goal is to be as effective as possible in managing my team.
I want to know the status of various tasks and what issues my
team members are facing.”
KEY CHARACTERISTICS
Team Lead
Collaborator Persona
Leader Project-focused Analytical
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Social Engagement
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
from mobile device.
 Personalized news for his
workgroup.
 Effective sharing of marketing
and business development
between workgroup.
Name David
Age 51
Role Department Head
Location Washington, DC
Family Married with children
EXPECTATIONS:
three clicks or less. Sharing marketing
and business development
information between workgroups.
Collaborate with and manage his
team from his mobile device.
FRUSTRATIONS:
Siloed information between
workgroups such that content is
often duplicated.

“My goal is to support employees within the organization by
connecting them to the people and content they require to do
their jobs effectively.”
KEY CHARACTERISTICS
Support Staff
Connector Persona
Social People Person Tacit Knowledge
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Social Engagement
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
 Better search filters for content
and people searches.
 More intuitive site structure
 Improved look and feel.
 Improved task tracking for
internal projects.
Name Carrie
Age 37
Role Administrative
Assistant
Location Houston
Family Single
EXPECTATIONS:
Simple ways to find and connect
relevant content and people which
can help them to perform their work
in a more informative way. Find
people with specific skill sets and
enable boiling up tribal knowledge
and making it available.
FRUSTRATIONS:
No easy way to find people and their
skill sets and lack of easy ways to
filter through search results to find
relevant content.

“My goal is to ensure that employees reference the latest and
greatest material from around the organization. I want the
intranet to be the go-to tool for administrative content.”
KEY CHARACTERISTICS
Information Manager
Contributor Persona
Author Connected Approachable
Phone Website
Speech Chat
Mobile App
ATTRIBUTES
Technical Prowess
Social Engagement
Openness to Change
Communication
Connection
Collaboration
Consumption
Contribution
 Surface most-requested content
to a visible, prominent location.
 Archive/prune out of date
content.
 Clearly defined site structure and
classification standards.
 Ability to target audiences to
surface relevant content and
tools.
Name Priya
Age 33
Role IT Manager
Location Houston
Education Computer Science
Degree
Family Partnered
EXPECTATIONS:
A centralized area to search and
access content. Easy methods to
target content to the relevant people
by content classification. Easy to
contact content author.
FRUSTRATIONS:
Content may be obsolete and search
is not sophisticated enough to
differentiate between latest and old
content. Lack of content classification
standards. No content timeout policy
defined. Content from legacy
systems poorly classified.

PERSONA MAPPING
ACTIVITY: Map each department group to 1 or 2 primary personas.
Communicator Connector Collaborator Consumer Contributor
Administrative Depts Business Development & Marketing 1 2
Finance and Accounting 1
Human Resources 1 2
Professional Resources 1 2
Operations 1 2
Information Management 1
IM/Knowledge Management 2 1 2
Firm Management & Oversight Firm Management (Partners) 1 2
General Counsel 1 2 2
Legal Practice Associate 2 1
Partner 2 1
Counsel 2 1
Paralegal 2 1
Assistant 1 2

INTERVIEW PLANNING
Select 1-5 people per 45 minute interview for a total of 4 per interviews. Interviewees can be from different departments. The
important thing is that they fall into the same primary persona. This helps focus our interview questions on their user
behaviours.
Communicators Connectors Collaborators Consumers Contributors
• Business
Development &
Marketing
• Operations
• General Counsel
• Human Resources
• Assistant
• Professional
Resources
• Finance and
Accounting
• Firm Management
(Partners)
• Legal Practice
• IM/Knowledge
Management
• Information
Management

INTERVIEW SCHEDULING
Group interviewees by their primary persona, not necessarily the same role or
department.

INTERVIEW QUESTION CATEGORIES
Question categories:
1. Introduction
2. Key Tools/Applications
3. Content search/findability
4. People search
5. Communication practices
6. Collaboration practices
7. Current tools/applications
8. Security and privacy
9. Information Architecture
10. General
The order of the questions for each persona prioritize the areas in which a persona can provide the most insight. This way, if a
discussion on a particular set of questions runs long, we have covered the most important material first.
Communicators Connectors Collaborators Consumers Contributors
• Introduction
• Communications
• Content search
• People Search
• Key Tools/
Applications
• General
• Introduction
• Content search
• People Search
• Key Tools/
Applications
• General
• Introduction
• Collaboration
• Information
Architecture
• Content search
• People search
• Security and
Privacy
• Key Tools/
Applications
• General
• Introduction
• Key Tools/
• Applications
• Content search
• People search
• Information
Architecture
• General
• Introduction
• Information
Architecture
• Key Tools/
Applications
• Content search
• People search
• Security and
Privacy
• General

INTERVIEW QUESTIONS
To initiate conversation its helpful to have a few questions prepared but encourage
organic conversation
Category Topic Question
Introduction Name What is your name?
Job Title What is your Job Title?
Department In which Department/ Division do you work?
Tenure How long have you been with the firm?
Key activities/tasks Within the context of your job, what are the key activities/tasks that you perform every day?
Intranet usage How do you leverage the Intranet within the context of your daily tasks/ responsibilities?
Key Tools/Applications Key tools What are the key tools or applications that you use in your workplace today to perform your daily tasks/ responsibilities?
Tool challenges What are the key challenges/ difficulties you face using these key tools/ applications?
Content search/findability Ways to search How do you find firm/internal information/content in your day to day work? (intranet, website, Outlook, iManage, or other)
Access to research tools How do you access online research services in your day to day work? (ie. links, bookmarks, etc.)
Difficulty of search How difficult is it to find internal information/content using the intranet search box? Are the refiners adequate?
Refiners Do you ever use the search refiners or search scope?
Percentage What percentage of your searches are conducted on the intranet vs FileSite/iManage/DMS?
Specific issues/ challenges What issues/challenges do you face while searching for information/content?
Most important content To what specific information/ content would you like easy access?
People Search Ways to search How do you search for people-specific information within the firm?
Frequency How often do you search for people-specific information within the firm?
Issues/ Challenges What issues/ challenges do you face while looking for people information? E.g. Is information consistent, reliable, available?

INTERVIEW QUESTIONS
To initiate conversation its helpful to have a few questions prepared but encourage
organic conversation
Category Topic Question
Security and Privacy Security methods How do you ensure that documents are secure within your workplace?
Concerns Are there any security concerns you have around the sharing of files documents?
Communications Methods How do you typically find out about firm news, events and announcements?
Key communications What type of firm news is most important to you? What type of firm news is currently missing and you would like to see it?
Do you contribute? How? Do you contribute to or author the firm news, events or announcements?
Content authoring process If yes to above question, what's the process of contributing firm news? Is it difficult?
Audience Are you currently tailoring content to various audiences? Is there a need for this?
Collaboration Tools How do you typically share files with your team/project? E.g. email, links to documents, etc.
Frequency How many people do you typically collaborate with and how often when preparing work documents/ deliverables?
Key Challenges What are the key challenges/difficulties you face when collaborating within your team or project?
Tracking Projects How does your project or team typically track project tasks? If applicable, what are the software tool(s) used?
Tracking Matters How does your team typically track tasks related to matters? What software/tool(s) are used?
Information Architecture Content structure What challenges do you face when it comes to organizing your information? Is content organized in an intuitive way?
Metadata As content authors, describe your experience with the metadata fields. Do you see a value in them?
General General Any there any other key features you would like to see on the intranet which can make your work life easier and more
manageable?

INTERVIEW FOLLOW UP
Ensure you share what you heard and how it impacts their journey
As a I want to So that
Communicator look up client, company,
contractor information of those
involved in a project
I can connect with them for coordination and planning activities.
Connector Share information (i.e.
Documents) with external
clients/contractors
We provide information faster without requiring IT involvement to set
up an FTP site and we can ensure information is not accessible to other
clients and contractors not involved in the project.
Connector Quickly find communication with
clients
I can refer to previous decisions or pieces of information that are
needed for clarifying scope of work, deliverables and specs
Collaborator Refer to code comments that
occurred in the same jurisdiction
To review and if possible preemptively address comments made by a
jurisdiction authority for this or previous projects.

OFFICE 365 AND SHAREPOINT
1. Office 365 landing page
2. Pin Office 365 apps to the app launcher
3. Choose an Office 365 start app
4. Smart Search
5. Following Sites
How users can leverage Office 365 and SharePoint to personalize their user experience.

PIN APPS TO THE APP LAUNCHER
How to:
1. Click the App launcher icon in the top left corner.
2. Click All apps to view all of the Office 365 available to you.
3. Hover over the app to highlight it and then hover over or right-click the ellipsis that
appears.
4. Choose Pin to launcher.
Quick access to the Office apps you use most frequently.
1
2
3
4
NOTE: The Office 365 Admin can also set selected apps
and shortcuts that would appear for everyone.

CHOOSE AN OFFICE 365 START APP
How to:
1. On the Office 365 navigation bar at the top of the screen, click the Settings icon.
2. Under Start page, click the arrow to open the list box and select the page or app you
want Office to open on start, and then click Save.
Choose an app to open by default when you log in to Office 365.
1
2

‘SMART’ SEARCH
• Predictive search improves with each search over time.
• Best bets update in real time with each additional letter you type.
Office 365 ‘learns’ what to surface as best bets as you type.

FOLLOWING SITES
‘Follow’ sites by clicking on the star icon in the top right corner of the site.
Choose to ‘follow’ sites that you frequent.
Sites that you ‘follow’ appear on
the SharePoint landing page of
Office 365.

OFFICE 365 LANDING PAGE
Pin documents
for quick access
View recent documents, pin your favourites, and discover more related documents.
Discover related
content authored by
your coworkers
Quick access to your
personal OneDrive
Quick view of the sites
you frequent most

ACTIVITY 1: GATHERING EMPLOYEE NEEDS
Let’s go through an interactive activity to better understand the needs of our personas
[30 mins]
1. You’ll be split into groups and
assigned a Persona
2. You’ll be given sticky notes and a
marker 
3. Write down ten needs or pain points
that your persona finds most relevant
1. Use the list of provided User Needs as
a starting point
2. Feel free to write your own if they’re
not in the User Needs list
4. For each need or pain point, indicate
why this is important to your Persona
1. You can use the “User Story” format
to write down

USER STORIES
Capture user needs by personae. Answer the who, what and the why
As a who are you?
I want to… what is your need?
So that… why is it important to you?
John
Find all relevant documents
from a
unified search
I can quickly review the information
and determine what I can reuse or
reference in my work
flip

UNDERSTANDING NEEDS & PAIN POINTS
Identify persona needs and pain-points
As a consumer, I want to know who has what expertise so that I can ask the
appropriate person for research help.
As a communicator, I want to send out engaging news content so that its timely and
relevant and keeps users coming back to the homepage.
Examples:
As a ______________________ I want to _________________________ so that _______________________________.
who are you? what is your need? why is it important to you?

MoSCoW Encourage participation &
prioritize user needs
M ust have
S hould have
C ould have
W on’t have

ACTIVITY 2: PRIORITIZATION
1. As a Persona group, prioritize each
of your Needs and Pain Points with
the following ranking
1. Very High
2. High
3. Medium
4. Low
2. Choose a representative for your
group and have them put your
sticky notes on the wall, and present
your choices 
Let’s prioritize and review the needs and pain points of our Personas [30 to 45 mins]

SKETCH YOUR VISION
Collaborative wireframing sparks innovation & drives home your teams internal vision
• Be challenged to think outside of current state
• Focus on user experience feedback and pain
points from your own experiences
• Brainstorm your ideas using sketches and notes
• This exercise is more about prioritization and
experience than look and feel

BREAKOUT ACTIVITY
• Work in your Persona groups
• Using a marker and a flip board, wireframe the homepage of your future
intranet [30 to 45 min]
• Consider the needs and pain points you identified in the previous exercise to
help you decide which components to include, and where to place them
• Choose one of your team members to present your wireframes  [15 to 30
mins]
As your persona, work in your groups to wireframe the homepage of your future intranet

WIREFRAME
Ensure experience discussions happen in real-time

Be empathic to user needs
Becurious
Reallylisten Notbeafraid
tobewrong
Dreambig
Challenge
prejudice
Find
commonground

breakout activity
Independently in your teams, wireframe 5 experiences that visualize your goal

PRODUCT ROADMAP
UX BEST PRACTICES
THEMES
CROSS PLATFORM

SOME UX THEMES SO FAR…
Common themes we’re identifying through interviews & feedback

APPROACH TO DESIGN SPRINTS
Iterative approach allows us to gather feedback from you sooner, and change course as
needed.
ITERATION 1
Workshops:
• Security and permissions
• Page components
• Navigation
Requirements Doc
Solution Specs Doc
• Site structure and
security model
• Navigation mapping
Wireframes
Workshops:
• News & Events
• Metadata
• Search
Requirements Doc
Solution Specs Doc
• Site structure
• Enterprise Metadata
and Taxonomy
Wireframes
Workshops:
• Custom features
• Personalized experience
• Employee engagement
• Governance
• Adoption
Solution Specs:
• Component functionality
Wireframes
Creative Design
*Governance framework
*Adoption framework
ITERATION 2 ITERATION 3
Foundational elements Current features to keep or improve upon New features/ functions that do not exist today
ANALYSISDESIGN

0
5
10
15
20
25
30
35
Adoption as a
Service
Digital Hub Intelligent Search Knowledge Sharing Team Cooperation
USER NEEDS
Workshops and discussions have helped us prioritize and plan out key activities for the
next quarter

USER NEEDS
Collaboration, Communication and Creative workshop uncovered numerous needs and
wants
Personalize company and team news based on my interests
Personalized
Navigation Automate tasks Digital Workplace support process Enable teams to
automate their processes Digital Workplace Manage Permissions Logical Architecture Easily
search for experts Communications strategy Track the point of contact
Shared Ownership Site Creation Tool Content management strategy Easily and
effectively communicate When-to-use-what guidance Collaborate on
deliverables with my teammates Metadata On-boarding and Off-boarding process
Seamlessly switch between Apps Company communication (news and publications)
Workplace collaboration Access to all information important to me Access to workplace
productivity tools Access to team and project content Personalized content based on employee groupings
Tag documents Expertise search Refine search results Content Search Internal best
practices (SOPs, Playbook) Capture and measure employee engagement Permissions management strategy

PAIN POINTS
• Adoption
• Too many tools - Not sure what to use when
• No formal training/support (only peer-to-peer support)
• Lack of governance
• Self-Serve – Communication & Collaboration
• Self-management of workspaces is not available
• Client/Project Knowledge not shared across regions/teams
• Lack of collaboration between teams
• Lack of best practices for documents management
• Technology Enablement
• Technology Infrastructure is slow and cumbersome
• Permissions hard to implement to comply with MSA agreements
• Need direction to migrate documents to SharePoint Online
• Automate Collaboration
• Repetitive tasks are not easy to perform due to large number of applications
• Intelligent Search
• Difficult to find information within the company
• No central place to search for employees
• Employee information and status not up to date
• Digital Hub
• Fractured Corporate Communication (each business line has separate communication)
• Lack of Single Sign-on (10-15 applications to log in every day)
Frequency of the various pain points we’ve heard. Dominated by Culture, Adoption &
Training frustrations, followed by Workplace Communication & Collaboration.
Automate
Collaboration
Digital Hub
Intelligent Sea
Adoption
Self-Serve
(Communication &
Collaboration)
Technology
Enablement

COMMUNICATION
COLLABORATIONPRODUCTIVITY
Groups Teams
• TIP follow the office 365 roadmap
(roadmap.office.com)
• TIP follow the techcommunity
(https://techcommunity.microsoft.com)
• TIP major release every 2 years
• TIP 4 minor releases every year
• TIP build a visual roadmap of product
features
YOUR ROLE AS A PRODUCT MANAGER
You managing a product not a set of projects

INNOVATION BENEFITS ARE MORE INTERESTING…
Continually improving experiences, continuous rollout of new capabilities, continued
integration with more technologies, and much more. (https://roadmap.office.com)

PRODUCT ROADMAP
As we unearth requests, we will align them based on priority and business value
CORE
COMPONENTS
CONTENTS
2018 Q1 Q2 Q3 Q4
R1 R2
OFFICE 365
BETA PILOT
TOP NAVIGATION
SOLUTION FRAMEWORK
INFORMATION ARCHITECTURE
OOTB BRANDING RESPONSIVE DESIGN
INFORMATION ARCHITECTURE
PAGE LAYOUTSHOME PAGE
TOP NAVIGATION
FOOTER
HERO SLIDER
EMPLOYEE SPOTLIGHT
STAFF DIRECTORY
RESPONSIVE DESIGN
SPOTLIGHT PAGES
SITE DESIGNS HUB SITES PAGE TEMPLATES? ???

Intranets
Extranets
Departmental Portals
Functional Areas
Project Group Sites
Team Group Sites
Enterprise Social Network
Document Management
Records Management
And much much more….
DIGITAL WORKPLACE PLANNING…
Intranet planning is a small part of your broader digital workplace planning.

Empower employees to be productive and engage with their peers through an integrated employee digital experience
DIGITAL TRANSFORMATION ROADMAP
SELF SERVE DIGITAL HUB AUTOMATE
COLLAB
INTELLIGENT
SEARCH ADOPTION AS
A SERVICE
Empower
employees to
manage and
create teams
Measure and
improve
employee
success
Automate
repetitive tasks
Inform and
engage
employees
Deliver smart
results based
on how you
work

COMMUNICATOR
A day in the life of Gail the HR Manager
Offices
INTRANET
Practices
Departments Communities
Gail logs into Intranet and notices she has
a task due today. She must prepare an
article about a new HR initiative.
Gail creates the news page under
the HR Dept site and schedules it
to be published next week.
1
2
COEs
Gail closes the
task in Outlook
3
Gail navigates to University to
ensure that supplementary
and training information is
available in advance.
4

COLLABORATOR
A day in the life of David the Partner.
Offices
Intranet
Practices
Departments
CommunitiesDavid navigates to his
Section to read the
latest practice news.
3
COEs
David opens Planner online
to check the status of the
Matters he is managing
2
David opens Outlook
online and checks his
email and schedule
1
David searches for a policy
using the keyword search
4
David checks who’s visiting his
office this week and plans to
introduce himself
5

COMMUNICATION
Publishing firm-wide news and events and providing users a personalized view based on their
followed communities.
Communicator
“I want to publish firm news and events to keep my
colleagues informed of what’s going on.”
Consumer
“I want to be able to select and manage my
followed communities so that I can personalize my
view of the homepage news and events.”
Consumer
“I want to see a calendar view of all events within a
community that I follow.”

COMMUNITY ENGAGEMENT
People-centered news, engaging social features, and a searchable firm directory all contribute to
fostering the idea of ‘One Team’.
Communicator
“I want to showcase community news and events to
raise awareness of initiatives and foster our ‘One
Team’ community.”
Consumer
“I want to be able to socially interact with news
pages, such as ‘Liking’ and commenting.”
Connector
“I want access to a searchable firm directory to easily
look up the contact information and skills of my
colleagues.”

SEARCH
Predictive search with integrated directory and search scopes.
Consumer
“I want a consistent keyword search across all
pages so that I can search all SharePoint content
from anywhere in Intranet.”
Consumer
“I want a predictive search experience so that I see
real-time results as I type my query.”
Connector
“I want to see people that match my search query
appear in the predictive search.”

COLLABORATION
Easy content sharing and project/matter task tracking.
Collaborator
“I want to see a dashboard of tasks
associated with my projects and
matters so that I can manage my team
effectively.”
Contributor
“I want users to share links to content
instead of sending attachments so that
they are always referencing the latest
version.”
MDMS
Intranet

SHOWCASE EXCELLENCE
University COE and a metadata model to facilitate search, sorting and filtering.
Consumer
“I want to see all training and learning resources from
around the firm in one centralized place (University)
so that I don’t have to search for this information in
various locations.”
Contributor
“I want to use enterprise metadata to facilitate search
and better target content the right audiences.”

DESIGN PRINCIPLES
Collaboration
Fostering a collaborative environment
among employees
Communication
Ensuring meaningful information
dissemination
Connection
Pulling information together through
search and apps
Consistency
Intuitive, clear, consistent content,
navigation and page layouts
Digital
Workplace
Guiding principles for the new Digital Workplace.

COLLABORATION
Fostering a collaborative environment among employees
Collaboration Communication
Connection Consistency
Digital
Workplace
Examples
• Separate public and private sites allow for targeted page layouts by site function
• Public sites feature news, while private sites feature activity and documents
• ‘Share’ button featured across site and at library level
• Direct users to the document library so that they can see the menu options, instead of linking
to documents through a Quick Links web part
• Using Microsoft Teams to interface with private team sites
• Facilitates collaboration by making it easier to jump between chat and files, and co-authoring.

COMMUNICATION
Ensuring meaningful information dissemination
Digital
Workplace
Examples
• News and events are the focus of public intranet sites
• Top stories featured in a hero banner to emphasize importance
• Pictures help to capture reader’s attention
• Welcome messages on public sites help users learn about what the business
unit does and how they work to achieve the organizational vision.

CONSISTENCY
Intuitive, clear, consistent content, navigation and page layouts
Digital
Workplace
Examples
• Custom headers and footers give intranet more of a cohesive ‘web’ feel
• Same global navigation across all intranet sites
• Site templates used to provide consistency across all business unit sites
• E.g. department sites and delivery unit sites have very similar layout

CONNECTION
Examples
• Provide seamless integration points so that user doesn’t get taken out of the
intranet experience
• Surface information from LMS or Active Directory (e.g. My Courses page)
• Link in ‘Quick links’ from public intranet site to restricted team site
Pulling information together through search and apps
Digital
Workplace

LESS = ALMOST ALWAYS MORE
As we prepare to wireframe, what are some UX principles & best practices to keep in mind?

LESS = ALMOST ALWAYS MORE
above-the-fold, top of mind, centralized navigation

DESIGNING WITH MULTIPLE DEVICES IN MIND
in-field, on the move, and at your desk

BALANCE
Balance standard, everyday user experience expectations with those of your unique
users

TEST, DON’T GUESS
capturing in-field feedback & usability testing

INTRANET HOMEPAGE
Your intranet homepage is the place where people in your organization can get
informed, get inspired, and discover news and resources.
News and Resources Social and Personalized Compelling and Highly Visual

BRAND SPECIFIC
Communicating and reinforcing your brand in a highly visual way is the goal of this
communication site

SHAREPOINT LOOK BOOK
Get inspired to design experiences that engage employees
Discover the modern
experiences you can
build with SharePoint
in Office 365.
aka.ms/sharepointlookbook

SHAREPOINT DESIGN GUIDANCE
Get inspired to design experiences that engage employees
Design beautiful and
performant sites,
pages, and web parts
with SharePoint
in Office 365
aka.ms/spdesignguidance

HERO
Bring focus and visual interest to your page with the Hero web part.
TOPIC SHOWCASE

HIGHLIGHTED CONTENT
Requirement: I want to highlight corporate content
Customizable tiles usually
displayed at the top of a
page.
Intended to be used to
focus employees on
important corporate topics
• Image
• Headline
• Hyperlink to a page

SECTIONS
You can add columns to sections within SharePoint pages. To show content side-by-side, you can add up to
three columns to each section. Vertically, you can have multiple sections with varying numbers of columns

NEW DESIGNS & TEMPLATES…
The ability to add custom themes, set a default site design, add additional site designs,
scope site designs to users, and more!

ACCENT COLORS
More use of accent color for more visual energy
New theme
color application via
background
colors provide visual
interest and
organization
Out-of-the-box
themes provide 120
theme color
combination options
Shy header creates
more room for content
consumption

HEADER
Continued updates are coming to customize header sizes
Minimal Header
Compact Header
Strongly branded

FOOTER
Continued updates are coming for managing links in the footer
Extended
Simple
Stacked
SPFx solution using PnP
footer extended
(personal links)

MEGA MENU
enable you to better organize and showcase the related content and sites associated
under that hub site.
COMING SOON
Limited to site collection
TOP OF MIND
Global mega menu

SECTION BACKGROUND
ability to change the background color

UNIVERSAL SEARCH
Search will be removed from the site header to the Office 365 Suite bar
Current suite header
Coming soon suite header with universal search

Reimagining the Digital WORKPLACE through catered functionality, personalization and branding.
• Corporate culture &
philosophy embodied
through thoughtful
navigation patterns
• Highly contextual and
predictive search inline
within navigation

• Consolidating content
streams from across an
organization
• Allowing users to discover
and subscribe to relevant
content more naturally
(suggested content
channels)

• Simplified navigation and
business application
notification tie-ins
• Creating a centralized
‘feed’ from multiple
sources and content types

• Integration of workplace
features and functionality
• 360° branding throughout
experience

Office 365 & Art of the Possible

CREATIVE DESIGN
TIP leverage modern SharePoint UX
rather than build custom
TIP leverage Site Designs to apply font
color & background color
TIP limit custom fonts to Headings
TIP no need to build a custom master
page
TIP leverage for your intranet
Bringing your brand to life

COLOR HARMONIES
color harmonies are useful when exploring a possible color palette
TRIADIC
COLORS
COMPLEMENTARY
COLORS
TETRADIC
COLORS

BRANDING OPTIONS
How you customize determines your team’s
Levelofeffort
Flexibility
Office 365 Theming
Site Designs
Master Pages
JavaScript embed
Intranet in a Box

BRANDING
TIP keep customizations minimal to
colors (CSS-driven)
TIP leverage Site Designs to apply font
color & background color
TIP no need to build a custom master
page
TIP works well for team sites
Bringing some character to your team sites

ICONS
Leverage Fabric icons which you can scale, color, style and even flip them

CONFIGURABLE
Connect title and description to web part configuration

PROPERTY PANE
Use Single pane or accordion pane wisely

PLACEHOLDER
add placeholders to SharePoint web parts that can also be used as a fallback if an issue
occurs loading content or data for a web part

ACCESSIBILITY
SharePoint Framework provides a structure to help make all web parts accessible.

THEMES
Apply your brand within SharePoint

ACCESS THEMES
Users can change the look of their sites
1. Office 365 Settings
menu
2. Change the Look 3. Select your theme

DISABLE OOTB THEMES
Site Administrators can manage the visibility of OOTB themes via set-
spohidedefaultthemes
OOTB Themes Disabled
with no custom themes
OOTB Themes Disabled
with custom themes

CUSTOM THEMES
Create your own custom themes

SITE THEMES
Change the look of your site by applying a custom color palette
DYK The ability to define custom themes and make them
available to site owners. Themes are defined in a JSON
schema that stores color settings and related metadata for
each theme.
DYK An online Theme Generator tool that you can use to
define new custom themes.
DYK A simplified set of default themes, with six light themes
and two dark themes presently available.
DYK An updated color palette, with 12 light colors and 6
dark colors, as well as 16 supplementary themes.
DYK Control over which themes are available for use on
pages within your sites.

THEMES
Limited customizations for creating custom themes

THEME GENERATOR
Change the look of your site by applying a custom color palette

SITE SCRIPTS
Site scripts define one or more actions
1. CREATE SITE SCRIPT 2. CREATE SITE DESIGN 3. USE SITE DESIGN

1. CREATE SITE SCRIPT
1. Download SharePoint Online
Management Shell (PowerShell)
2. Use SharePoint Online PowerShell to connect
to your SharePoint tenant.
3. Create and assign the JSON that
describes the new script to a variable

1. CREATE SITE SCRIPT
4. Each site script must be registered in
SharePoint so that it is available to use.
5. Capture Site Script ID as you will need it for
creating Site Design
5. Repeat for each site script
REPEAT
STEPS 1-5

2. CREATE SITE DESIGN
Site designs can be used each time a new site is created to apply a consistent set of
actions
1. Create Site Design with associated
Site Scripts

3. USE SITE DESIGN
Users can leverage Site Designs when creating new sites
1. Use Site Design when creating sites 2. Site Script kicks off when visiting
the site for the 1st time

VIEW SITE SCRIPT
Use Get-SPOSiteScript -Identity <site script id>

REFERENCE MULTIPLE SITE SCRIPTS
Calling multiple site scripts can help with a component-based site design model
i.e. “site script id 1”, “site script id 2”
Site Script 1
Site Script 2

APPLY COMPANY THEME
Calling multiple site scripts can help with a component-based site design model
i.e. “site script id 1”, “site script id 2”
Site Script 1
Site Script 2
Site Script 3

UPDATE EXISTING / CLASSIC SITE
Already have a site but now want to apply site design to it? Leverage the Invoke-
SPOSiteDesign on each
Invoke-SPOSiteDesign -Identity ba9c058e-0575-4db5-b9aa-2dc5dbae996d -WebUrl "https://khippledev.sharepoint.com/sites/201807181450”

CREATIVE DESIGN TOOLKIT
What tools do you need to accomplish unique designs in modern SharePoint
development https://github.com/SharePoint/sp-dev-site-scripts/tree/master/samples
SITE DESIGNS MICROSOFT FLOW
Placement of controls
Adding triggers to changes to the
site
Connecting with other platforms

SHAREPOINT SITE DESIGNER BETA
Community built user interface to create site designs https://www.sitedesigner.io/#/

RESPONSIVE DESIGN…
Responsive design is a default requirement. Every Intranet should be responsive by design.
Microsoft is incorporating in all modern site designs and so should you.

SHAREPOINT MOBILE APP
TIP unable to customize the brand
TIP extensibility is not yet availability
Take your intranet with you to stay connected and informed about important content,
news, sites and people while on the go – for those in-between moments.

GRID BASED DESIGN
Build experiences that follow structure

BREAKPOINTS
To create a smooth flowing experience between screen sizes, the SharePoint UI should
adapt layouts for the following breakpoint widths

TEAM SITE GRID
How the different layouts map across

FITS ALL SIZES AND DEVICES
Ensure your sites work seamlessly on any page layout, screen size and to work great on
mobile phones.
Responsive experiences
seamlessly scale across
devices to better
display your content on
a range of different
screen sizes
http://bit.ly/docspresponsivedesign

“Our brand will only ever be the
memory of the experience our
people had when interacting with us”
Steve Sammartino
Experience is branding.

DESIGN IN YOUR ORG
Q&A

DESIGNS IMPACT
Teams that are investing in design are improving in many ways
Employee Engagement Market Position Business Profitability

LEVEL 1 - PRODUCERS
focused on the most visible aspects of design - pixels on the screen; product usability
wireframes Design comps Interactive prototypes

LEVEL 2 - CONNECTORS
Design teams at these organizations have developed more collaborative processes, like joint
working sessions and integrated tooling with non-design peers; customer satisfaction
Workshops Rapid Sketching
with Stakeholders
Integrations between designer
and developer tools

LEVEL 3 - ARCHITECTS
These companies have moved beyond basic participatory design processes and have shared
ownership, role clarity, joint accountability with key partners, and more documentation of
their now more substantial design practices; revenue
Daily standups Planning and prioritization Design briefs

LEVEL 4 - SCIENCISTS
Organizations at this level are masters of data-driven design with sophisticated practices for
analytics, user research, and monitoring and measuring the success of specific efforts; metric
driven
Concept Testing A/B Tests Analytics Data

LEVEL 5 - VISIONARIES
These companies are robust in all the dimensions of maturity, but what really separates
them from the others is design’s involvement in strategy; share price
Trendspotting and foresight Product market fit tests Cross-platform Strategies

DESIGN TEAMS
For those embrace design teams benefit from designs teams
Level 4
More adoption of design
Moreadoptionfromdesign
41%
21%
21%
5%
12%
Level 1
Level 2
Level 3
Level 5

“An investment in
UX is an investment
in your employees.”
Increases User Adoption
Improves Productivity
Drives User Behavior
Delights End Users
Reinforces Brand
Empowers Employees
Experience is adoption.

CUSTOMIZE, BUILD OR BUY?
There are limitations with each approach, so choose wisely

CHANGE THE LOOK OF SHAREPOINT
• You can quickly and easily customize the look of your SharePoint site to reflect
your professional style and brand.

OOTB
70% of corporate intranets are developed on the Microsoft SharePoint platform

Create experiences in minutes by giving power back to your users

Feature package with multilingual support and dedicated mobile app

STARTER KIT
This is a solution designed for SharePoint Online to inspire you for your own customizations.
https://github.com/SharePoint/sp-starter-kit
OBJECTIVES
Automated provisioning of simple demo content within a
communication site
Automated provisioning of the whole solution to any
tenant within minutes
Automated configuration of Site Scripts and Site Designs
at the tenant level using the PnP Remote Provisioning
engine
Implementation of different customizations for SharePoint
Online
Usage of Office UI Fabric and reusable PnP SPFx controls
within the customizations

CUSTOMIZATION OR CONFIGURATION?
Be aware of the limitations to what you can customize and what you can configure
CONFIGURE
CONFIGURE / CUSTOMIZE
CONFIGURE
CONFIGURE / CUSTOMIZE
CONFIGURE / CUSTOMIZE CONFIGURE

SHAREPOINT MODERNIZATION SCANNER
Using this scanner you can prepare your classic sites for modernization
Transform classic
pages to modern
client-side pages
http://bit.ly/githubspmodernizationtool

Give you guidance and recommendations to successfully plan and
implement an Office 365 Intranet http://office365intranets.com
DOWNLOAD INTRANETS WITH
OFFICE 365 WHITEPAPER!

My twitter handle is @kkhipple and I work at
Thank You!
Organizers, Sponsors and You for making this possible.
50+ SharePoint Presentations @ Slideshare.Net/kkhipple
When to Use What Whitepaper @ WhentoUseWhat.com
Intranets w/ Office 365 Whitepaper @ Office365Intranets.com
External Sharing w/ Office 365 Whitepaper @ Office365Extranets.com
and more!
Message Me On LinkedIn or Email Kanwal@Khipple.com
SPEAKER | AUTHOR | SUPER GOOD LOOKING

Workshop: Designing Experiences in Office 365 #spc19

More Related Content

What's hot

Similar to Workshop: Designing Experiences in Office 365 #spc19

More from Kanwal Khipple

Recently uploaded

Workshop: Designing Experiences in Office 365 #spc19

Editor's Notes