How to Develop Apps for Foldable Smartphones

Sudeep Srivastava December 24, 2020
Foldable-Smartphones

2019 was the landmark year where the talks of foldable smartphones reached a zenith state. 

The news of Samsung preparing to launch its innovative foldable offering had already been doing the rounds for several years. But in 2019, with Google announcing its partnership with Samsung on this innovation, the rumours became a reality and a number of device manufacturers soon started doing the homework to enter the space. 

This enthusiasm of device manufacturers took very less time to ripple down to the app development economy, which started doing homework of their own: Preparing for the design and technical nitty-gritty needed to deliver a minimal learning curve, impeccable experience to the users in a brand new environment. 

Before we head on to the parts where we look into the intricacies of app development for foldable phones and what you can do to prepare your mobile app for foldable smartphones, let us look into its current state.

Table of Content

The State of Foldable Smartphones

Here’s a visual looking into the current state of foldable smartphones – 

state of foldable smartphones

The numbers that the statistics mentioned above presents highlight that once the foldable phones start flooding in the market, they will not become an instant hit. It will take some time for them to create a position in the smartphone sector. But, like every technological disruption, while the wave may be slow, it will grow massive in no time. 

This, in turn would need both device manufacturers and Android app development companies to prepare in advance. 

How Would Foldable Phones Impact the App Development Process?

While on the surface level it appears that it is only about having flexible UX in mobile apps, but the impact is a lot more massive. 

Foldable phones means more space for the developers to create immersive and detailed experiences for all the different types of multi-window

  • Video streaming apps can use the increased screen size to show videos in larger orientation or to add extra controls or features in the app. 
  • Calendar apps will be able to open a complete month in place of week 
  • Banking apps will open multiple account information in the multi-window app screen in place of initial one 
  • Business apps will be able to add in more functionalities, like reading emails while perusing a document, etc. 
  • Content creators will be able to bounce around between multiple apps. 

Let us look into the different ways foldable smartphones can have an impact on the application development process.

A.  Quality Supersedes Everything 

Foldable phones will come with multiple orientations, aspect ratios but what will remain the same is the quality expectations. The users will expect you to deliver them the same flawless and glitch free quality and app flow that they are used to. 

Considering this, the onus of providing high quality digital products will increase when you venture into the app development for foldable phones space.

B.  Greater Test Cases 

With a massive number of foldable phones soon to hit the smartphone market, the app development team will have to work around a great number of test cases – all at the back of the complications that come attached with multi-window app configuration

quote

C.  Feedbacks Take a Pivotal Position

An effect of building apps for foldable phones is an extended feedback collection process. Since you will be taking a traditional application to a new space, there will be a lot of feedback coming your way especially on the transition front. 

Noting this, it would be necessary that you add room for attending to the changes in your Agile scrum process.

D.  Increased App Development Time and Cost 

Another crucial impact that the mobile app development economy will face will be in terms of extended app development time and cost estimate

Optimizing apps for foldables ensuring that it works glitch free in all the different modes will require a lot of design, development, and testing efforts, that in turn will bring in a price hike. 

How to Develop Apps for Foldable Phones?

Like every mobile app development process, let us divide the process of creating apps for multiple screens in three ways too. 

Designing for foldable phones 

There are primarily four things that you will have to put into consideration when initiating app design for foldables.

A. Two States – There are two states in every foldable smartphone – unfolded and folded screens, aka main display and cover display. 

Unfolded state: this is the place where a phone transforms into a tablet, giving space to the companies for enriching experience. This extra space can be used for giving greater context and adding secondary actions or experiences to the apps. 

Folded state: in this foldable app design state, the phone looks like your traditional smartphone, which is operated using one hand.

B.  One or Two-Handed App Design

States change the whole experience – even the one of how the device is held. Presently, people operate smart phones with one hand, but in the unfolded state, they will have to use both their hands. This will change the design dynamics in a way that the important UI and UX elements will have to be kept within the thumb and other fingers’ area.

C.  Multi Window 

Because the real estate in case of foldable smartphones is much greater, multitasking should always be considered. Meaning, as designers, you will have to prepare for the time where another application with its own set of design and functionality will be sharing the screen with your app and look into your multi-window life cycle as well.

D.  Screen Continuity 

The user experience must seamlessly move from the folded to the unfolded state and then back to the folded state. There should be minimal to zero change happening in the layout, which would increase the app flow ambiguity. 

Technical preparations for foldable phones 

Like in the case of designing, the developers’ work will also be segregated into four parts of app development for foldable phones processes. While with Android 11, Google will be extending support to foldables, for now, let us look into all of them in detail.

A.  Screen/ App Continuity 

As mentioned in the last section, app screen continuity means that when an app runs on a foldable smartphone should transition from an screen state to another automatically and seamlessly. The app must always resume in the same location and state. 

What you’ll have to do is make resizable app through dynamic resizing. It is done by setting resizeableActivity=true. It offers maximum compatibility with whatever environments and factors your application encounters. 

