Some SharePoint Designer videos

July 24, 2008 - 09:48, by Hans Blaauw

0 Comments


Mockups vs the real thing

July 23, 2008 - 13:04, by Hans Blaauw

As long as I can remember I have always been looking for a tool to quickly visualize what I think. Mostly because of the screen mockups that people needed to get the idea. Nowadays I rather just build the interface in SharePoint directly because basically that is what they get when it is finished. No complicated interaction designs on paper (where is the interaction, never understood that) because what you see is what you get in SharePoint. Or, what you want is what you don't get :-) What I mean is that SharePoint out of the box has an interaction interface. The way how you upload documents or add items is determined by Microsoft and that is how we should use it. Yes I know that sounds bad but even web 2.0 apps. all have their own interfaces and some are good and some are bad. So don't bother to create stunning interaction designs just on paper because it does not make much sense except in the situation that you want a public facing site with a completely different interface. But in that situation, pick a good tool!

When talking about mockups vs the real thing there are a few things to keep in mind:

  • The real thing needs expectation management, people tend to think a solution is finished when they see a operational SharePoint demo;
  • Mockups aren't really interactive when done on paper;
  • You need to have some drawing skills to do it on paper, not every designer is an artist;
  • Paper is sometimes faster because everyone can do basic drawing (we learn it on school when younger);
  • On paper you cannot run simulations or do mouse clicks to go to another screen;
  • Some people have a terrible handwriting (like me).

I prefer digital tools to do mockups and my favorites are listed below.

Create a mockup

Just very recently I discovered two very good tools to do mockups or even simulations:

  • Serena Prototype Composer;
  • Balsamiq mockups.

Serena Prototype Composer

For me this is the tool to use because it features process design, activity design and many more options you need. It even has version control and I have managed to hook it up to a SharePoint document library so that I can store projects directly on a collaboration site. Other people that have the desktop designer can open the project and see what I have done.

image

The simulation and demonstration part is great and you can build advanced demos that you can show on screen. Besides that it can create documentation in Word.

The Serena tool is very handy because you can capture the screens that you created in SharePoint, by using point and click, and use them in the composer as interface models.

Balsamiq mockups

What I like about this tool is that it uses hand drawn interface components but it lacks other important things like simulation.

Pick your favorite :-)

1 Comments


My new role as SharePoint Solution Designer

July 22, 2008 - 13:29, by Hans Blaauw

Part 1:

For almost 10 years I have always called myself a Functional Designer but because of my SharePoint specialisation it is time to change this role name to a more suitable one, I present you "SharePoint Solution Designer".

Below I will explain the fine details of this role.

SharePoint Solution Designer - SSD in short

In current and past projects I noticed that several companies skip one step when hiring people, they start with developers and forget to add people that safeguard the overall design. Potentially that can end in disaster. Developers are great and creative people (see our team) but sometimes they tend to focus on a few issues only. In a project it is important that the broader scope is guarded and that the first vision of what the product should do remains intact. You know how it works, problems distract people from the original goal and you could end up in a lost focus situation.

