As summer comes to an end and we gear up for fall, designers have been making good use of the extra time indoors to come up with some amazing mobile interaction designs. This month we jump into some designs that rethink the way we wake up, book train tickets, and so much more. Read on below to learn more.
Traveling in your own car is often deemed the safest option during covid. But for people who don’t have a car, especially those who live in congested cities, a car share or rental car setup is a good option for getting around. This mobile interaction design concept shows a clear map that points out where rental cars are located close to the user. It features rental cars zipping around the map and car options below to swipe through. Tapping on a car sends the map to the very top of the screen and shows the cost for traveling a certain distance. In all, we really appreciate how clean the map is to help potential drivers easily understand where cars are located and how much a ride will cost them.
In such a connected world, you’re likely to have friends, family, or colleagues in different time zones. Keeping track of the time where they are is essential for effective communication. This mobile interaction design reimagines the clock function of a smartphone so that at the tap of a button your clock quickly shifts from one time zone to another you’re tracking. It also takes a look at the alarm function and helps you set different alarms based on the day of the week with just one tap. The thing we like most about this design is how it displays your selection in bright yellow. That way when you tap a time zone button or toggle an alarm on, it turns yellow and makes it abundantly clear what selection you’ve made.
Sticking with the micro-interaction theme, this toggle brings life to a simple action of switching from day to night mode. We typically switch the mode of our phones at night so that we don’t strain our eyes or disrupt our sleep patterns. In this example, tapping the shining sun icon sends it down the screen in a submerging motion and changes the bright blue background color into a dark blue. A new icon comes jumping out of the button and has transformed into a moon with sparkling stars. This micro-interaction offers a much more exciting user experience, compared to tapping a button in the settings of a smartphone.
These days every aspect of the home is connected to the internet, which makes it possible to manage temperature and many more things from another room or even when away from home. This smarthome mobile interaction design covers many aspects, such as clocks and humidifiers. First a user scrolls through cards that show all of the products online. Tapping into the alarm clock helps you turn it on with a single toggle. Next, scrolling to the left or right brings up other products you might want to adjust. For example, turning up the humidity level. What we like most about this design is the lifelike qualities that the designer has given to the product. For example, turning on the alarm clock makes it shake like it is going off and turning up the humidifier sends more steam out of it.
As the world starts to reopen in some places, making travel work better than it has in the past is a must. In this app concept, a user can use voice technology to dictate the location, date, and number of passengers they need to buy tickets for. Next, after searching for the best options, schedules that meet the user’s search criteria populate on the screen. Tapping on a fare brings up a small map of the train to demonstrate where the passenger will be sitting based on the pricing tier they choose. We especially enjoy the train animation that moves throughout the mobile interaction design to bring to life the typically boring process of booking a train ticket.
That’s all for September but be sure to check out last month’s edition, featuring the best mobile interaction designs of August 2020.
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.