• Services
    • SharePoint Intranet-in-a-box
    • LMS365 for Office 365
    • Out of the box Sharepoint intranet
    • LiveTiles Reach employee app
    • SharePoint consultancy
    • Apps for Teams, SharePoint & Office 365
    • LiveTiles for Teams
    • LiveTiles Directory
    • Xoralia Policy Management for SharePoint
  • Our work
  • Screenshots
  • About
  • Blog
  • Contact us
  • Book a demo

Content Formula blog – SharePoint, intranet best practice

7 ways to delight your digital workplace users

03 Dec 2018 - by John Scott
Tweet

 

I was browsing the app store on my iPhone the other day and I came across an app called “Tornado Guard” which, apparently, alerts you when there is a tornado warning in your area.

It had an average rating of 4/5 stars based on 4 reviews.

Admittedly, there aren’t many tornadoes in South West London, but it was the first time I’d seen an app for predicting or warning about natural disasters, so I had a look.

Here are the 4 user reviews:

5 stars. “Amazing user interface design. Lots of choices for alert tones.”

5 stars. “Runs like a dream. Very fast and no crashes.”

5 stars. “I like how you can set multiple locations.”

And finally…

1 star. “Did not warn me about tornado.”

Now, obviously this highlights a problem with average ratings, but also something else:

The initial reviews are focused on something called Surface Delight. A user experience can include elements of surface delight. These are usually local, contextual and isolated components of the overall user experience. They provide a brief sensation of delight in the user. Some examples include:

Beautiful photography or graphics used in the content of the user interface

The travel website AirBnB is a great exponent of this – with large enticing photos of interesting and beautiful destinations, but also people enjoying holiday experiences.

slide8

Admittedly, this is a lot harder to do on a digital workplace, unless you have a professional photographer on your team. But there are ways to borrow some inspiration from sites like AirBnB.

slide9

For this client we created an interactive header element that made use of some really nice brand imagery, but also housed a photography competition where employees who were keen amateur photographers could submit their own photos. The only constraint was that they had to embody the brand slogan – ‘Never stop moving’.

slide10

The intranet header had a brand photo that you could interact with

slide11

Clicking the photo in the header opened up a new panel with information overlays explaining the products

slide12

Employees saw their brand relevant photography and customer stories appearing in the banner

Subtle animations that add an additional layer of visual clarity

Again these are used really well on some websites. For example, http://rollpark.us/. This site uses some really nice animations to explain how Rollpark works and the benefits. Some are key to the explanation – like the one that shows the layers of the carpark surface and explains what they are. Others are just for decoration, but add a touch of fun to the graphics. It’s all done very tastefully.
slide13

This is really much less common on intranets and it’s because it can feel really tacky and in bad taste if money is invested in animations when other aspects of the experience are left wanting. But, some subtle loading effects and transitions on carousels etc can add a premium feel without breaking the budget.

slide16

Here’s an example of a nice scrolling animation effect we implemented on a customer intranet. This was to promote a fundraising initiative that involved a sponsored walk. The key thing is that these little embellishments don’t get in the way of the user doing what they need to do – and that they don’t delay them in any way.

Well written micro-copy – potentially with appropriate touches of humour

I have noticed that MailChimp do this really well. MailChimp is an email marketing tool and they have really embraced a clean UX concept, with touches of humor. This extends to the ‘micro-copy’ – the small bits of text that appear throughout the site, such as form validation messages, signposts etc.

slide17

If you have a talented writer, then why not add thoughtful microcopy – it can really add a human touch to the digital workplace, through the use of humor and friendly non-technical language. You don’t want your digital workplace microcopy to read like it was written by developers.

slide18

These types of UI elements are a bit gimmicky, but if the underlying product is excellent, then they can be the finishing touch – the icing on the cake. However, if the underlying product is poor, they can feel tacky and incongruous.

There’s something that contributes much more to a truly delightful user experience than Surface Delight:

Deep Delight.

Unlike Surface Delight, which is pretty superficial stuff, Deep Delight is much more fundamental and holistic. It can really only be achieved when all – or the vast majority of – user needs are being met.

