Gijs Bakker

This is a portfolio/blog of Gijs Bakker, UX (interaction and UI) designer from Amsterdam.
Read more about me, filter work by tags or mail me at .

XXImo and Athlon Mobility Card

What is it A business app for the XXImo and Athlon Mobility Card.
Client XXImo and Athlon Car Lease
Platform Windows Phone
My role Windows Phone adaption from the existing iOS versions

View or download the apps for Windows Phone
XXImo Mobility Card
Athlon Mobility Card

XXImo offers an all-in-one business solution for mobility services: tank, parking, public transport, flying, hotels, planning and making reservations. This comes in the form of a mobility card, which the employer can tailor to the needs and desires of his employee(s).

XXImo already had apps for iPhone and Android and they wanted to be able to cater to their clients using Windows Phone as well. Hence, the briefing for XS2 was unsurprisingly straightforward.

I thoroughly familiarized myself with the Windows Phone design guidelines and interaction patterns (along with spending time on a Nokia Lumia and HTC 8X) to design a XXImo application for the Windows Phone platform.

The XXImo app structure and functionality was re-branded for the Athlon Car Lease company. The only difference being the colour scheme.

Windows Phone
In terms of flat design (a term that gained popularity with the release of iOS7) you can’t get any flatter than the design on Windows Phone. Where iOS7 still has minute subtle drop shadow or gradient here and there, these styles are virtually non-existent on Windows Phone’s Metro design language – ‘Content over chrome’ is key here. And I don’t think that’s a bad thing at all.

Another good thing is the icon rich application bar on the bottom of the screen, which behaves completely contextual – it’s there only if your current interface has or needs actions to perform and shows only those actions which apply to that specific screen at that moment, sometimes even on a text input field level. The designer still has the freedom to design any icons she wants but the layout, behaviour and functionality is consistent throughout the system.
In the application bar, the icons are displayed without names (unlike in iOS tab bars) and this always brings the risk of ambiguity. But in the application bar of Windows Phone, the user can still see the icon action names when he nudges the application bar a bit upwards. The good thing about this is that user can learn the actions by name if the icons do not give it away direclty, but he doesn’t have to view them constantly, saving just a little cognitive overload and screen space at the same time.

Login

Login

Start screen

Start screen

XXImo around me, list view

XXImo around me, list view

XXImo around me, map view

XXImo around me, map view

Post navigation