Context, navigation and discoverability

By - 19 Mar 2018

The name rings a bell, but where did I see it last?

Today’s Friday update comes on a Monday, since we were busy fixing up a feature last week that didn’t quite make the cut.

Last week we showed how the new date navigation makes accessing the schedule much easier than it used to be, removing the Load More prompts to provide a frictionless experience with continuous and unlimited horizontal scrolling. This week, let’s look at at popups.

The current schedule uses modal popup windows to display and edit booking information, which has served as a great way to drill down into the details of a selected booking in the Schedule grid. We’ve kept that same usage pattern in the new version and we also updated the visuals for better ergonomics.

Opening details is just as easy as it always has been.

We’ve taken it a step further this time, though. Previously, the booking popup would only display the names of resources, projects and clients referenced by the booking, with no way of getting information about them, short of opening a new tab, navigating to the list and trying to find it in the (sometimes long) list of entries. In the next version, all the referenced entities will be linked to provide navigation between them:

So let’s see who this client is… oh, hello there!

With the new entity navigation system in place, it’s become very easy to navigate through layers of references to get to the information you need. The same also applies to the mobile view:

Sweet, sweet details!

And the best part is, everything is managed through the History API, which means that you can just use the browser’s Back button to navigate to the previously opened popup, which makes it very convenient to use on mobile. Since this state is stored in the URL, you can share it from your mobile device or desktop browser and send it to anyone with access to your Schedule and they’ll be taken to that exact date and popup that you saw.

Hi there! I'm Klemen, one of the engineers at Resource Guru. I make sure all the browser bits fit together and sometimes take a hammer with me on the way to the data centre.