What do those needs look like?

You’ve probably heard of Maslow’s Hierarchy of Needs. Well there’s one for user experience too:

slide20

  • Functional – that’s the base of the pyramid. The system does something that is useful to users.
  • Reliable – When users want to use it, it’s available and it doesn’t crash etc
  • Usable – The system is easy to use
  • Pleasurable – Having fulfilled the bottom 3 foundational elements, the system does something extra to improve the user experience even further

Now the delightful experiences can come only when you are operating in that 4th layer (at least the more meaningful deep delight ones). Most digital workspaces today are operating in the usable layer. But, we should really aspire to more.

We’re going to explore some ways to achieve delightful experiences for users. Some are about surface delight, but some are about achieving that delight at a deeper more meaningful level. For inspiration, we’re going to look to an unusual place… Hollywood.

slide21

1. Do thorough user research

Can you name the TV show or Movie from this screengrab?

slide22

That’s right – Columbo! He’s an LA cop, but he doesn’t carry a gun. All he needs is a notebook.

He disarms his interviewees with his non-threatening non-judgemental demeanour. People warm to him and don’t see him as a threat. But he combines perseverance and thoroughness to really get to the bottom of what happened. He is extremely curious, he leaves no stone unturned and no pertinent question un-posed. All the while remaining extremely polite and courteous towards his interviewees. He never pushes too hard, but always comes back to ask more questions if he needs to.

And that’s how he solves the case – he learns so much about everyone involved and their motivations – as well as the events that led up to the murder. And – bam – the answer comes to him – the hole in the story of someone becomes obvious. He knows the answer.

If he turned his hand at interviewing users, he would surely be the most informed UX practitioner around. He would know everything about what users are trying to achieve, how they work, the barriers they face and so on. And this intimate knowledge is vital in setting the right course at the very beginning of the journey to a delightful user experience.

By adopting a Columbo style approach to user research, you will be in a much stronger position initially to deliver a delightful user experience. Because you will understand your users and what they truly need – perhaps better than they do themselves.

Make time to talk to a wide range of users. Don’t just ask them what they want – they often don’t really know what’s possible and feasible. Ask them about their role, who they interact with and how, processes they follow and how they access the information they need.

You can capture detail of processes in process flows or user journeys. Capturing this info, you can then look for opportunities to improve a single step in the process, or the whole process – and you’ll be able to add value.

slide24

Mapping out processes can help you to identify areas that can be easily improved

Also, having spoken to real users, you can create personas like the one below – These serve as a reminder when you are designing or building out new features – a reminder of who you audience is and what their needs and frustrations are.

slide25

2. Make new mistakes

Can you name this movie?

slide26

After the spectacular failure of his Jurassic Park experience, creator John Hammond went back to the drawing board.

When he told Dr. Ian Malcolm (Jeff Goldblum) about his plans for a second park he said “Don’t worry – we won’t make the same mistakes again”

And Dr. Malcolm responded: “No no no, you’re making all new ones”

Like John Hammond, you must avoid making the same mistakes again and again with the digital workplace. Here are a few common mistakes that we see organisations making over and over again:

 

  • Not paying attention to search. Just leaving it ‘as is’ and wondering why users hate it. There’s lots you can do with search if you configure it correctly. But, you also have to refine it over time – review the search logs and they can tell you a lot about what people are searching for and how you can improve the experience. A really simple one that often gets overlooked is promoted results or ‘best bets’. These are manually curated search results for common search phrases. You might have noticed this, but the majority of users are terrible searchers! They often enter one really generic key phrase and expect the search engine to know exactly what they are looking for. These search experiences are exactly the kind that you can improve with carefully curated promoted results.
  • Not being disciplined about governance and ongoing research and improvements. When the new digital workplace is being launched everyone has good intentions about governance and continuous improvement. But, it too often loses momentum – usually when the vision holder, the driving force behind everything, leaves the business. And the digital workplace falls in to 5 yearly cycle of ‘boom and bust’. Well, this is going to sound like a sales pitch, but you should really consider having a consultancy organise and chair your governance committee. If you find one worth their salt, they’ll be keen to keep the business and will be proactively driving things forward come rain or shine.
  • Not giving things silly names. It’s too tempting to brand everything. The policy library doesn’t need to be called “The BPK Bible”, or whatever. Just call it something that someone who walked in the business yesterday would understand. Calling things odd names creates something we call “Mystery Meat” in UX – navigation items that you’re not sure about what is in them, and you’re hesitant to try.
  • Agonising over graphics or the look and feel. Don’t get me wrong, I totally endorse having professional graphic design for any digital workplace, but the level of attention and budget it often gets – relative to the other aspects of the experience. It’s just insane. Keep it clean – leave it to the professional UX designers, try not to make it your baby.

