Summer is finally here and some pockets of the world are experiencing a level of hope not seen since early 2020. No matter if cases have risen or fallen locally, designers have still been plugging away to create wonderful mobile interaction designs that are sure to inspire their fellow creatives near and far. Let’s jump right into the designs that caught our attention this month.
Bringing a little joy to someone else’s life never goes out of style. Especially during the pandemic, getting something lovely delivered, like a bouquet of flowers, was a nice way to remind friends and family that you were thinking of them-even if you couldn’t be in the same place. Choosing to continue as a guest in this mobile interaction design brings users to a screen where they can choose which flowers they’d like to include. We appreciate how the flowers zoom in and out as you scroll through them. They offer pricing and tips without even clicking on them to give a transparent experience. Once you’ve decided on a bouquet, there is a fun animation, tracing the route the delivery person will take to get from the florist shop to the recipient’s location.
Flower Delivery Mobile App Animation
Flower Delivery Mobile App Animation designed by Vitalii Burhonskyi for Zajno Crew. Connect with them on Dribbble; the…
This mobile interaction design definitely gives off Airbnb vibes. After more than a year largely stuck inside, travelers are antsy to go on vacations and see the world again. With this design, users can type in the place they want to visit or explore destinations near and far by scrolling through pre-picked locations that aim to inspire their wanderlust. Tapping on a destination takes the user away from the colorful cards and expands the one they’ve selected to occupy the top half of the screen. Then down below pops information about the location and a bright pink button to select the days they’d like to visit.
Travel Planner App — Flow Animation
Travel Planner App — Flow Animation designed by Ilya Sablin for Ronas IT | UI/UX Team. Connect with them on Dribbble…
There are so many social media apps out there, but not very many focus on the design of responses to posts. This mobile interaction design allows the user to customize their response while watching a clip from someone they follow. There are several ways to respond: recording your video, sending colorful text, or including a few emojis. To select the preferred way to respond, the user slides their fingers across the three options near the bottom of their screen and taps on what they want. When choosing to respond with text, the user can use their keyboard to type in their message, then pinch and pull it to where they want it superimposed on the original content.
Video Reply designed by Slava Kornilov for Geex Arts. Connect with them on Dribbble; the global community for designers…
As the world starts to reimagine what in person events might look like, event planners and their favorite designers have been hard at work to make it a reality. This fun mobile interaction takes a liquid approach to inviting friends nearby to events. As the user clicks on small, rectangular cards with the names and pictures of friends to join the event, it is as if there is a sticky substance on them, making moving them up take a bit longer. This liquid motion eventually transports the friend’s image into the top of the screen to create a group for the event. Swiping down on the invitation list brings up the cost each member will need to pay for the experience.
Event Management App Interaction
Event Management App Interaction designed by Cuberto. Connect with them on Dribbble; the global community for designers…
We’re going to wrap up this installation of the top mobile interaction designs with a micro design that we couldn’t stay away from. So many nav bars have entirely too many options. But with so much information to convey in such a small space, you can’t always fault designers. The designer condensed the other navigation items into a plus sign in this app concept that rests in the dive between the home and profile icons. Tapping on the plus sign flings the circle up, erasing the divet, and expanding to three more options with an “X” to exit the expanded navigation options.
That’s all for June but be sure to check out last month’s edition, featuring the best mobile interaction designs of May 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 June 29, 2021.