You just landed on Mars, which means the honeymoon is over. Following protocol, you need to book a room and get there as soon as possible. Yet, something feels off in Terminal One. The familiar swirls of humans and martian robots are absent. Airport security is having a meltdown because of an unspecified air quality issue. All systems are on high alert and running diagnostics, which means only the backup system is working, which means you are going to be here for a while. You scan the vast room, trying to spot the ever-growing line in arrivals. An hour later you are in front of an iPad Pro and the Earth like archaic digital signage system for room booking. The screen greets you with a funny, red, retro style science fiction illustration from the 2020s. It’s time to book a room in Marsville.

UX Design

Searching for the right information and making the best choice can be difficult. Sometimes it can even be intimidating. How can we make this experience better?

One way to solve this is by offering system generated options. In this scenario, the user has to make a simple choice. Start typing in the search field or browse through the categories on the screen.

Think of it as a smart mental shortcut. The categories have a dual purpose. First, they act as shortcuts to a group of similar search results. For example, solitary rooms. Second, they give hints to the variety of options in the system.

UI Design

The prototype uses a handful of very simple design elements. Scroll views, cards, auto-layout, smart animation for the micro interactions and a nested component. That’s it. You can see the list of components below.

Marsville iPad Pro Digital Signage Interactive Prototype in Figma Component List