There are many areas like this where companies fall into the same traps again and again. So, be careful not to do that.

However, unlike Jurassic Park, you shouldn’t worry about making all new mistakes. In fact, you should be prepared to make them continually, but have the right feedback mechanisms in place to learn and correct them quickly. This often doesn’t involve scrapping an idea or part of a system, but simply shaping it in a slightly different direction. The result of doing this continually will be an evolution towards something better than what came before. And users will see continuous progress. They won’t assume it will never work well, or they’ll have to wait for some upgrade in 5 years time.

As Thomas Edison once said “I have not failed. I have just found 10,000 ways that won’t work.”

3.    Personalisation

slide31

Truman Burbank was the unsuspecting star of his own TV show. From the day he was born, his whole world was designed around him, and full of actors. But, at eventually he began to notice that something wasn’t quite right – that people always seemed to appear at the exact same time, and traffic would always materialise to block his exit from the city. When he was feeling down, his best friend would always just happen to turn up with a few beers. For Truman it became a nightmare that he must escape from.

But, this experience would be a nirvana for your users. Imagine feeling like the digital workplace was all choreographed and organised around your needs and your personal priorities.

Wizdom gives you a lot of power to tailor the experience for different users based on what they do or where they are based and so on. But, to make this personalisation and targeting work well, it requires a lot of work behind the scenes. You need to make sure your Active Directory is in good shape and has accurate information on people. And you need people who know the content to make decisions about what is relevant to whom and, even at what time. But, get it right, and it can feel really special to your users.

slide32

When designing a digital workplace for a UK university, we designed the navigation entirely around roles and timings. A first year student would see a set of guidance in the navigation that was specific to them during those first few weeks of study, such as how to enrol. Whereas a third year part time masters student in a different faculty would see a completely different set of guidance.

4. Why so serious?

slide33

“Why so serious?”

The Joker character in the Batman films and comics has always added a touch of humour despite his sinister motives and actions.

The audience can chuckle at his gags, but still see him as a serious threat.

Something that can really make a digital workplace feel more like an extension of human society is a bit of humour, especially people not taking things too seriously or even making fun of themselves.

It’s interesting to employees on two levels. Firstly, people are interesting to people. When you look at analytics reports for intranets you’ll notice how frequently visited content is that involves people winning awards or getting promoted, and seemingly trivial stuff like photos from the annual conference. Secondly, the humour adds a level of humanity and emotional engagement.

https://www.contentformula.com/blog/wp-content/uploads/2018/09/gm_animation.mp4

We have run a few campaigns for companies that involved generating interest in a new initiative or in the organisations’ core values and so on. One of the most successful ones included an animation that kicked off a peer recognition competition. Employees were encouraged to nominate colleagues who embodied the company values in their actions. Senior leaders in the organisation agreed for their faces to appear on little characters and they even voiced the roles themselves. As you can probably imagine, the acting was of a pretty low standard– but it generated real interest as it was very authentic. That campaign ended up achieving 80% participation across the whole business. That’s participation, not just reach. It reached literally everyone in the company and 80% of them actually took part by nominating someone – either via video or written nomination.

Also, we had some fun on the intranet homepage on the launch day of the campaign:

https://www.contentformula.com/blog/wp-content/uploads/2018/09/IAmEthicon_2.mp4

