Mobile App Posts

The Toptal Design Blog is a hub for advanced design studies by professional designers in the Toptal network on all facets of digital design, ranging from detailed design tutorials to in-depth coverage of new design trends, techniques, and technologies.
Emran Bajrami
Building Cross-platform Apps with Xamarin: Perspective of an Android Developer

Writing reusable code that can be shared across multiple platforms can make developing mobile applications a lot easier. But, how do you do that without paying the usual cost of maintainability, ease of testing, and poor user experience that comes with cross-platform mobile application development?

In this article, Toptal Freelance Software Engineer Emran Bajrami walks us through Xamarin and shows us techniques for building high-quality cross-platform apps.

Continue reading →
Tidjane Tall
A Step-by-step Guide to UI Animation with Principle and Sketch

Interfaces that have animations and transitions provide a better UX for app users, and stimulate user engagement. It’s becoming increasingly important to understand how to add motion to your designs, which is why we wrote today’s tutorial.

In it, Toptal Design Editor Tidjane Tall demonstrates how to craft effective UI animation techniques, using Principle for Mac, in a series of short videos.

Continue reading →
Cai Cardenas
20 eCommerce Mobile UIs That Make Shopping Easier

Check out a collection of mobile eCommerce inspirations created by different designers from around the world. Toptal Designer Cai Cardenas curated a selection of designs that each delights their users.

Some of the screens are captured from live products, some are still in development, and some are purely concepts designed to push the bounds of what is even considered possible.

Continue reading →
Michael Abehsera
Retain Users With These Mobile App Onboarding Inspirations

Check out a collection of onboarding design inspirations created by different designers from around the world. Toptal Design Blog Lead Editor Michael Abehsera curated a selection of designs that each finds creative ways to retain users.

Some of the designs are captured from live products, some are still in development, and some are purely concepts designed to push the bounds of what is even considered possible.

Continue reading →
Danielle Reid
Amazing Travel UIs

Check out a curated collection of beautiful and futuristic travel UIs created by different designers from around the world.

Some of the designs are captured from live products, some are still in development, and some are purely concepts designed to push the bounds of what is even considered possible.

Continue reading →
Tibor Kaputa
Tips And Tools For Optimizing Android Apps

The plethora of tutorials on building Android apps may have you thinking that making a mobile app is simple. In reality, however, performance issues can be very complicated, and because performance plays a key role in making sure that your app stays on your users’ list of favorite apps for a long time, every little detail must be given one’s full attention.

In this article, Toptal Freelance Software Engineer Tibor Kaputa shares some tips on how you can optimize some common performance issues and identify some of the bottlenecks in your Android app.

Continue reading →
Bryan Grezeszak
Top Ten Front-End Design Rules For Developers

Truly understanding design is easier said than done. Coding and aesthetic design require very different skill sets, which is why some front-end developers aren’t as proficient in design as they could be, and the quality of their work suffers for it.

In this post, Toptal Freelance Software Engineer Bryan Grezeszak explains why good front-end developers have to follow essential design principles down to the pixel, and should regularly seek out advice and feedback from their designers.

Continue reading →
Becze Szabolcs
Android Developer’s Guide to Fragment Navigation Pattern

Navigation in mobile applications, when done right, can have tremendous positive impact on overall user experience. Android offers application developers multiple ways of implementing navigation in their application. However, not all navigation patterns are created equal.

In this article, Toptal engineer Becze Szabolcs shows us how to implement fragment-based navigation and how it stacks up against Android’s traditional navigation philosophy.

Continue reading →
Alex Gurevich
Sketch vs. Photoshop: Is It Time To Switch From Photoshop To Sketch?

Sketch promises a faster workflow and greater ease-of-use than its counterparts. You can think of Sketch as Illustrator with some Photoshop stitched together, but that’s only part of the story. Many Adobe features that you don’t use 90 percent of the time have been stripped out, giving us a streamlined tool that is designed to quickly prototype everything from simple wireframes to complex mockups.

In this article, Toptal freelance designer Alex Gurevich takes a closer look at the Sketch vs. Photoshop dilemma, explaining which has the advantage from a variety of perspectives.

Continue reading →