Produktneuigkeiten

Apps mit adaptiver Entwicklung auf Googlebooks bereitstellen

Lesezeit: 4 Minuten

Googlebook ist eine neue Kategorie von Laptops, die auf einer gemeinsamen Android-Grundlage basieren. Leistungsstarke Hardware von Partnern wie HP, Dell, Lenovo, Acer und Asus kombiniert die Mobilität von Mobilgeräten mit der Leistung von Desktop-Computern. Googlebooks haben hochauflösende OLED-Touchscreens, spezielle Tastaturen und präzise Trackpads mit Akkulaufzeit für den ganzen Tag und Gemini Intelligence auf Betriebssystemebene. Mit Googlebook können Nutzer nahtlos von kurzen Interaktionen auf ihrem Smartphone zu umfassenden, immersiven Sitzungen auf ihrem Laptop wechseln.

Wenn Sie Ihre App auf Googlebook anbieten, ergeben sich für Sie im gesamten Android-Ökosystem wertvolle Möglichkeiten. Google Play präsentiert optimierte Titel mit speziellen Logos, einer verbesserten Suche und hervorgehobenen Bereichen auf kuratierten Store-Startseiten. Wenn Sie dieses Qualitätsniveau erreichen, ist Ihre App auch für das Apps Experience Program geeignet. Wenn Sie sich dafür registrieren, können Sie eine neue Programmpreisliste nutzen, die auf Umsatzsteigerung ausgerichtet ist. Noch besser: Wenn Nutzer ihr neues Googlebook mit ihrem Android-Smartphone einrichten, werden optimierte Apps deutlich hervorgehoben, damit sie ganz einfach übertragen werden können. So ist Ihre App vom ersten Tag an auf dem neuen Gerät verfügbar.

desktop optimized.png
Optimiert für Logos auf dem Computer und dedizierte Sammlungen bei Google Play.

Und das Beste ist: Sie müssen keine separate App von Grund auf neu entwickeln, um diese Reichweite zu nutzen. Durch adaptive Entwicklung lassen sich moderne Android-Apps auf natürliche Weise an große Displays, neue Gerätepositionen und neue Formfaktoren anpassen. Wenn Ihre App bereits adaptive Layouts unterstützt, ist sie für Googlebooks optimiert. Wenn Sie auf Ihrer bestehenden Grundlage von adaptiver Benutzeroberfläche, Fenstergrößenklassen und Unterstützung für mehrere Eingaben aufbauen, können Sie eine optimierte Nutzererfahrung bieten.

image5.png
Adaptive Layouts, bei denen mobile Ansichten in eine Ansicht mit mehreren Bereichen umorganisiert werden.

App auf Desktop-Grundlagen ausrichten

Auf einem Laptop wird Ihre App in einer Desktopumgebung ausgeführt, in der Nutzer eine höhere Informationsdichte, präzise Eingaben und aktives Multitasking erwarten. Wenn Sie die Richtlinien für die Entwicklung und das Design von Desktop-Apps beachten, können Sie diese Funktion optimal nutzen. Anstatt mobile Benutzeroberflächen einfach auf einem großen Bildschirm zu strecken, werden Inhalte in einem adaptiven Layout in funktionale Gruppen unterteilt.

Verwenden Sie eine Architektur mit mehreren Bereichen, damit sich die Benutzeroberfläche anpassen, neu fließen oder mehr Details anzeigen kann, wenn sich die Fenstergrenzen ändern. Mit Navigation 3 können Sie adaptive Szenenstrategien implementieren, um Layouts mit mehreren Bereichen direkt über den Backstack zu koordinieren. Verwenden Sie ListDetailSceneStrategy und SupportingPaneSceneStrategy, um nebeneinander angeordnete Layouts zu ermöglichen, wenn mehr Platz im Fenster verfügbar ist. Mit Szenendekoratoren können Sie Bildschirme mit persistenten Navigationsleisten für den Desktop umgeben. Kombinieren Sie diese Muster mit Layout-Primitiven wie Grid und FlexBox und bald auch mit experimentellen MediaQuery- und Styles-APIs, um komplexe Inhalte zu organisieren und visuelle Stile dynamisch für Desktop-Displays anzupassen.

image2.png
Darstellungen von breitenbasierten Fenstergrößenklassen.

Bei der Freiform-Fensterdarstellung auf dem Desktop können App-Fenster jederzeit dynamisch in der Größe angepasst werden. Ihre Layoutentscheidungen sollten direkt auf den verfügbaren Fensterbereich reagieren. Verwenden Sie dazu Fenstergrößenklassen anstelle der physischen Displayabmessungen.

Beim Desktop-Design werden auch ergonomische Betrachtungsabstände und präzise Zeigerziele berücksichtigt. Passen Sie die Typografie für die komfortable Anzeige auf größeren Displays an, legen Sie maximale Layoutbreiten fest, um die Zeilenlängen lesbar zu halten, und definieren Sie explizite Klickziele, um Fehlklicks zu vermeiden. Vollständige Designmuster finden Sie in unserem Leitfaden zu Designprinzipien. Inspirationen aus der Praxis finden Sie in der Desktop-Design-Galerie.

Differenzierte Funktionen für Google Books bereitstellen

