Spring might be already halfway over, but the design landscape is not even nowhere near running out of new ideas and sources of inspiration! This month we are focusing on mobile interaction designs that increase efficiency, particularly in regard to traditionally manual processes, such as browsing for products, performing bookings, or exploring investment options.
1. Shop navigation by Denys Sergushkin
Everyone loves online shopping! Navigating through countless filters to find something of interest, however, tends to become tedious fast. This concept aims to improve the e-store user experience by adding major filtering layers right from the start. There’s a distinct button for each sneaker brand available in the store’s inventory, so users can easily access brands they are particularly fond of. Upon clicking on a brand, with an almost instantaneous animation, the user is taken to types of shoe categories to continue their filtering intuitively.
Source: Dribbble
2. Pay Interactive SVG animation by Asim Das
Details make all the difference between an excellent and a decent application. We all purchase things online daily, but how often do we see something that removes that sense of routine from our daily actions? This concept tries to add some playfulness to what is otherwise a very common call to action button. With a cute animation, the bland gray prompt turns into a green circle, confirming the completion of payment. The cherry on top? The animation’s SVG format makes it small in size and quick to load, with native responsiveness capabilities.
Source: Dribbble
3. Investment process UI by Gleb Kuznetsov
This beautiful investment app concept manages to bridge the magical allure of space with the logical thinking of the investing world. The intro sequence turns a dark sphere (reminiscent of a galactic object) into a kaleidoscopic view through a series of smaller in-between animations before transitioning to the app’s functional boards. Space references remain throughout, with orbit-like rings around the asset distribution graph and a bright light where the home button should be. Smaller background animations add a sense of detail and sophistication to different elements of the main dashboard.
Source: Dribbble
4. Mobile Desk Booking Platform by Iryna Makiievska
With hybrid work becoming more and more common worldwide, having an assigned desk for each employee is no more a necessity. This app concept showcases a smart and intuitive way to book a desk for an office day with zero hassle. We found most impressive the integration of an office plan, allowing the user to zoom in and out to pick the ideal spot. The recommended UI is extremely user-friendly, moving between the different steps of the process smoothly and organically and minimizing the chance of human error. The successful animation at the end leaves the user with a feeling of coziness after an overall seamless experience.
Source: Dribbble
5. Book a hotel UI keyboard by Gleb Kuznetsov
The last mobile interaction design concept for this month was also created by Gleb Kuznetsov, and deals with the very common user need to book a hotel online intuitively. Users can use the top navigation bar to type their request freely, without using tedious filters, as the calendar adapts dynamically to the user’s input in real-time. Once the search parameters feel right, the app transitions smoothly to the recommended hotel options with a beautiful animation.
Source: Dribbble
That’s all for April but be sure to check out last month’s edition, featuring the best mobile interaction designs of March 2022.
Feeling inspired? Proto.io helps you bring your idea to life in no time, with no coding skills required. It’s ideal for UX designers, entrepreneurs, product managers, marketers, students, and anyone with a great idea. Sign up for a free 15-day trial to start building your first prototype today!