It’s really worth looking for opportunities like this to add emotion to your digital workplace – don’t make it too clinical and humourless.

5. Shop windows?

 

slide36

There was a movie released in the 80s called ‘Mannequin’ which was about a department store window dresser and his mannequin.

When nobody was around except for the window dresser, the mannequin would come to life and they ended up falling in love.

The mannequin was played by Kim Katrall – of Sex and the City fame. That’s not her in the photo by the way.

Can you imagine the moment when she told her family she just won a part in her first Hollywood movie…

“Fantastic! Oh well done! So what’s the role?”

“A mannequin”

“… Great!”

At least she didn’t have to worry about her acting being too wooden.

But anyway, shop windows is a term we often hear in relation to sections on the intranet. That the landing page should act like a shop window.

NO – the landing page shouldn’t be a shop window.

Shop windows either look like this:

Arty farty and only tells me about 3 garments they are currently selling.

Arty farty and only tells me about 3 garments they are currently selling.

Or this.

A complete sensory overload. Too many intranets look like this by the way.

A complete sensory overload. Too many intranets look like this, by the way.

No, no, no. What users really need a section landing page to be like is a Store Directory!

The one you see on a big board once you are inside the store. This tells you everything you can expect to find in a neat and logically organised fashion.

Here’s an example:

store-directory

Base your landing page designs around the store directories concept.

Don’t let anyone tell you that it looks too text heavy – they’re talking nonsense.

Sit and watch someone take a usability test using pages like the ones below and watch them breeze through it:

slide40

slide41

 

6. Greed is good

 

“Greed is good. Greed is right. Greed works. Greed clarifies, cuts through, and captures the essence of the evolutionary spirit”

Gordon Gecko was famous for his ability to pull together a huge intranet budget.

In 1985’s Wall Street, Gordon Gecko addresses the stockholders of Teldar Paper after just buying a majority stake in the company. He famously states:

“Greed is good. Greed is right. Greed works. Greed clarifies, cuts through, and captures the essence of the evolutionary spirit”

And if you’re going to deliver a delightful user experience, you’d better get greedy. There are so many areas that you will need to invest time and budget. You won’t achieve delightful user experience on a shoestring.

You can’t just accept what you are given. Someone with no understanding of what’s required or what’s at stake will normally have put an arbitrary number down and that became your budget. You will need to make your case. Demonstrate return on investment.

If you’ve done your user research right – like Columbo would – then you’ll be aware of many processes that users are completing. You can calculate how long they take, how often they are performed and by how many people. You can then put a financial cost on the total time taken across a year.

Then you can highlight the changes you plan to make to the process, and the new time it will take (based some quick and dirty prototype testing you did). Voila! – you have a monetary figure in terms of cost savings – something to bolster your case.

If the process is not of interest to the intranet sponsor because it’s not their department, then go to the person who’s department it is. Why not get a budget from every dept in the organisation?

And you need to do it regularly. Not once every 5 years. How can you evolve the digital workplace if the budget goes into hibernation for years at a time?

We have a customer that is involved in the UK property market – we designed and built their digital workplace for them and help them to evolve it. Our main point of contact at that business has been very successful in getting lots of continuous investment. After the initial launch, rather than saying ‘job done’, he went to the board and gave them a very simple message:

“We used to need three people to manage 30 property deals a month – now we only need one. Imagine what we can do with other parts of the business.”

Recently this project won an Intranet Innovation Award.

7. Speed matters

slide46

“You gotta be gone in 60 seconds”

That was the rule of master car thief Randall Raines. If he couldn’t steal a car in under 60 seconds, then he shouldn’t attempt it – or risk getting caught.

Speed is important in the digital workplace too. But, your users won’t give you 60 seconds – probably less than 10.

Getting pages to load quickly can be difficult – it relies on so many factors:

  1. Computer performance
  2. Local network bandwidth
  3. Internet bandwidth
  4. Contention ration (how many people are using the connection)
  5. Server performance
  6. Server bandwidth
  7. Server location
  8. Apps running on server
  9. Calls to other services
  10. Efficiency of coding

