B i t s O f S h a r e P o i n t C o n s u l t i n g L L C > B l o g P o i n t > Posts > SharePoint Themes – More than Pretty Colors – Information Architecture
SharePoint Themes – More than Pretty Colors – Information Architecture

This was first posted at EndUserSharePoint.com: http://www.endusersharepoint.com/2010/04/12/sharepoint-themes-–-more-than-pretty-colors-–-information-architecture/

There are many issues to deal with when creating the Information Architecture for a SharePoint site.  One of those challenges is making sure that users understand where they are within the SharePoint deployment.  As humans we rely on our senses to help us orient where we are.  One of those five senses is sight/visual cues.  Visual cues can be a critical aspect of how we identify where we are or what to do.  So let’s explore how we can use visual cues to help identify what type of site a user is on in SharePoint.

Within visual cues, color, is a powerful medium.  Today we use color in many ways.  For example stop lights use of color is second nature, and we all know what GREEN, YELLOW and RED mean.  We use color for fire and police.  We use color for sport teams.  Color is used a lot to help distinguish groups, actions or purpose.

Something that SharePoint provides out of the box is themes.  You get 18 different themes, color schemes, available to use right away.  Most implementations use themes to provide a different color then the standard blue for their whole deployment.  But we are going to use Themes in a whole different way.

Before we get into using themes we must setup the scenario of the SharePoint implementation we are talking about.  So, we are working with ABC Company that has a decided they need to share trusted and published information to all employees, they need areas for their departments to collaborate and they need an area where they can have projects that utilize cross functional teams.  So we have 3 major areas for this site.  We have the following:

  1. Intranet
  2. Work Groups
  3. Projects

Below is a high level diagram showing the SharePoint Information Architecture.  image


Now that we have SharePoint implementation with structure let’s begin to talk about how themes can help users relate and identify where they are in this implementation.  Let’s get back to the example with the stop light. Color helps tremendously with knowing if you can go, need to slow down or stop.  When you look at a stop light you do not think if the color is on top, middle or bottom and have not memorized that a location of the light means something.  Image if color was taken out of stop light.  Difficult to know which light means what.  Does the top light mean stop or go?


image image image



So let’s translate this into a SharePoint implementation.  Most SharePoint implementations do not follow the way we implemented a stop light,  they give the same theme (color) to each major group of sites.  It all begins to look the same and users get lost as to where they are and what the content is used for. 

Below is my example of the standard implementation of SharePoint today and the classic stop light without color. When you look at each one of these three sites they all look the same.  If you look closer, you will see that one says Intranet, another Department A, and the third Projects.  All of these have very different uses, the content is different and who can access is different.  But they do not look different at all, so to a user they must be the same.




Now take look at the version below where we have applied themes to each of the three major groups.  Intranet gets a blue theme, Projects gets a red theme, and Departments gets a green theme.




Now users will begin to understand the different areas of their SharePoint deployment and understand when they are in the Intranet, in a project site or in their department area.  You will be amazed at how users will be able to find information easier when they know where they are.  They will search in the right areas and understand that they are in the wrong area to even look for the content they need. 

One thing to avoid is too much use of color. If themes not only get applied to groups, but also different themes are used within the groups it can become very confusing and get you right back to the problems you had with a single theme. 

Again this is part of your Information Architecture and governance.  Using themes to identify the group that a user is in will improve usability, help the user to association the type of information to be found to color, how to use that information, and better understanding how their SharePoint implementation is designed.

Using themes is something that can be done out of the box and is as simple as defining what theme will be applied to what groups.

Hope this helps and enjoy.



There are no comments yet for this post.
Items on this list require content approval. Your submission will not appear in public views until approved by someone with proper rights. More information on content approval.


Body *

Addition: 2 + 1 = *

Please complete this equation.


This is optional.

 T o p i c P o i n t

 E x a m p l e P o i n t