DESIGN.
CODE.
LAUNCH.

Creating Android experiences
from large to dual screens

On November 17th, 2021, in partnership with Microsoft, we hosted Design Code Launch—an event about creating experiences within the Android ecosystem, from large-screen to dual-screen.

The event focused on building Android apps on large and dual screen devices, such as Surface Duo. This blog summarizes the event and the highlights how our in-hour experts engaged with guest panellists from Microsoft and Atlassian to discuss their unique views on creating experiences for modern mobile form factors. We aimed to inspire creators with fresh development ideas and motivate design challenges.

If you want to watch the recording, please view this next section.

The Webinar Agenda

Reference the time-stamp below to jump to ahead in the YouTube recording.

Intro – 0:00
Designing the ultimate user experience – 6:18
Dive into Android app development – 28:06
A case study by Atlassian – 1:08:07
Q&A – 1:36:35

Design.

Just like building a successful application starts from design, so did our webinar. Claudio Afonso, the design lead at A-CX presented this chapter with Mehul Shah, a UX designer from Microsoft as a guest speaker. Their presentation covered, e.g.:

The intricacies of Foldable and Two-Screen devices
Some Do’s and Dont’s from their experience
How to get started, and how to work towards success

If you’d like to jump straight to the Design presentation, it starts at 6 minutes 18-sec mark of the video.

Code.

After we had laid a strong foundation and understood how to design a compelling app, we dove into coding. Ilpo Niva, from A-CX, presented this chapter with Cesar Valiente from Microsoft Surface Duo DX team. The Code chapter of the presentation covered topics such as:

Bridging design to development
capabilities of the Android platform and the opportunities it provides for developers
focusing on Jetpack WindowManager and SlidingPaneLayout

The Code presentation starts at 28 minutes 6 of the recording.

Launch.

Once we have designed a meaningful application that solves real-world problems and developed it, it’s time to Launch. This part of the event was presented by Mikko Peltola from A-CX Product Management and Andras Nemeth from Atlassian. The presentation focused on:

Past trends and research supporting the assumption that large and dual screens are the future
Developers’ and clients’ drivers and motivations for building an application
Atlassian’s (Jira) app development journey from generic to large to dual screens

The Launch presentation can be found at 1 hour 8 minutes and 7 seconds mark of the video.

Q&A of the Design. Code. Launch. event

The final chapter of the event was interactive in nature. The audience asked questions and all the six presenters were in the panel answering them. The questions are presented here (with minor edits for clarity.)

What are the key differences between designing for the Duo and other Android Foldables?
Are those 5 design patterns guidelines or rules?
- This references the design patterns Claudio and Mehul present during the event
Are there any other things that I should consider to make an app aware of other open apps?
How do you decide what to show on a really small view vs. when your app is, for example, spanned to cover the maximum available canvas?
Does it matter which layouts are used on WindowManager, lie constraint, linear, etc.?
Can you define minimum and maximum sliding panes?

Are there emulators for all these different form factors for Android Studio?
Does it require more coding when creating apps for multiple platforms?
How long a time did it take for you to build the Dual screen app on top of the iPad app?
- This is for Andras and his experience at Atlassian
What kind of feedback have you received from your users regarding your mobile app on different platforms? Do people that try Dual screen like it?
What’s been the hardest puzzle to solve while building large, foldable or dual-screen apps?
How do you decide when to build a design prototype using FIGMA etc. vs. a proof-of-concept built by engineers to test your designs?
Where to find more resources on dual-screen application development?
Can A-CX help my application development needs for dual screens
How do I get more information on DUO devices?

The Q&A part starts at 1 hour 36 minutes 35 seconds of the video.

Next steps

We have provided a number of links to useful resources. These include SDKs and code samples, training and community material, and case studies. You can read more of our thoughts on our blogs. If you’d like to continue the discussion or get help, you’re always welcome to reach out to us. We’re a curious team with a passion for building the mobile future. Don’t be shy to get in touch!

Supporting blog posts

Designing engaging apps for Surface Duo
Why are foldable and dual screen phones the future?
Android development for different form factors
Building engaging apps for MS Surface Duo starts with the design
Research: productivity on large and dual screens devices

Additional resources

Content

Dual-screen Android Developer documentation:
ht tps://aka.ms/dual-screen

Surface Duo Design Kit:
https://www.figma.com/community/file/925222050648034066

Surface Duo developer blog:
https://aka.ms/surfaceduosdk-blog

SDK and sample code:

