Article Date: 03/30/22

To design a full-stack mobile app, you must consider the total user experience of the app – from the graphical design of the user interface, to the performance of the app, to requesting support when something goes wrong. Additionally, you need to consider each platform and the expectations of the users based on that platform.

Mobile apps have been around for over a decade now. Developers are tasked with including a number of criteria in the user experience for a modern full-stack mobile app:

• Initial and subsequent loading animations
• Responsive and adaptive design
• Device and platform-specific fonts and iconography
• Consistency and familiarity with app brand across devices
• Caching and other forms of persistence
• Offline and network-interrupt experience
• Asynchronous considerations for UI

While some aspects of design are similar across web and mobile applications and sites, others are unique to each. Broadly, you can consider the application body, form controls, font and typography rendering, component rendering, and navigation or routing as those elements that need to be addressed for each distinctly.

Web versus mobile web versus hybrid versus mobile app design

Web designers of days gone by had their roots in print design, but that is less common these days. Many modern mobile app designers might have a background in traditional web or print design, and as such, mobile app developers need to recognize and benefit from the commonalities but also need to differentiate between the user experience, concepts, and tools that are available and appropriate for each environment. Things that work in one environment or platform might be out of place in another for myriad reasons. 

If you want to continue reading: https://developer.ibm.com/articles/designing-full-stack-mobile-apps/