Art, color theory, logic, and analysis are just a few of the many disciplines that go into creating the user interface of a website or mobile app. A designer becomes a magician when tasked with combining layout elements in a way that facilitates easy, clear, fast, and pleasant app or website use. Therefore, it’s clear that being a UI designer is a demanding profession that calls for a wealth of expertise, creativity, and study.
Perhaps you have perused our earlier case studies, such as the one pertaining to user interface and experience design. Today, Tubik Studio continues the set with the story of how they created the user interface for an application that tracks postal items. Daria, a designer for Tubik Studio, made it. It is about time we filled you in on the details of the tracking app project, which you may have seen in Daria’s Dribbble shots.
Welcome to MavericksMedia, your premier web design company in Toronto delivering top-notch web design services tailored to amplify your online presence. As a leading team of dedicated web design company in mississauga, we pride ourselves on crafting stunning, user-centric websites that resonate with your audience and elevate your brand’s digital footprint.
The more useful and relevant the website or app, the more obvious and simple it should be to use. Contrary to popular belief, this application did not cater to a very specific subset of the population. Many different types of people, with varying degrees of education and technical skill, were consider potential users of the tracking app. Because of this, it was necessary to think about this when designing the interface so that it would be both functional and visually appealing without being overwhelming to the user.
Instead of being asked to come up with something completely new, the designer was provided with a concept of the current design to build upon when making additional adjustments. Users had practical experience with the current version, which had a good user experience that required few changes. Nevertheless, the client was hoping for an updated, modern, harmonic, and user-friendly user interface redesign. Accordingly, the designer had to think about all those things right away when they were brainstorming.
There was a graphical element in the earlier design that the client wanted carried over into the new user interface. Items in processing, items in transit, and items deliver were represent visually by three circles. The designer kept that element in the updated design, but rearranged the screens in a different way to make better use of visual information and increase productivity. Consistent communication and consensus-building with the client governed all concepts and updates. This is how the picture of a track curve with circles on it came to be.
The client was quite please with the finished screens’ overall style, details, shapes, icon and button decisions, animated elements, and layout, as well as with the screens’ overall design. At this point, though, the client was changing their mind about the color scheme, which was fundamental to the design concept. The reason wasn’t based on subjective tastes; after all, the client and designer were in agreement about the screen color scheme. The consumer, however, thought consistency should go farther, and that the app should be very similar to the business website.
As the focal point of this corporative consistency, the color characteristic was select. Whether the customer liked it or not, it had to done the other way around: the application had to be partially redesign to match the site. This was necessary because it was impossible for the customer to completely redesign the site according to new decisions used in applications.
The client wanted the application screens to be a more consistent color scheme with the site’s light coloring, while keeping all the other interface features, details, and solutions intact.
The designer reworked all the screens using a different color scheme to accommodate the customers’ wishes and the company’s goals, even though she preferred the dark color solution.
After receiving the client’s approval to change the color scheme, the designer moved on to the last phase of the project: porting the iOS app’s design to the iPad. Every screen had to be able to rotate in two different directions while still preserving the interface’s core features. The most intriguing aspect of this work was likely processing the sub-menus for adaptation. Adapting all of the screens to the iPad version without making any major changes was a huge undertaking because there were a lot of interactive elements on them. This was done to ensure that the user could easily recognize each version of the application.