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?
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.
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.
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.