Skip to main content

SP24: Creating the Ultimate User Experience

My SP24 Session has come and gone but can be viewed at any time on-demand either at the SP24 site HERE which allows you to add in comments and download the supporting PowerPoint presentation and SharePoint 2013 Axure base interactive wireframes. However you will need to register to sign in. Or you can view my session below from YouTube!

My Session Intro:

Full 1 hour Session:

I hope you enjoy my session! If you do not want to register through the SP24 site I have uploaded the Presentation and the Axure file to my OneDrive account.

funprofilepicErik Swenson
UX Solutions Principal
Slalom Consulting
Twitter:
ErikJSwenson
LinkedIn: Erik Swenson
Session Hashtag: #SP24S005

Leave a comment on what you think about my presentation and any topics around User Experience!

Comments

steve sebastian said…
CMS services are important for all web design and development companies.Because it have all development platform and tutorials like Joomla,Wordpress,Magento, Drupal,PHP.
Web Design Companies Bangalore | Responsive Web Design Companies
Sqiar BI said…
It's actually a cool and useful piece of info. I am glad that you simply shared this useful info with us. Please keep us up to date like this. Thanks for sharing, You can also check out this http://www.sqiar.com/services
Bangalore RWD said…
I go throughout your profile and finally knew the principle of Branding and Information Architecture. I really glad to getting your blog and information.
Web Designing Company | Web Design Company
Shruti s said…
Thanks for sharing such informative post keep updating.
Snap on our tags to know more about us.
Web Design company in Hubli | web designing in Hubli | SEO company in Hubli
susmita rai said…
Thanks for the information. Helped us to convince most on how this process works and what they could achieve by following these guidelines

Bangalore Web Designing Company, Web Development Company Bangalore
Yasir Jamal said…
I wanted to thank you for this great read!! I definitely enjoyed every little bit of it
Yasir Jamal

Popular posts from this blog

How To: Hide Left Side Navigation on Home Page

I was recently asked: "How can I hide the side nav bar on the main homepage layout ?? I want to be able to use the side NAV with in the team site etc etc, but I don't want it on the front page.. " There are a couple of ways to do this in SharePoint 2010. If you are using a non-publishing site you can add a Content Editor Web Part to the page and add the following to the HTML Source.
<Style>
body #s4-leftpanel
{
display: none;
}
.s4-ca
{
margin-left: 0px;
}
</style>
Basically the CSS above hides the left navigation Div, and then sets the content area to not have a left margin. Once you are done, simply modify the web part and hide it on the page. If you are using a publishing site for your homepage simply add the same styles specified above to a custom page layout. That way if you have a need for other pages that do not need the left side navigation you can re-use the page layout.

SharePoint 2010 Base CSS Classes

This will be the first of many SharePoint 2010 posts. I will be focusing on a few of the main CSS classes used for SharePoint 2010 Public Beta. As the product becomes more final there might be some changes to the class names but I will be sure to create a new post if that happens. This will be quite a lengthy but it should be helpful. The default CSS given below are just highlights of the full CSS attributes for that class.I will be using a basic team site as my base for the screenshots. Here is a basic structure of the main areas that I will cover.Ribbon RowTable Row Left Site Actions Navigate Up Edit Tab List Browse Page Table Row Right Give Feedback Welcome Menu WorkspaceBody Container Title Row Title Title Logo Title Text / BreadcrumbPage DescriptionSocial Data SeparatorI like It Tags/Notes Top Header 2/Top Links li Static-Selected li Static SearchHelpStatus Bar Container Main A…

Small Calendar for SharePoint 2010 & 2013

First off I would like to apologize for the lack of posts. I have been really busy with my new role as the UX Design lead within Slalom Consulting Boston. I will share more about that in another post. In a previous post Create Really Small Calendar I showcased how to do this for SharePoint 2007. However the 2010 and 2013 calendar views have changed and therefore we cannot use the same method or CSS as 2007.SharePoint 2010 Small Calendar:
SharePoint 2013 Small Calendar:
See video below for a video walk through on how to create a small calendar for SharePoint 2010 and & SharePoint 2013 with just CSS.Per the video above here is the code that I referenced:2010 CSS link reference in Master Page:
<SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/smallcalendar.css %>" After="corev4.css" runat="server"/>2010 CSS:
/**** Small Calendar ***/
.ms-acal-item{height: 10px !important;}
.ms-acal-sdiv,
.ms-acal-mdiv,
.ms-…