Mike Doyle - Intranet Design - Hawaii SharePoint User Group
Download
Report
Transcript Mike Doyle - Intranet Design - Hawaii SharePoint User Group
SharePoint Friday Honolulu
INTRANET DESIGN
By Michael Doyle
MICHAEL DOYLE
SharePoint Architect
Worked for EPA, Intel, Propoint, HCA,
Deloitte, US Navy, CA State Lottery, Air
Resources Board, Waggener Edstrom,
etc.
Website: www.SharePointNinja.com
Twitter: @sharepointninja
Email: [email protected]
Other Books
SharePoint 2010 Inside Out
Tale of Two Stones
Exam Ref: 70-332
Customizing My Site (2010)
Define
the business solution without
consideration of the technology
Remove
the word SharePoint from your
discussions
Become
technology agnostic
WHAT IS AN INTRANET?
EXAMPLE
EXAMPLE 2
Office
365
SharePoint
Enterprise Edition
SharePoint
Standard Edition
SharePoint
Foundation
WHAT PLATFORM DO I USE?
No
control over search crawls
No
server side code
No
access to database
Additionally
branding concerns
Issues
of slowness
Have
to go to Microsoft with any server
issues
OFFICE 365 CONCERNS
A
whole lot cheaper
Can
bundle with other Office 365
products
No
server maintenance
Much
lower skill requirements
OFFICE 365 BENEFITS
CHOOSING A LAYOUT
PARADIGM
To be or
not to be!
Fixed
Width
Fixed width allows
much greater
control on how the
content is
displayed but is
much harder to
design initially.
FIXED WIDTH SAMPLES
For 2010
http://fixedwidthsp10.codeplex.com
For 2013
http://www.n8d.at/blog/wpcontent/uploads/2013/09/FixedWidthMasterPage.zip
Much easier to start with an example than from scratch.
•
Mockups save time and money in the long run
•
Enable end users and management to get a feel for
the end product
•
Start with at least three
•
Take input from lots of people but leave decision
making on final to just a few
MOCKUPS
1
1
BROWSERS
Lots of issues with IE 11! But most have been resolved with
updated
DEVICES
Tablets
PCs and
Macs
Smart Phones
BRANDING
A
little goes a long way
The
last twenty percent will take
much, much longer than you expect
Try
themes (2010) or Design Manager
(2013) to get you started
Do
not underestimate the power of
pretty!
DESIGN MANGER
INTRANET ON THE CHEAP
Using
the Standard version (or
even the free version)
Going
with the Team site template
Cleaning
Client
up the landing page
Side Scripting
USING CSS TO KEEP YOUR SITE CLEAN
Makes
Saves
calls
your site less cluttered
time and money on help desk
Shortens
Allows
user
the learning curve
phased rollout of features to end
GETTING RID OF CHECK BOXES
Use
some CSS to get rid of the check boxes via a
content editor web part or the master page.
<style>
.s4-itm-cbx{DISPLAY: none}
</style>
Or
on individual lists by editing the web part and
unchecking “allow individual item checkboxes” in the
tabular view section.
REMOVE HEADERS
<style>
.ms-viewheadertr {
DISPLAY: none
}
</style>
<style>
.s4-specialNavLinkList {
display:none;
}
</style>
REMOVE RECYCLE BIN AND
VIEW ALL SITE CONTENT
TURNING OFF SOCIAL FEATURES IN SHAREPOINT 2013
Farm level Social Feature
Social Features Turned On
Social Features Turned Off
<style>
.ms-core-suiteLink{display:none
!important;}
.ms-siteactions-root{display:none
!important;}
</style>
USING CSS TO HIDE SOCIAL FEATURES
<style>
.ms-core-navigation { DISPLAY: none }
#contentBox { margin-left: 0px }
</style>
<script>
_spBodyOnLoadFunctionNames.push("HideBrandingsuite");
function HideBrandingsuite()
{
document.getElementById('suiteBarLeft').style.visibility = 'hidden';
document.getElementById('suiteBarRight').style.visibility = 'hidden';
document.getElementById('s4-ribbonrow').style.visibility = 'hidden';}
</script>
HIDE THE CHROME IN O365
CHROME REMOVED EXAMPLE
TURNING OFF SHAREPOINT DESIGNER
• At the Site Collection
Level (can be done at the
web application level
too)
• Must be site collection
admin to change settings
EMAIL LINK IN SHAREPOINT 2013
Format as
a number.
FEATURE STORIES
Keep it Fresh. Keep it Interesting.
PERSONALIZE CONTENT
• Links to commonly
used items such as
Timesheets and
Paychecks
• Personalized
information such
as vacation
available
• Picture links to
person’s My Site
•
•
•
ONE click is still the goal
for important items.
Popular items (my sites,
search, tagging) need
to be easy to get to
and in familiar places
Easy access to the
home page from
anywhere on
the intranet
CONSISTENT NAVIGATION ISSUES
Each
Site Collection has its own navigation
Can
use custom providers such as XML Files,
Web Services, or Databases
SharePoint
interface to manage navigation is
easy to use but limited (per site collection
and two levels)
Writing
your own is pretty straight forward with
lots of examples online
SECURITY GUIDELINES
Security
Groups in SharePoint Groups
Minimize
the number of groups
Security
is a means to an end. Don’t
over do it.
Third
party products can definitely
help to manage security.
SEARCH INTEGRATION
Except
for rare cases,
search should be part of
every page.
All
encompassing search
at top, specific search in
main content area.
Extend
search to other
parts of network and use
facets to refine
SEARCH BOX EXAMPLES
BEST BETS/PROMOTED RESULTS
Use promoted Results in SharePoint 2013
OFFICE WEB APPS
•
Provides thumbnails
•
On SP2010 and SP2013
•
Allows multiple users to edit file at the same
time
•
Office Web Apps for SharePoint 2013 requires
a separate server
MONITOR YOUR SEARCH
-
Monitor crawl times
-
Tag, tag, tag
-
Delete unwanted content (weed it
out)
-
Adjust results based on what people
are searching on. (Search Service
Application: Search Administration > Web Analytics Reports
MANAGED METADATA
Open vs Closed
Some is better than none
Pick a central hub location and
consume the metadata from other
locations
Managing metadata requires
resources
Greatly increases find ability
MANAGING METADATA
Limited
number of
items that can be
seen
Hard
to navigate
Use
CSV files to
maintain large
amounts of data
Same
2013
in 2010 as in
INFOPATH FORMS
Best
bang for the buck of any service
InfoPath
money
Client
Web forms saves time and
not required
Worth
the cost of the Enterprise
edition
Don’t
program if you don’t have to
InfoPath is supported until 2023
MY SITE CUSTOMIZATION
Lots
of work
Politically charged
Powerful momentum from social
networking
Less is definitely more
2010, 2013 and even O365 are all vastly
different in their look and feel
MY SITE EXAMPLE
PROFILE REPLICATION
US
Asia
Europe
REPLICATION INFORMATION
Part of SharePoint Administration kit
Overview at
http://technet.microsoft.com/enus/library/cc663011.aspx
PowerShell interface
Remember the DoSocialReplication
option
Based on audiences and trusted My
Sites
CONSUMING THE USER PROFILE SERVICE
Can be a little tricky to set up
Issues with creating My Site
Hosts
Connect to Metadata service as
well
Not recommended in SharePoint
2013 due to bandwidth
concerns
Size
should be guided by disaster
recovery guidelines
General rule of thumb is still below 200
gig
New technology can make content
databases in the terabyte size
BLOB storage. Really make sure you can
recover these files.
CONTENT DATABASES
LANGUAGE PACKS
For
SharePoint 2010
Download
at
http://www.microsoft.com/download/en/deta
ils.aspx?displaylang=en&id=3411
Service
Pack 1
http://www.microsoft.com/download/en/deta
ils.aspx?displaylang=en&id=26629
For
SharePoint 2013
Download
at http://www.microsoft.com/enus/download/details.aspx?id=35492
SIMPLIFIED CHINESE EXAMPLE
Questions
4
9
WITH SPECIAL THANKS TO OUR SPONSORS:
Mahalo!