Google shows what a good Android tablet and foldable apps look like

At the Android Developer Summit 2022, Google participated in the “Big Screen Gallery” that provides schematic guides for foldable tablets and apps by category: social and communication, media, productivity, shopping, and reading.

According to Google, these “basic large screen layouts are installed, which are versatile application layouts that provide an optimal user experience on large screen devices” (tablets, foldable devices, ChromeOS), as well as phones. They are based on Material Design guidelines and are responsive, as well as being adaptive in nature. The goal is to be “aesthetic as well as functional”.

Standard blueprints are large screen installations that serve as starting points for design and implementation.

There are three layouts for organizing popular tablet / foldable app items:

  • View menu details: “Many layouts can be created based on the list relationship and detail view. The relationship is created spatially by taking the left side of the screen to display a list and the right side to show the list details.”
  • support panelA bolster panel layout is a way to extend the screen. bolster panel layouts differ from list and detail view layouts because primary and secondary focal points are considered to be equally important and complementary to each other simultaneously.
  • feed: “Feeds are a popular layout for news and social content. Feeds use a grid configuration to enable content browsing and discovery.”
    • “However, in foldable devices, the feed can be designed to be a more comprehensive view due to the larger screen size.”

Social media and communication applications

  • Uses View detail list for:
    • “List of conversations along with conversation details”
    • A collection of videos that users can browse, select, play and pause, all on the same screen
  • Uses backing board for:
    • Tools: for example, photo editing
    • comments
  • Uses feed for:
    • “A collection of posts in a flexible grid format. Use size and position to create groups or draw attention to high profile posts.”
  • Distinguished Experience:
    • tabletop: Google recommends that hands-free tabletop viewing is supported on foldable devices where the screen is open at an angle of 90°
    • Drag and drop: “Confusion-free drag-and-drop interactions—within apps, in multi-window mode, between apps.”
    • Pictures in pictures
    • multi window: “Enable users to search while typing, search while chatting, and schedule during video calls”

The media

  • Uses feed for:
    • Media Discovery: “Create a rich media feed that enables users to discover new content, new artists, and new recommendations and reviews”
    • Browse Media: “Create a media kiosk that allows users to browse, sort, filter, and choose their favorite movies, music, or TV shows from a wide media selection on a large production screen.”
  • Uses backing board for:
    • Media +: “Enhance your media viewing or listening experience in the expanded space of the big screens with a scrollable list of similar titles, published reviews, or additional work by the same artists or actors.”
    • Stereo: “Include a supporting panel of context, relevance, or reference while maintaining an immersive viewing experience.”
  • Uses View detail list for:
    • Easy Explore: “Build an interactive media browser to make media searches productive and engaging. Enable users to browse while watching or listening.”
  • Distinguished Experience:
    • tabletop: “Place playback media above the fold, controls and additional content below, for a hands-free viewing or listening experience.”
    • Pictures in pictures
    • multi window: “Allow users to multitask with two apps side by side to browse a range of movies while checking out actors and characters, or listen to music while searching for songs or the latest news and music reviews.”


  • Uses feed for:
    • Browse and filter files
  • Uses View detail list for:
  • Uses backing board for:
    • Tools and Settings
    • Reviews and comments
  • Distinguished Experience:
    • multi window: See Google Docs / Sheets / Slides as an example to open multiple document instances
    • Drag and drop: faster sharing (as adopted by workspace applications)
    • tabletop: “Design desktop layouts that enable users to let go of what they’re doing and focus on what’s important—a colleague’s presentation, a group video call—with easy, hands-free access to content and controls in other apps.”

the shopping

  • Uses View detail list for:
  • Uses feed for:
  • Uses backing board for:
    • Selling Support: “Helpful features such as product filters for targeted searches or a checklist of product options to slightly increase sales.”
  • Distinguished Experience:
    • multi window: “Enable shoppers to view products in one window while searching for product ratings, reviews, and reports in another window”
    • Drag and drop: “Make your purchase quick and easy with a drag-and-drop shopping cart. Capture potential purchases in your drag-and-drop wish list.”


  • Uses immersive mode for:
    • Full-screen readability: “Large screens in immersive mode improve readability with long line lengths and plenty of white space for an eye-pleasing, eye-pleasing reading experience.”
  • Uses feed for:
    • Book Lists and Purchases: “Enable book buyers to scan row by row of the latest issues into a large, multi-column grid displaying best sellers or best deals of outstanding volume and status.”
    • What’s Inside: “Make book browsing useful and engaging by including summaries or text excerpts of selected titles in multi-title book lists.”
  • Uses backing board for:
    • Supplementary Content: “Complete the main app content with useful and exciting information in a supporting panel.”
    • Markup Tools
  • Distinguished Experience:
    • multi windowA book on one side and taking notes on the other
    • book modeCapture the experience of reading a real book with a two-page design on a large screen that folds like a bound book.
    • Drag and drop: To facilitate copying in Notes/Documents or Messages apps

FTC: We use affiliate links to earn income. more.

Check out 9to5Google on YouTube for more news:

Source link

Write a Reply or Comment

Your email address will not be published. Required fields are marked *