Top 5 Mobile Interaction Designs of December 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.

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.

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.

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.

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.

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!

Originally published at https://blog.proto.io on December 23, 2021.

--

--

--

Build high-fidelity fully interactive mobile app prototypes quickly. No coding required. Get a 15-day free trial at: https://proto.io/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A visual analysis of UK number ones: the next steps

I decided to start telling a story about how to tell a story. (As I am bad.)

Health+ Lyme Disease Human-Centered Design Report Highlights Patient Experiences and Opportunities…

Three people walking on a trail in hiking clothes, surrounded by greenery. At the center is the title “health+ Lyme Disease.”

The Compass of Design Community

Wearing Culturally Inspired Clothes from Fashion Designers Outside your Culture

SEAT Tarraco gets the Carista treatment

Interactions and collaboration between Designers and Developers

MakeMyTrip App: a Guerrilla Usability Test

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Proto.io

Proto.io

Build high-fidelity fully interactive mobile app prototypes quickly. No coding required. Get a 15-day free trial at: https://proto.io/

More from Medium

Top 5 Mobile Interaction Designs of February 2022

4 Mobile App Design Trends for 2022 That You Should Catch Up

UX & UI Concepts “Sketch Flow”

Minimizing the cognitive load of UI