Skip to main content

Posts

Presenting at SharePoint 24 Hour Conference!

Great news! On April 17th 2014 @ 10am EST (2pm GMT) I will be presenting at the FREE SP24 SharePoint Conference . My session topic is: SharePoint 2013 Creating the Ultimate User Experience Here is a 1 min overview of my session! In this session I will walk you through best practices and tips and tricks for defining, designing and building a SharePoint 2013 UX project. These activities include: Identifying what users want (Requirements). Taking those needs/wants and creating the experience with Axure interactive wireframes. Using current trends such as flat design to create mockups in Photoshop for a slick modern UI that is tailored to your business. And finally reviewing design concepts for both desktop and mobile through Responsive / Adaptive web design. My Co-worker David Lozzi also has a session talking about taking SharePoint Public. His 1 min video: https://www.youtube.com/watch?v=htClwprrW-E I hope to see you all at my session!

SharePoint Conference 2014 User Experience

My journey in and around the Microsoft SharePoint 2014 Conference in Las Vegas this year has many high’s and lows. The lows of course are all the times that the casinos took my money but we just wont go there… Here is a little user journey for you on my path to and from the conference. I have been to this conference before and had a really good experience both times. I learned a lot and had a good time doing it. This year was a little different… I was one of the lucky ones that knew on the day that registration opened that I was able to go fully funded by my company Slalom Consulting (More about how awesome they are later in this post…) When I looked at the sessions I was really surprised at the lack of User Experience sessions that were offered. The previous conference was pretty much loaded with UX sessions since the design manager was new and the buzz was all around the new branding look and feel. So I started building MySPC calendar and noticed a trend that I was adding a l...

Attending SharePoint Conference 2014 Las Vegas!

I will be Connecting, Reimagining, and Transforming myself at the SharePoint Conference 2014 in Las Vegas! I will be at all the usual social events so hit me up on Twitter to meet up and share a beer and talk about User Experience, Branding, or whatever. @ErikJSwenson https://twitter.com/ErikJSwenson If you are following the SPC14 Yammer Network you can also find me there as well. See you at the party!

SharePoint 2013 Responsive Table Columns

I have been wanting to write this one for a while now. It is really amazing how UX is really finding is way into everything that we use and interact with. From Custom applications both mobile and on a desktop to document management or large data visualizations. There is always room for better usability and new concepts. SharePoint lists and library functionality really has not changed much for the past 10 years... I remember back in 2003 when I saw the same table/grid based views of documents and list items that exists in SharePoint 2013. But now we can look at them in a whole new way! In this video blog you will see how to create a responsive CSS table so that when the browser size is reduced it will hide specific columns. However hiding data is not always the right thing to do. What if a user needed those columns to filter on or to use for comparison to another document? Well that is where the custom jQuery Column chooser comes in. It allows you to see what columns are displ...

SharePoint 2013 Consistent Site Title & Description

With the new year a lot of people are finally making the move to SharePoint 2013. They have either never used SharePoint before and are getting a brand new experience or they have ridden the waves of 2007 and 2010 and are taking the steps to upgrading to 2013. With all the new great features of SharePoint 2013 I am still scratching my head on why the product team removed some basic features such as a consistent breadcrumb, site title, and description. In the video below I describe how to add back in the SharePoint site title and Description and ways that you can transform your 2013 site to a more constant experience that you had in pervious versions of SharePoint. Below are the code snippets that you will need to do this on your own. Site Title: <span class="custom-sitetitle"><SharePoint:ProjectProperty Property="Title" runat="server"/></span> Site Description: <div class="custom-sitedescription"><Sha...

Responsive Design for SharePoint 2013

I have been wanting to write about this topic for quite some time. In this post I will review what all this buzz is about around Responsive design and relate it back to SharePoint 2013. In this post I will not be focusing on any of the Twitter bootstrap or HTML5 boilerplate stuff. I will simply be focusing on CSS3 Media Queries and how it relates to SharePoint 2013. In the video below I have put together some discussion points around min-width vs. max-width and also different ways that you can make SharePoint 2013 responsive with just CSS. Per the video above here is the code that I referenced: Simple Responsive CSS Custom Responsive CSS Overall I wish there were more standards on how and when to use these media queries. I will be looking forward to your comments and suggestions for more topics. Thanks!

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;}...