Cookie	Duration	Description
cookielawinfo-checbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-advertisement	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
CookieLawInfoConsent	1 year	CookieYes sets this cookie to record the default button state of the corresponding category and the status of CCPA. It works only in coordination with the primary cookie.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
__cfduid	1 month	The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. It does not correspond to any user ID in the web application and does not store any personally identifiable information.
__hssrc	session	This cookie is set by Hubspot whenever it changes the session cookie. The __hssrc cookie set to 1 indicates that the user has restarted the browser, and if the cookie does not exist, it is assumed to be a new session.

Cookie	Duration	Description
bcookie	2 years	This cookie is set by linkedIn. The purpose of the cookie is to enable LinkedIn functionalities on the page.
lang	session	This cookie is used to store the language preferences of a user to serve up content in that stored language the next time user visit the website.
lidc	1 day	This cookie is set by LinkedIn and used for routing.
li_gc	2 years	Used to store consent of guests regarding the use of cookies for non-essential purposes
__cf_bm	30 minutes	This cookie, set by Cloudflare, is used to support Cloudflare Bot Management.
__hssc	30 minutes	HubSpot sets this cookie to keep track of sessions and to determine if HubSpot should increment the session number and timestamps in the __hstc cookie.

Cookie	Duration	Description
AnalyticsSyncHistory	1 month	The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report.
CONSENT	2 years	YouTube sets this cookie via embedded YouTube videos and registers anonymous statistical data.
hubspotutk	1 year 24 days	HubSpot sets this cookie to keep track of the visitors to the website. This cookie is passed to HubSpot on form submission and used when deduplicating contacts.
ln_or	1 day	Linkedin sets this cookie to registers statistical data on users' behaviour on the website for internal analytics.
_ga	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gat_UA-163360610-1	1 minute	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_ga_*	1 year 1 month 4 days	Google Analytics sets this cookie to store and count page views.
_ga_3BVJ20WL0T	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gcl_au	3 months	Provided by Google Tag Manager to experiment advertisement efficiency of websites using their services.
_gid	1 day	This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the wbsite is doing. The data collected including the number visitors, the source where they have come from, and the pages viisted in an anonymous form.
__hstc	1 year 24 days	This is the main cookie set by Hubspot, for tracking visitors. It contains the domain, initial timestamp (first visit), last timestamp (last visit), current timestamp (this visit), and session number (increments for each subsequent session).

Cookie	Duration	Description
bscookie	2 years	This cookie is a browser ID cookie set by Linked share Buttons and ad tags.
IDE	1 year 24 days	Google DoubleClick IDE cookies store information about how the user uses the website to present them with relevant ads according to the user profile.
li_sugr	3 months	LinkedIn sets this cookie to collect user behaviour data to optimise the website and make advertisements on the website more relevant.
test_cookie	15 minutes	The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.
UserMatchHistory	1 month	Linkedin - Used to track visitors on multiple websites, in order to present relevant advertisement based on the visitor's preferences.
VISITOR_INFO1_LIVE	5 months 27 days	YouTube sets this cookie to measure bandwidth, determining whether the user gets the new or old player interface.
YSC	session	Youtube sets this cookie to track the views of embedded videos on Youtube pages.
yt-remote-connected-devices	never	YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.
yt-remote-device-id	never	YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.
yt.innertube::nextId	never	YouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.
yt.innertube::requests	never	YouTube sets this cookie to register a unique ID to store data on what videos from YouTube the user has seen.

Cookie	Duration	Description
ppwp_wp_session	30 minutes	No description
raygun4js-userid	never	Description unavailable.
VISITOR_PRIVACY_METADATA	5 months 27 days	Description is currently not available.
_cfuvid	session	Description is currently not available.
_uuid	never	No description available.

DESIGN.
CODE.
LAUNCH.

Creating Android experiences
from large to dual screens

On November 17th, 2021, in partnership with Microsoft, we hosted Design Code Launch—an event about creating experiences within the Android ecosystem, from large-screen to dual-screen.

The Webinar Agenda

Design.

Code.

Launch.

Q&A of the Design. Code. Launch. event

Next steps

Supporting blog posts

Additional resources

Content

SDK and sample code:

Training

Community

Other

Case studies

Stay in
the loop

Drop by
and say hi

DESIGN.CODE.LAUNCH.

Creating Android experiencesfrom large to dual screens

On November 17th, 2021, in partnership with Microsoft, we hosted Design Code Launch—an event about creating experiences within the Android ecosystem, from large-screen to dual-screen.

The Webinar Agenda

Design.

Code.

Launch.

Q&A of the Design. Code. Launch. event

Next steps

Supporting blog posts

Additional resources

Content

SDK and sample code:

Training

Community

Other

Case studies

Stay in the loop

Drop by and say hi

DESIGN.
CODE.
LAUNCH.

Creating Android experiences
from large to dual screens

Stay in
the loop

Drop by
and say hi