Topic: SharePoint

SharePoint UX Design — Part Two: Creative Design

This is the second video in a multi-part series in which designer Kyle Schaeffer demonstrates the entire SharePoint user experience design process from beginning to end. In this video, Kyle builds upon the previously completed website wireframes to create fully detailed desktop and mobile design compositions depicting the SharePoint home page. Continue reading…

SharePoint UX Design – Part One: Wireframes

This is the first of several posts in a video series detailing the SharePoint user experience design process from beginning to end. Designer Kyle Schaeffer begins the creative process with quickly drafted wireframes crafted in our very own QuirkTools Wires. Continue reading…

Creative Design for SharePoint

Crafting an interface for an electronic medium like the web browser is no easy task. The canvas of the web appears in so many mediums, on so many devices and in so many forms that visualizing the outcome of your work is a tall order, to say the least. Now, consider doing this for a platform like SharePoint. Microsoft offers a plethora of templates and functionality within the confines of its flagship platform. We have blogs, wikis, sites, pages, calendars, lists, libraries, and web parts, oh my. There are also limitations in SharePoint. There are things that are easy and infinitely flexible. There are things that are surprisingly rigid and difficult to customize. Recognizing the difference between the easy, the hard, the possible, and the impossible can be challenging. Quickly, the creative process becomes a minefield of things you can, can’t, should, or shouldn’t do. This is a challenge that everyone faces when introducing themselves to this platform. It is something that we overcome, that we learn over time. We teach ourselves to overcome some obstacles, and to avoid others. We learn the intricacies of SharePoint; we hit roadblocks, discover caveats, and we explore new features that unlock new abilities. Continue reading…

Creating New SharePoint Interfaces Using REST

Recently, a friend and colleague, much more savvy in the art of code than I, showed me how to do something that opened a door. I knew it was there, I was aware of the capabilities, but I never really understood the power of REST services until now. Very simply, SharePoint’s REST web services allow you to get SharePoint data from a number of data end-points like lists, libraries, navigation, or the search service. This may seem exceedingly obvious to any SharePoint developer, but for UX guys like me who are more focused on the interface and design, it’s new ground. Continue reading…

SP Blueprint

In my previous post, Minifying SharePoint 2013, I talked about the idea of minifying SharePoint’s CSS files in order to achieve better performance and better style cascading in CSS. Truly, this was the direct result of my work on a starter master page template I had been working on for SharePoint 2013, which is now available on CodePlex. Continue reading…

Minifying SharePoint 2013

The SharePoint interface is huge. Really quite huge. When I first laid eyes upon Microsoft’s latest rendition in the SharePoint legacy, I immediately turned my attention to the man behind the curtain. I delved into the interface and started looking at the goings-on behind the scenes. My first stop? corev15.css. This is a file that I have known well in previous versions of the product. To my initial delight, the interface in SharePoint 2013 seemed so simple, so elegant and clean. Surely, the CSS files that support this interface would reflect that, right? Continue reading…

SharePoint 2013 Web Part Tool Pane

This is going to be a short one. The “tool pane” in SharePoint 2013 has been causing me some headaches. In this version of SharePoint, the tool pane often appears inside your site’s design layout, instead of off to the side of the entire document. In a fixed-width layout, this definitely causes some issues due to a lack of space for web part zones, sidebars, and other content to fit into the space that is available. Continue reading…

Public SharePoint Websites

I had the pleasure of doing a great workshop with Paul Swider yesterday at SPTechCon. In this end-to-end workshop, we discussed strategy, processes, and implementation techniques for building a public-facing SharePoint publishing site. Paul had some great insight on architecture and strategy, while I detailed the journey from idea to Photoshop to SharePoint, with a few tips and tricks along the way. The end result was a fictitious digital bakery, built on the able shoulders of SharePoint 2010. Continue reading…

Design Patterns in SharePoint

Last week, I was happy to present at SusQtech’s “30 on Thursdays” weekly webinar event.  This is a great series of free webinars from some talented speakers, and the succinct format is a great opportunity to learn something new without a huge investment of your time. Continue reading…