Design

Top 5 Mobile Interaction Designs of December 2021

December 23, 2021

It’s hard to believe that the holidays are here and that another year is coming to a close. While 2021 is ending on a shaky note, there is still hope for what 2022 might bring. As always, designers around the globe have been making good use of lockdowns by doing what they do best: creating mobile interaction designs that inspire their peers. Let’s dive right into the app concepts that stole our attention in December 2021. 

1. Nurses Job Marketplace by Purrweb UI/UX Studio

Nurses make the world turn, especially during a pandemic. This mobile interaction design helps nurses pick shifts based on what is needed, such as giving vaccines. While the tasks don’t necessarily align with typical nurse duties, they are all important for getting a grip on Covid-19. We noticed the candy-coated color scheme first and stayed for the icons that come to life in 3D. On the main screen, nurses are presented with a header image showing that day’s special offer, and down below, they can swipe up through cards with options for shifts. Tapping on one sends the icon to the top of the screen, and it twirls around to show which one was selected. In addition, the pink call to action button quickly expands onto the bottom of the screen, encouraging nurses to select that particular shift.

Source: Dribbble

2. Vilharia by Lukáš Straňák for PLATFORM

There is so much to unpack in this amazing mobile interaction design, from the color palette to the text layout to the flowing movements. The mobile app concept aims to provide information about Vilharia, the greenest office building in Slovenia. It succeeds by presenting text, metrics, and images that show just how innovative the building is. Two screens that we appreciate in particular are the Sustainability and Technologies screens. As the user scrolls up to advance to the next content, the icons, descriptions, and buttons to learn more move to the center to align toward the left side of the screen. In addition, the mobile interaction design does a great job of letting the user know where they are in a sophisticated way. Instead of having a status bar of sorts along the bottom, as they swipe to the left to explore more content, the orange square tracks toward the right, showing them which page they are on.

Source: Dribbble

3. HOROS – Astronomy Application by Minggiwi Inc.

Astronomy is a beautiful area of science in which humans realize just how small our corner of the universe is. This mobile app design helps users explore constellations in galaxies near and far. The celestial color palette caught our attention first. Then with a quick drag of the finger, the entire view of the sky changes according to the degree the user selects. Tapping on a star cluster expands it to show the specific shape of the constellation, complete with a short description of it. Swiping up allows the user to read comments from others and even tap the pen icon to add to the conversation themselves.

Source: Dribbble

4. Music App by Creative Dreams

This is a fun take on a music app. While we’re used to the minimal Apple Music and Spotify designs, this mobile interaction design takes a much more motion-centric approach. From the get-go, the user sees music artists to explore along the top of the screen. Each one has a pastel-colored wave flowing behind their names. Below that section are playlists created by certain artists, which the user can choose to swipe left on to explore them. These cards have subtle motions in the background as if they feature slow-moving clouds.

Source: Dribbble

5. Air Humidity Slider by Vitalii Burhonskyi for Zajno Crew

Last but not least, we have a simple and perfect slider. The idea behind this mobile interaction design is to drag your finger to the right to increase the air humidity levels until meeting the max or dragging to the left to decrease until you hit the minimum. What we like is the little air bubbles that seem to float up in a wave-like motion with numbers increasing or decreasing by the tens, depending on the direction you drag your finger in. The direction also dictates the color of the bubbles; dragging to the right creates blue bubbles, and to the left is white.

Source: Dribbble

That’s all for December but be sure to check out last month’s edition, featuring the best mobile interaction designs of November 2021

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!

Author