Top 5 Mobile Interaction Designs of March 2021

March 24, 2021

As this pandemic recedes with vaccine doses becoming more available, there is a global hope that it might be behind us soon. Despite the ups and downs of the winter, designers have been hard at work trying our new mobile interaction designs and wowing their fellow creatives on the opposite side of the world. This month we take a look at five designs that caught our attention and break down the key elements that designers might want to emulate.

1. Minimum Awesome Product by Lukáš Straňák for PLATFORM

We are totally for leaning into the “minimum awesome product” instead of the typical minimum advertised product. Lukáš approaches video recording in a way that would make any interaction designer proud. The first action the user must take is tapping on “start recording.” This takes them to the camera view, where they can verify they like what they see and hit the middle button that has mimized to a camera icon. As the video records, they see the time tick up and a visual representation of the time moving along a circle that contains the button that stops recording. Tapping that button transforms it into a “next” button and allows users to view the video they just recorded. If they like the final product, they can then tap “next” and share it or choose to go back instead.

Source: Dribbble

2. Smart Oven App by Wojtek Tymicki for 10Clouds

Has anyone else been doing quite a bit of baking during the pandemic?. From bread to desserts, more time at home means more cooking. With so many home appliances becoming “smart,” it’s only a matter of time until this technology comes to the humble oven. This mobile interaction design offers complex options to set the heat and time for the oven. Its use of a plain color scheme mixed with bright orange call to actions makes it easy to understand the oven’s temperature and how much time is left. The colors switch from gray to orange when a user activates a section of the oven. We also like that the toggle to turn the oven on also works in the other direction to easily turn it off.

Source: Dribbble

3. Micro Interaction by Abron Studio

This is a fun micro-interaction design that seems to tackle the online ordering process. We especially appreciate the status bar along the bottom of the screen that turns from blue to white as the user advances through the steps. Tapping the next button moves the status bar to the right one circle to note where the user is in the process. Once they have completed that step, a blue checkmark appears in the circle. And after all the steps are complete, the text of the “next” button quickly swaps out for “Check out” so that the user can complete their purchase. 

Source: Dribbble

4. Bicycle Shop App Design by Jacob Janura for intent

In the early days of the pandemic, bike sales skyrocketed because they provide a safe, solitary, and fun way to get around. This app concept helps users explore bikes for sale and enter in their criteria in terms of the style, price range, and height. The mobile interaction design has an animated bike pedaling along a landscape towards the top of the screen to offer up personalized options. Below it is a status bar that turns green as another section is completed. And toward the bottom of the screen is a description of what the user is selecting and four squares with options to tap on. When the user selects the best fit for them, the square gets a blue outline and checkmark.

Source: Dribbble

5. Presence Lessons by Slava Kornilov for Geex Arts

The last of our mobile interaction designs for the month is a fitness concept. It has the most delightful cards that cascade almost like a Rolodex, with different workouts to choose from. We think this app concept helps accountability because it ties workouts to the calendar, that way, you can tune in for classes at times that fit your schedule. Tapping on a specific workout brings the card to the top of the screen and brings up classes in that category for the day. Scrolling up from the bottom of the screen condenses the options and brings up others onto the screen.

Source: Dribbble

That’s all for March but be sure to check out last month’s edition, featuring the best mobile interaction designs of February 2021 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!