UX strategy and design • User interface design • Responsive HTML design • Code & style guide
The Imperial College Business School uses a ‘hub’ to communicate to their students about course materials, to share discussions and host online lectures. Instead of walking home with a pile of printed course materials, the students receive iPads at the start of their course – Along with an app shortcut for the Hub. The Hub needed to be designed for a multiplatform environment covering Ipads, smart phones and desktops.
We worked with the client to establish a responsive HTML5 framework which was easy to use and adjusted as much as possible to the viewer’s choice of format. The Hub app is not only used by the students attending courses, but also from key staff and programme directors. As interactivity is a key part of any user experience we began with the iPad version and gracefully restricted the functionality to suit a smaller smart phone format. We chose a high contrast colour palette, which ensured great legibility. The entire interface was underpinned by black to create a slick and sharp feel. We used tonally restricted imagery and large app like padded icons to ensure a really usable and playful feel. Along with the mobile platforms we developed the design for a full set of desktop PC interface style sheets, whereby the focus points are reduced making the design less app like, and more akin to the typical user experience of viewing a large amount of content in one window. The interface materials and subsequent guidelines were then handed over to the client to be created in the WordPress CMS system.
The Hub app has exceeded all expectations with stunning results. The students and staff can be seen using the application in all formats across the college. In the first month after launch, The Hub received 90,000 hits from the approximate 700 users involved, a truly staggering uptake.