And so on.

If you’re having problems with reported speed issues, you need to get an understanding of each of these areas and the impact (if any) it is having on the performance.

 

We recently worked on a digital workplace project that had users connecting from China – and they were having problems with speed. We narrowed the problem down to the relay time from the laptops of the Chinese based users to the server, and the additional delay in relay time to other services e.g. stock prices, weather, even Google font libraries.

We minimised the impact of these issues by changing a couple of things:

For Chinese users only (using targeting) we removed some dynamic blocks on the homepage, and replaced them with hardcoded links into that part of the site e.g. Blogs.

We also moved many of the assets regularly used on the site to a Content Delivery Network (CDN) – this meant that these files would be delivered from local servers in China – meaning less relay time and faster loading.

Essentially we removed some of the non-essential ‘bells and whistles’, but improved the User Experience because we fixed a more fundamental issue.

8. Did I say seven?

slide50

This is the Jonny Cab from Total Recall  – the original starring Arnold Schwarzenegger – where he goes on a virtual vacation to Mars, and then ends up going for real.

So, the Johnny Cab – along with a colony on Mars – was a vision of the future from 1990. It was basically a self-driving car – that for some odd reason wasted half of the interior space in order to accommodate a spooky dummy as the “human” driver. Of course, the tech for driver less cars is here now – minus the scary dummy, thankfully.

We’re obviously still working on colonising Mars. But, another area where we have made progress is Artificial Intelligence (AI) and a subset of that – Expert Systems. Expert systems can do things like diagnose diseases based on symptoms and DNA data, but they can also serve you business information – typically via a chat bot.

Chat bots are starting to appear in the digital workplace. At the moment they are a bit rudimentary and sort of work like glorified search. But, the beauty is that they improve the more you use them – they are built to learn based on inputs and reactions to the responses they provide. And they can be training to be more effective.

slide51

Here’s a chat bot that we implemented on a customer intranet – it’s called Cyril. It’s early days for this bot and it does things like give you information on people or offices or policies etc when you ask it in the chat window.

But I think what is most exciting about Chat Bots is when they are delivered via your regular messaging apps on your smartphone. That makes it super quick and super easy to interact with the bot and get information quickly when you are on the go.

slide52

We’re just about to enable access via Skype for Business on Cyril. So you won’t need to open the chat window on the intranet anymore. We’re positive that this will deliver a delightful user experience to heavy mobile users.

Remember the pyramid

slide20

So, that’s 7 ways you can deliver delightful user experience. Though, as we’ve discussed – doing just one of them won’t cut it. You need to build up your pyramid and you need to weave all of these things together to achieve Deep Delight. That’s the only way you can achieve a true, deep level, holistic sense of delight in not just one but all your users.

Digital workplace, Intranet, User experience & usability
Tweet
Back to top

Leave a Reply Cancel reply

Your e-mail address will not be published. Required fields are marked *

Comment*

Please provide some thoughts on this blog

Name*

Please enter your full name

Email

Please enter a valid email address

Get in touch. Contact our head office in London

020 7471 8500
hello@contentformula.com

Want us to call you back?

Request a callback

Companies we've helped

Technologies that we use

    1. Office 365
    2. SharePoint
    3. Teams
    4. Yammer
    5. Azure
    6. Power Automate
    7. PowerApps
    8. Power BI
    9. Power Virtual Agents
    1. LiveTiles Intranet
    2. LiveTiles Directory
    3. LiveTiles Reach
    4. LMS365
    5. Nintex
    6. NC Protect
    7. Go1

Certifications & partnerships

  • Microsoft Cloud Solution Provider program
  • HM Government G-Cloud

Microsoft Partner

  • Gold Collaboration and Content
  • Silver Cloud Productivity
  • Silver Application Development

Find us on social media

  • Youtube
  • Linkedin
  • Slideshare
  • Pinterest
  • Twitter
  • Terms of use
  • Privacy policy
© Content Formula Ltd. 2005-2021