In case you forget this step, the system might automatically resize your app without the guarantee of the right size, configuration and aspect ratio. Like shown below.

screen continuity

B.  New Screen Ratios 

Android 10 and higher would support a wide range of aspect ratios. In foldables, the form factors would vary from a super high long and thin screen to 1:1 ratio. For being compatible with the devices, you must test the apps for as many screen ratios as possible. 

screen ratios

If you are not able to support a few of these ratios, you must use the maxAspectRatio and minAspectRatio for indicating the high and low ratios that the app can handle.

C.  Multi-Window 

Having two apps run side-by-side has been made common by Google since some time. What the foldable technology introduces is that it allows three or even more apps to run at the same time. Moreover, the technology gives them the capability to share content with each other.  

In case of Android 9 what used to happen was that only the application in focus used to be the resumed state and all the other visible activities were paused. In the case of Android 10, it changed. The activities remained in resumed state even when in the multi-window mode. This is known as multi-resume. 

In order to opt-in the multi-resume feature, following manifest meta-data has to be added – 

<meta-data android:name=“android.allow_multiple_resumed_activities” android:value=“true” />

D.  Multi-Display

The tenth OS version and higher supports multi screen Android display. If an app is running on a device with multiple displays, the users can easily move them from one display to another. These multi-resume applies to the multi-screen scenarios also. 

An app is able to specify which display must run when it is launched, or when another activity is created. The behavior is dependent on activity launch mode which is defined in manifest file, and in the intent flags and the options set by people who launch the activity.

An activity must check the present display in onCreate and onConfigurationChanged when handled. Android app developers must update the layouts and resources when there is a change in displays. 

Additionally, there are these things that a developer must take care of –

  • Activity vs app context
  • Display cutouts
  • Use of secondary screen 

App Testing for Foldable Devices

When it comes to testing the application, the Android QA team will have to ensure that the app reacts to the – Multi-window and multi-resume functionality, Resizing & new screen ratios, and Configuration changes. 

How Can Appinventiv Help? 

We are known in the industry for being that app development company which offers disruptive offerings and for our work with technologies that are yet to go mainstream in the mobile domain. Whether it is the incorporation of Blockchain in apps or introducing gesture mechanism in IoT, we are on top of technological innovations. 

Since the early 2019s when the talks around foldable phones started, our in-house Android app developers gathered the knowledge around Samsung’s Emulator APK and AOSP Foldable Emulator Android Studio 3.5 to gather what we would need to achieve once the foldable smartphones went mainstream.

 At the time of writing this article, our Innovation Lab has experimented on multiple test cases to gather an understanding of how the application is appearing in the folded and unfolded state. The lab has gotten us on the front of app development for foldable phones. All in all, we are prepared to convert your traditional app into a foldable device app.

THE AUTHOR
Sudeep Srivastava
Co-Founder and Director
Prev PostNext Post
Let's Build Digital Excellence Together
Let's Build Digital
Excellence Together
Read more blogs
application scalability

Application Scalability - Future-Proofing Your App for Long-Term Success

Imagine building a fintech or eCommerce application after studying users’ exact requirements, adding features that meet their expectations, and packing all the experience within an immersive design. Post the hard work and promotion you put in the success of the application, you launch it in the market. Soon, you find that after the initial peak…

Sudeep Srivastava
Redefining Mobile App Development Success in the Middle East

Redefining Mobile App Development Success in the Middle East - 6 Business Case Studies

Driven by factors like the increasing affordability of smartphones and easy accessibility to high-speed internet, mobile app development in the Middle East (ME) has witnessed a remarkable surge in 2023. The region's innovative environment, diverse demographics, and thriving business ecosystem contribute to a dynamic mobile app landscape. With the UAE ranking 6th in mobile POS…

Sudeep Srivastava
Interconnection Bandwidth in mobile App Delivery

Speeding Up Development: How Interconnection Bandwidth Enhances App Delivery

In the wake of the recent surge in digital transformation, the significance of interconnection bandwidth has emerged as a game changer, efficiently meeting the demand for faster app development and evolving business needs. Users with an insatiable appetite for higher connectivity and instant gratification expect applications to load smoothly and respond quickly in the blink…

Sudeep Srivastava
Mobile App Consulting Company on Clutch Most trusted Mobile App Consulting Company on Clutch
appinventiv India
HQ INDIA

B-25, Sector 58,
Noida- 201301,
Delhi - NCR, India

appinventiv USA
USA

79, Madison Ave
Manhattan, NY 10001,
USA

appinventiv Australia
Australia

107 Shurvell Rd,
Hunchy QLD 4555,
Australia

appinventiv London UK
UK

3rd Floor, 86-90
Paul Street EC2A 4NE
London, UK

appinventiv UAE
UAE

Tiger Al Yarmook Building,
13th floor B-block
Al Nahda St - Sharjah

appinventiv Canada
CANADA

Suite 3810, Bankers Hall West,
888 - 3rd Street Sw
Calgary Alberta