A SSD is a diehard SharePoint specialist with multiple years of experience with end users and the business. In most cases he is the trusted man for a SharePoint project leader (together with an architect) and he supports the project with all SharePoint related solution issues. That said, he is also the main designer of the SharePoint solution. In some ways he is a traditional functional designer but because of SharePoint he designs a lot in realtime (does not mean that he doesn't document).

Skill set

A SSD has the following skills:

  • SharePoint front end specialist (not a Central Administration specialist);
  • Focus on what the users need;
  • SharePoint designer (webservices and DataView webpart);
  • Integration specialist;
  • Good verbal communication;
  • Sense for business;
  • Strong personality and a product vision guard;
  • Management capabilities;
  • Knowledge of features and solutions.

So how does this SSD approach a project?

First of all he needs to setup communication lines with the business, sponsors and project leader. Communication is essential because an SSD needs to grasp what people want and how they want it. During the conversations the SSD will try to collect as much user stories as possible to get a good understanding of the requested functionality. Later on these requests will be translated to real SharePoint solutions (out of the box or developed). Based on all this information he will build a very compact but clear document that transforms the user requests into a readable story. This document will be used as a starting point for the project. With this document the SSD and the project leader can make an estimate for time and budget. In this phase he also starts talking to an architect to see if the architecture limits proposed functionality.

My normal approach is to split up functionality into two blocks:

  • out-of-the-box
  • custom made

This is really important because for custom made you need real developers. Out of the box can be done by either the SSD (only a prototype) or junior developers.

Out of the box

The next step depends on the company and how they work. In some cases you need to build a complete functional design document but I prefer a POC in a real (test) SharePoint environment. Again, documentation is still needed. The SSD could start building a POC but in bigger projects he probably hands it over to another SSD or junior developer. The prototype is mainly used to showcase the discussed functionality. Be aware, because SharePoint is a fast point and click environment users tend to think that a solution is already finished, make sure you communicate this! The prototype will not contain any special made webparts in the first phase. In many organisations a prototype releases more budget because people get enthusiastic about what they see.

After the presentation of the POC it is really time to sit down and to process the feedback.

Custom made

Because SharePoint uses webparts (smallest building blocks) it is already possible to start building the basic foundation for all webparts. Things like:

  • logo for the site- and site collection feature list;
  • namespace and naming conventions;
  • configuration;
  • installer;
  • source control.

In the earlier mentioned document the SSD has defined the custom made components (probably webparts). These need to be defined in either a technical design or a more detailed functional design. A good developer can build based on a very detailed functional design. We want a developer to use his own brains too, don't we?

Documentation

There is a simple reason why I build a POC first, it has to do with the screen mockups. A real SharePoint environment is really the fastest way to build the needed mockups. But, right after that the documentation and process and activity design should start. A process is how information flows and a activity is one part of a process. Nowadays I use a tool called Serena Prototype Composer.

clip_image001[8]

clip_image001[10]

As a SSD I build all the diagrams and documentation for the whole solution.

Managing development

While there should be a lead developer in all projects a SSD can help out with managing the developers. They need to be managed because they sometimes tend to add non-requested features (creative blokes) or lose focus. A SSD keeps an eye on the overall progress and requested features.

 

to be continued...

0 Comments


SharePoint boolean search

July 11, 2008 - 14:14, by Hans Blaauw

For a customer I was looking into custom search results and I really was not aware of how to do it, yeah yeah...

So below you see a custom search result and in the search box some stuff to search for. The Microsoft site says:

  • The search service interprets the space between terms that use different properties as an AND. For example, if you look for firstname:Ben lastname:"Smith", your search will return results for "Ben Smith," and for any other name that begins with "Ben", for example "Benjamin".
  • The search service interprets the space between terms that use the same property as an OR. For example, if the author property is available for content searches, and you search for author:"Ben Smith" author:"David Jones", the search results will show any item created by either person.
  • To exclude people from your search results, place a minus sign (-) before the name of an identifying property. For example, appending -firstname:"Ben" to your query excludes anyone with the first name "Ben" from your search results.
  • boolean

    The biggest problem of course is that end users will have difficulties with that so it is probably best to build a special searchbox that makes it easier. Will investigate to see if someone has done it before.

    0 Comments


    Customizing SharePoint people search the easy way

    July 8, 2008 - 20:26, by Hans Blaauw

    I hate digging through XLS stuff and customizing the search looked like a pain to me. But thanks to this guy's post I can customize fast and with a high quality. A bloody shame that the penny didn't drop before to use SP Designer for this. His presentation started me thinking and I just did some customizations, see below screenshot. This is all done by just replacing the XLS stylesheet.

    image

    Read his presentation but make sure you do this first:

    • create two Enterprise Search Centers (tabbed).

    Use one Search Center to get the raw code and use the other Search center to test your XLS.

    Some ideas I have are:

    • linking a profile Longitude and Latitude field to a Google Static map;
    • Skype call and chat button;
    • Conditional formatting;
    • Add a Youtube profile video.

    This is great stuff!

    0 Comments


    Using Google Charts in SharePoint

    July 6, 2008 - 10:50, by Hans Blaauw

    In SharePoint you have some possibilities to use KPI's but I'm not really blown away by how you can display this data. The Google Chart API can help out. In below screenshot you can see how I used it on a simple list:

    image

    image

    There is a Gauge in a DataView webpart to show a value. Before you can use the webpart I provided you have to change a few things in the webpart XML. Open the .webpart file and search for:

    DefaultValue="KPIData" Name="ListName"

    Change KPIData to the name of your list and do that in the whole file and save it. Next add a column to your list called Value and use the type Number. Now you are ready to upload the the .webpart to your gallery.

    You can now place the webpart on your site/page and you will see that the gauge takes the value of the Value field.

    Note: Of course your site also needs an internet connection to use the Google Chart API.

    2 Comments


    SharePoint content deployment and far beyond that with RepliWeb Operational Synchronization

    July 3, 2008 - 12:50, by Hans Blaauw

    I have had the honor this morning to watch a demo of ROSS (see title for explanation) and my first response is WOW. It is truly replication for sites and smaller pieces of content and I have never seen it before. Every organization that has a content/solutions deployment problem in a DTAP environment should investigate this product. Click here for the features.

    SharePoint Replication

    Coming months we will investigate this product further and we will try to get customers involved in a early adopter program.

    0 Comments


    SharePoint usability

    July 2, 2008 - 21:43, by Hans Blaauw

    Last week I attended a small party in Amsterdam to meet freelancers and a bunch of very good designers. It was a nice party but a few people from the design business started a discussion with me why the SharePoint interface is so bloody difficult to use. Let's be clear, they did not mean ugly just difficult to use.

    This is not the first time I hear this and I must confess I don't like it too. In the projects I did, many people struggled with the SP interface. I guess that is because of the fact that they are used to Office and they expect something similar from Microsoft. Some people will say "train them" but I think that shouldn't be necessary. We don't train them for Web 2.0 stuff, do we? Overall it seems people favor the Web 2.0 apps.

    This is probably not my last post on this because it is really an issue.

    P.S. And yes there is a mill on the background :-)

    0 Comments


    Show SharePoint list fields based on certain conditions

    July 2, 2008 - 21:33, by Hans Blaauw

    Codeplex has a wealth of information and tools/features and one I like is the conditional display of fields in the new, edit and display forms. Luckily a smart guy has started developing such a feature.

    SPListDisplaySetting2.jpg

    I think the idea is awesome because sometimes you only want to present fields to certain groups or users. This feature makes that possible.

    Jump to the project and download it. I did not test it yet but I will do very soon.

    1 Comments


    Content deployment and the Content Migration API (PRIME)

    July 2, 2008 - 21:25, by Hans Blaauw

    Back in Seattle we had a good discussion on Content Deployment and the tools we have and my conclusion was we don't have very good tools. The out of the box content deployment possibilties in SharePoint central admin are fine but not for smaller pieces of content like a document library.

    Luckily Chris O'Brien was at the conference too and he wrote this wizard called the SharePoint Content Deployment Wizard. It can take smaller things like a document library and export and import it. See some screenshots below.

    I tested some scenario's and it worked realy good so I'm going to use it in a healthcare project :-) Yes, it makes me smile!

    CDW_ExportSelect.jpg

    CDW_ImportSettings.jpg

    Jump to either the codeplex page or to Chris his site.

    0 Comments


     Next >>