Using card style design to improve your intranet user experience

First pioneered by Pinterest and now adopted by Facebook, Twitter, Google and other titans of the web, card based user interfaces are the on-trend web design. What is the reason for this shift and what are the benefits of applying this trend to your organizations internal intranet?

Using card style design to improve your intranet user experience

Intranet using employees are faced with information overload on a daily basis, with each corporate function jostling for space on the home page along with internal communications around this week’s top news, strategic direction, important project updates, new sales wins – the list is seemingly endless. So what impact does this have on your employees?

According to Harvard Business Review 'Current research suggests that the surging volume of available information can adversely affect not only personal well-being but also decision making, innovation, and productivity.' When faced with so much information on your, how do you manage this effectively to ensure employees read AND retain the messages they need in a stimulating, organized and visually clear way

How can changes to your user interface help?

When faced with similar conundrums on the web, the rise of mobile and content surfacing from a plethora of different sources, user experience designers pioneered the card-style design concept. With an ability to surface a lot of information in a more intelligible and digestible format, Paul Adams of Intercom comments that “We are currently witnessing a re-architecture of the web, away from pages and destinations, towards completely personalized experiences built on an aggregation of many individual pieces of content.”

User Experience Benefits

  • Cards can be used in a variety of ways to satisfy specific functions and Web Design Ledger suggests the following primary reasons to introduce card style interfaces into your design:
  • Cards grab attention. They’re an exciting alternative to overly gratuitous text.
  • Cards are responsive. Designing for mobile browsers is a necessity, and cards are great for responsive design.
  • Cards are digestible. Because of their limited space, cards can’t really say much. But that’s a good thing! Readers who want more can click to get it.

Examples of Card-Style Design in Enterprise

How does this look in practice, here we surface a few examples from our Unily, turnkey Intranet as a Service solution, based the Office 365 or SharePoint Server 2013:

1. News and Internal Communications

Magazine style internal communications provide employees with an at-a-glance view of what they need to know, allowing the aggregation of different types of content seamlessly and ensuring the message is seen and understood.

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

2. People Directories

Cards can provide the ultimate people directory experience by putting both a face to a name and enabling people to be found by name, location, role, skills and more. This gives an instant and always up-to-date directory of your colleagues.

The screenshot below show's an example of card design from one of our client DORMA's intranet

 Read how DORMA achieved an average 541% increase in corporate news coverage between January and October 2015 compared with 2014 after implementing Unily here.

3. Documents

Using a Pinterest style user experience, end-users have a visual alternative to endless rows of text based data. Users can quickly filter through vast quantities of content in seconds using search and intelligent refiners. Content previews and meta-data provide a clue as to the document contents prior to opening.

4. Enterprise Social

A thriving and dynamic internal social network will generate a lot of content and cards help users who are short on time to see what’s new at a glance, for example social conversations from Yammer.

Summary

The screen real-estate available in your corporate intranet is a limited and valuable resource. Everything you place on a page should provide a purpose and add value to end-users. In many cases, less is more. Bombarding your employees with hundreds of links and endless text will turn them off and, while content targeting and personalization will help reduce the noise, implementing card style interfaces should be considered as a way to communicate more effectively, enable common tasks to be performed faster and improve findability of content. In a real-world example,implementing a new intranet with card style design elements helped the 17,500 employees at Pitney Bowes increase the number of average users and time spent using the site by over 75%

Card style interfaces can make content easy to digest, are great for responsiveness and mobile devices, provides an organized structure to content when communicating a lot of information and is flexible enough to work well for many different types of content. These benefits are driving the web away from many pages of content linked together, towards individual pieces of content aggregated together into one experience.

If you don’t fancy creating all these innovative interfaces yourself then take a deeper look at Unily, a best practice, but customizable, turnkey solution that can be deployed in a fraction of the time of a custom Office 365 or SharePoint based solution. Unily is a managed offering that includes SLA-backed support and regular free upgrades in response to platform changes by Microsoft and our customer driven roadmap. Pricing is based on subscription and is transparent, all-inclusive and fixed for the term of the contract providing predictable budget forecasts.

To arrange your personalized demo of Unily, get in touch today.

Talk To Us

Glen Chambers Vice President of Sales

A big picture strategist who can still see the details, Glen is a hands-on, style leader who enjoys guiding his team through the fast paced world of technology consulting.

Glen plays a pivotal role in steering the North American division of BrightStarr. He combines extensive management experience with broad technical and business consulting skills. This unique mix of talents gives him a deep understanding of client needs and the means to communicate with the development team.

Twitter Feed

Where Next? Relevant Stories and Insights.

​Responsive ​design with SharePoint
​Responsive ​design with SharePoint
responsive design continues to be a dominant topic across the tech landscape as mobile devices represent an ever growing portion of internet traffic. Clearly there is demand for making those many SharePoint sites responsive.
What exactly is user adoption?
What exactly is user adoption?
The phrase 'User adoption' is one we hear a lot as we go about our daily work. Be it on client site, at conferences or seminars, or on the web. Supposedly if you throw a bit of user adoption at a project it can't fail to be a success. Yet our experience has taught us that user adoption is a tricky subject.
What three features do users expect in a ‘modern’ company intranet?
What three features do users expect in a ‘modern’ company intranet?
The release of SharePoint 2013 has many IT managers pondering the benefits of upgrading their various SharePoint systems.