Inspiration

Top 5 Mobile Interaction Designs of Spring 2020

April 2, 2020

Spring is finally here! Even if you’re quarantined at home and not able to enjoy the new sunshine and blossoms as much as you’d like, there are a plethora of inspiration coming out of the design community to brighten your day. With that said, we have a great roundup of the best mobile interaction designs that have come across our desks in the past few months. Buckle up and get ready to get the ideas flowing!

1. Donuts App Interaction by Aneesh

This fun app concept brings the tastiness of donuts to life with a fluid mobile interaction design. The donuts move through space slowly on the home screen of the app, aiming to entice the app user to take action. Swiping up expands recommended donut cards and today’s specials. Tapping into the delicious looking strawberry donut displays it as the “O” in donut spelled sideways down the screen. All the while, elements that look like sprinkles move their way up and down the screen as the user gets pricing information and chooses the quantity. What a delectable mobile interaction design!

See the mobile interaction design on Dribbble

2. Ordering Pizza by Gleb Kuznetsov

Ordering pizza has never been so fluid. This app concept starts with a voice command to order pizza. First, the user will pick the base of their pizza by swiping through options that do fantastic spin moves as you swipe through then. Tapping the plus or minus button chooses the size of the pizza—and the image even changes size to represent the size of pizza you’re requesting. Adding toppings to the pizza with the tap of the plus sign creates a flurry of the ingredient that rain down on the pizza. And lastly, choose drinks by tapping the plus sign over them. They fling toward the cart icon in the top right corner of the screen as they await checkout.

See the mobile interaction design on Dribbble

3. Bank Cards 3.0 by Dimest

With the introduction of the Apple Card, credit card apps have started getting much sleeker. This app concept imagines a mobile wallet with a few cards in it. Swiping through portrait oriented cards briefly previews their balances at the top of the screen. Tapping into a particular card rotates the card to landscape. It gives the ability to swipe up and see the recent transactions. Alternatively, if you need to use your card for an online purchase, you’ll need to access the information on the back of the card. By simply swiping up and down the width of the card, it has a great flipping motion to display the back of the card.

See the mobile interaction design on Dribbble

4. Wallet App Motion UI by Rahi for Ui Hunt

Sticking with the financial app concepts for a moment, here is an interesting Bitcoin addition. The first thing that stuck out to us was the layered design. It’s as if cards and logos are layered on top of one another to give the app stacked look and feel. Next, swiping through the cryptocurrency accounts with the cards along the top populates the value of each account with the yellow graph below to show the change over a certain period of time. And tapping the back button at the top left of the screen quickly moves the content toward the bottom of the screen to erase it and send the account balances flipping back onto the screen.

See the mobile interaction design on Dribbble

5. Rent a Boat by YanBin Tan for IronSketch

Let’s think of the simple days of summer when (hopefully!) life will get back to normal. You’re on vacation and want to rent a boat to paddle around and enjoy the sunshine for a few hours. Opening up this app concept shows three colorful cards with boat rental options. We especially appreciate the movements of the cards as you swipe up to scroll through them. They swap and tip forward slightly. Next, tapping into one rotates the boat, while expanding it to take over much of the screen. Swiping up on the boat displays an alternate option and swiping down populates an order screen where you can enter how many boats you’d like and the duration of the rental. This automatically calculates the price below.

See the mobile interaction design on Dribbble

That’s all for winter but be sure to check out last season’s edition, featuring the best mobile interaction designs of winter 2019

Feeling inspired? Proto.io lets anyone build mobile app prototypes that feel real. No coding or design skills required. Bring your ideas to life quickly! Sign up for a free 15-day trial of Proto.io today and get started on your next mobile app design.

Author

You might also like …

Rapid Prototyping Tips to Get Your App to Market Faster Prototyping

Rapid Prototyping Tips to Get Your App to Market Faster

Top 5 Mobile Interaction Designs of July 2020 Design

Top 5 Mobile Interaction Designs of July 2020

How to Build a Stronger Design Portfolio Design

How to Build a Stronger Design Portfolio

Could Neumorphism Take Design by Storm? Design

Could Neumorphism Take Design by Storm?

Top 5 Mobile App Designs of Summer 2020 Design

Top 5 Mobile App Designs of Summer 2020

Top 5 Mobile Interaction Designs of June 2020 Inspiration

Top 5 Mobile Interaction Designs of June 2020