Interface evolution. How we made a convenient and practical design for the application

More than a year has passed since our system for booking workplaces, meeting rooms and other office locations has been working and improving. We want to tell how interfaces have changed applications and why we came up with such visual solutions.

First, some general information. Layouts in the application change based on the wishes of users, UX research, feedback from clients, directors, managers, other designers, and analysis of best practices. The process is set up like this: UX designers create an interface prototype with a new feature; we check how well the function fits; if required, changes are made and a design prototype is prepared, where we look at how easy and unambiguous a new function is to read, we try to attract current customers and partners who already use the system at this stage. But at some point, the current design becomes “crowded”. And then you have to do redesignso that all new functionality looks nice and easy.

And now let’s see how the tabs of our application changed.

Home tab

First there was a photo of the business center. But we thought that it is not so informative for the user. He knows what his business center looks like and most likely works only there, so he doesn’t need a photo.

We slightly changed the Carousel block with room types.

Main problem, which we had with this tab – first you choose the day and time, and then the workplace. And if you chose a day and time for the meeting room, and it turned out to be busy, then you need to take a step back and change the settings, and again go and see if the meeting room is free. It’s a vicious circle. Therefore, we made it possible to simultaneously go to the map in the top sheet (in the blue curtain on top) and change the time right in the curtain. In real time, the employment of desktops and meeting rooms will change. In general we eliminated unnecessary clicks, simplified the way to booking – for this we did a redesign of the main tab.

Even earlier, we had displayed the nearest bookings. But now we have come to the conclusion that we need to let the user book his most frequent booking in one click. If the frequent is occupied, then the latter. If it is also occupied, then any place / meeting room is offered.

Booking tab

Here we changed the interfaces mostly visually. Plus, the schedule was replaced due to the fact that it was also changed on other platforms. The old graph did not look as representative on tablets and on the web version as the new one.

Map tab

There is a bottom sheet, it has been replaced. This is basic. There used to be a tap-navigator at the bottom. Tabs Home, My bookings, etc. And when you clicked on the table, the bottom sheet came out, which did not overlap the navigator. Now he is covering. The interface looks more free, does not look overloaded. And the main information is in the bottom sheet leaving from below. Here, too, the schedule has been replaced, the fonts are different.

My Bookings tab

Has changed insignificantly. But it doesn’t show what happens when you click on a booking. Namely: an additional large bottom sheet opens, a new modal window opens. There you can look booking in more detail. This design change is due to the fact that they added information content, the blocks were divided into sections for days (Mon, Tue, etc.). There were none before. We have simplified the interface, hidden information. Now it only appears on click.

Profile tab

This tab, in general, went into minimization, into simplification. If you look at how many fields there used to be, you can see what work has been done. Now the interface looks much easier.

If you have any questions, write. And we will continue to improve our application, change interfaces and focus on usability and modern design trends 🙂

Similar Posts

Leave a Reply