Sobald Ihr Hauptlayout responsiv ist, können Sie Ihre App mit differenzierten Funktionen erweitern, die die Desktopumgebung optimal nutzen. Die alltägliche Produktivität in diesen Setups hängt von vielseitigen Eingabemethoden ab. Jetpack Compose unterstützt nativ die Navigation über eine physische Tastatur und die Auswahl mit einem Zeiger. Verbessern Sie die Benutzerfreundlichkeit Ihrer App, indem Sie kontextbezogene Cursor einbinden, die visuelles Feedback für die Texteingabe, die Größenänderung von Bereichen und die Auswahl von Tools geben. Implementieren Sie Kontextmenüs für Rechtsklicks und Hover-Zustände. Sorgen Sie dafür, dass Ihre Tastenkombinationen über die Hilfe für Tastenkombinationen auffindbar sind.

image4.png
Auf dem Task-Switcher werden mehrere geöffnete Fenster und App-Instanzen angezeigt.


Auf Googlebook werden Apps in Freiform-Fenstern ausgeführt, in denen Nutzer mehrere Aufgaben gleichzeitig erledigen können. Aktivieren Sie Unterstützung des Multi-Instanz-Modus, um nebeneinander ausgeführte Workflows zu ermöglichen. So können Nutzer unabhängige Fenster starten, um Inhalte zu vergleichen oder mehrere Dokumente zu verwalten. In Kombination mit Drag-and-drop können Nutzer Text, Bilder und Dateien flüssig zwischen Fenstern verschieben oder Elemente in einen leeren Arbeitsbereich ziehen, um eine neue Aufgabe zu starten.

image3.png
Multitasking im Mehrfenstermodus mit Drag-and-drop zwischen Fenstern

Sie können auch den Fensterrahmen anpassen. Im Desktop-Freiform-Fenster-Modus enthalten Apps eine Kopfzeile mit Untertitel, die Sie mit benutzerdefinierten Hintergründen, Suchleisten oder Tabs gestalten können, wobei die Systemfenster-Steuerelemente berücksichtigt werden.

Neben einzelnen App-Fenstern sorgt Weiter auf dafür, dass die Nutzung von Smartphones, Tablets und Googlebooks nahtlos ineinander übergeht. Durch die bidirektionale Übergabe können Nutzer eine Aufgabe auf einem Bildschirm beginnen und nahtlos auf einem anderen fortsetzen. Durch die Übergabe des Status über HandoffActivityData wird der Kontext wie die Dokumentposition oder aktive Tabs beibehalten. Optionale Web-Fallbacks sorgen für reibungslose Übergänge.

Ergänzen Sie diese Informationen mit anpassbaren Widgets, die umsetzbare Informationen auf einen Blick liefern. Wenn Sie Ihre App weiter optimieren, können Sie sie anhand unserer umfassenden Qualitätsrichtlinien für Desktop-Apps vergleichen.

Entwickler setzen diese Muster bereits im gesamten Ökosystem um. Als Notability zu Googlebook kam, konnten die Entwickler sofort auf früheren Investitionen in Tablets und Foldables aufbauen. Da das Layout bereits auf Fenstergrößenklassen und adaptiven Szenenstrategien basierte, wurden Canvas und Symbolleisten beim Ändern der Fenstergröße automatisch neu angeordnet. Die vorhandene Unterstützung für Tastatur und Trackpad wurde einfach übernommen.

„Wir hatten bereits erstklassige Nutzererlebnisse für Tablets und faltbare Geräte im Blick“, erklärt Ryan Shea, Android Engineering Manager bei Notability. „Als Googlebooks auf den Markt kam, mussten wir Notability also nur noch anpassen, um es auf einem Laptop nutzen zu können. So konnten wir unsere Zeit für die Dinge nutzen, die nur auf einem größeren Bildschirm oder mit den neueren APIs sinnvoll sind, z. B. „Continue On“, mit dem eine Notiz von Ihrem Smartphone an den Laptop übergeben wird, und die Optimierung der nebeneinander angezeigten Apps für das Lernen.“

Workflows mit speziellen Tools beschleunigen

Das Testen und Optimieren Ihrer App für Googlebook lässt sich nahtlos in Ihren bestehenden Entwicklungs-Workflow einfügen.

Mit dem Desktop-Emulator in Android Studio können Sie eine virtuelle Desktopumgebung direkt auf Ihrer Workstation ausführen, um das Anpassen der Größe von Freiform-Fenstern zu testen, Interaktionen im Multi-Instanz-Modus zu überprüfen und Maus-, Touchpad- und Tastaturinteraktionen zu debuggen. Laden Sie Android Studio Canary herunter, um Ihr virtuelles Gerät einzurichten.

Mit KI-Unterstützung die Layoutmodernisierung beschleunigen Mit der adaptiven Funktion erhalten Ihre KI-Agents den erforderlichen Kontext, um mobile Layouts automatisch in responsive Compose-Container umzugestalten. Installieren Sie den Skill direkt über die Android-Befehlszeile, um die Implementierung zu optimieren.

Neue Möglichkeiten auf Googlebooks

Unbenannter Entwurf (2).png
Die Googlebook-Laptops von Ökosystempartnern.

Die Googlebook-Reihe ist ein spannendes neues Kapitel für das Android-Ökosystem und bietet Ihren Apps eine Premium-Plattform für umfassendere und leistungsfähigere Funktionen. Durch die adaptive Entwicklung wird mit einer einzigen Codebasis die optimale Darstellung und Leistung Ihrer App auf Smartphones, Foldables, Tablets und Googlebooks sichergestellt. Außerdem wird die Sichtbarkeit und Kennzeichnung in Google Play verbessert. In unserem Googlebook-Entwickler-Hub finden Sie die Dokumentation. Sehen Sie sich den Designleitfaden für Computer an und beginnen Sie noch heute mit der Entwicklung für Googlebook.

Geschrieben von:
Weiterlesen