Telefon-UI anpassen

Sie können die Benutzeroberfläche des Dialers an Ihre Marke anpassen und so ein einheitliches Erscheinungsbild über alle Apps hinweg gewährleisten.

Die Anpassung des Dialers umfasst die folgenden drei Aufgaben:

Hinweise zur Benutzerfreundlichkeit finden Sie in der Dialer-Checkliste .

Globales Styling anwenden

Der erste Anpassungsschritt besteht darin, ein globales, markengerechtes Styling auf alle Ansichten in Dialer anzuwenden.

Durch die Anpassung von Farben, Textdarstellung und anderen globalen Aspekten der Dialer-Benutzeroberfläche an ihre Marke schaffen Automobilhersteller ein einheitliches Nutzererlebnis über alle ihre Apps hinweg. (Beispiele für die Dialer-Benutzeroberfläche finden Sie in der Dialer-App.) Dieser Abschnitt erläutert, was für den Dialer global angepasst werden kann, und bietet Richtlinien für fahrzeugoptimierte Designentscheidungen.

Was kann global gestylt werden?

Automobilhersteller können die folgenden Aspekte der Benutzeroberfläche in verschiedenen Dialer-Ansichten anpassen:

• Farbpalette
• Typografie
• Größenbestimmung von Listenelementen
• Avatar-Form und -Größe
• Symboldarstellung
• Darstellung der App-Leiste
• Schaltflächendarstellung
• Dialogdarstellung

Beachten Sie bei Änderungen am Styling die folgenden Richtlinien.

Allgemeine Stilrichtlinien

Beachten Sie für den Dialer die gleichen Styling-Konventionen wie für andere Apps in Ihrer Benutzeroberfläche, wobei die Designentscheidungen für die Nutzung im Fahrzeug optimiert sind.

Was wird benötigt

Beachten Sie unsere allgemeinen UX-Anforderungen, die Folgendes umfassen:

• Kontrastverhältnis
• Mindestgrößen für Typen und Berührungsziele
• Dunkles Design
• Abstand zwischen den Berührungszielen

Diese Anforderungen tragen dazu bei, eine fahrzeugoptimierte, auf einen Blick erfassbare und konsistente Benutzeroberfläche zu schaffen.

Style Dialer-Ansichten

Der nächste Schritt nach der Anwendung globaler Stile ist die Anwendung optionaler benutzerdefinierter Stile auf bestimmte Dialer-Ansichten.

Elemente, die nur in bestimmten Ansichten vorkommen, wie beispielsweise die Tasten des Tastenfelds, könnten von einer Anpassung des Designs an Ihre Marke und die Innenausstattung Ihres Fahrzeugs profitieren. Beispiele für die Benutzeroberfläche des Wählgeräts finden Sie in der Wähl-App.

Was ist in bestimmten Ansichten anpassbar?

Vier der Dialer-Ansichten enthalten ansichtsspezifische Elemente, für die Autohersteller möglicherweise ein individuelles Styling anbieten möchten.

Autohersteller können das Styling eines globalen UI-Elements, wie zum Beispiel die Textdarstellung, in jeder Dialer-Ansicht aus einem bestimmten Grund überschreiben.

Bei der Anpassung von Dialer-spezifischen Ansichten sollten Sie die allgemeinen Gestaltungsrichtlinien beachten, die für die Anpassung globaler Stile gelten.

Layouts ändern

Optional können Autohersteller die Layouts des Wählsystems unter bestimmten Umständen modifizieren.

Autohersteller können:

• Passen Sie die Layouts an, um sie besser an die Bildschirmabmessungen anzupassen.
• Ordnen Sie die Elemente eines Layouts für ein bestimmtes Auto oder einen bestimmten Ort neu an.
• Ändern Sie ein Layout, um eine Funktion zu deaktivieren, die nicht unterstützt wird.

Änderungen am Layout, die über einfache Anpassungen hinausgehen – insbesondere wenn sie das Deaktivieren einer Funktion beinhalten – sollten mit Vorsicht vorgenommen werden, um sicherzustellen, dass Dialer funktionsfähig bleibt.

Bei Änderungen, die Funktionen deaktivieren oder Elemente eines Layouts neu anordnen, halten Sie sich bitte an die allgemeinen Stilrichtlinien und stellen Sie sicher, dass die verbleibenden Dialer-Funktionen wie erwartet funktionieren.

Passen Sie die Layouts an die Bildschirmabmessungen an.

Falls die Standardversionen der Dialer-Layouts nicht optimal für die jeweiligen Bildschirmabmessungen eines Autos geeignet sind, können die Autohersteller sie anpassen.

Das Anpassen von Layouts an die Bildschirmabmessungen umfasst zwei Schritte:

• Festlegen der Gesamtbildschirmhöhe und -breite in Ressourcen-Overlays
• Sicherstellen, dass Elemente und Berührungspunkte in jeder Dialer-Ansicht angemessen getrennt und leicht zugänglich sind

Beachten Sie die allgemeinen Stilrichtlinien für weitere stilistische Überlegungen, die sich auf das Layout auswirken könnten.

Layout-Elemente neu anordnen

In manchen Fällen möchten Autohersteller das Layout an die Innenausstattung eines bestimmten Fahrzeugs anpassen. Beispielsweise könnte bei Fahrzeugen mit rechtsseitiger Lenksäule das Layout der Wähltastatur so verändert werden, dass sich die Tastatur auf der rechten statt auf der linken Seite des Bildschirms befindet.

Beachten Sie die allgemeinen Stilrichtlinien für weitere stilistische Überlegungen, die sich auf das Layout auswirken könnten.

Ändern Sie die Layouts, um Funktionen zu deaktivieren

Wenn Fahrzeughersteller eine Dialer-Funktion deaktivieren, indem sie den Zugriff darauf in ihren Benutzeroberflächen entfernen, müssen sie sicherstellen, dass die übrigen Funktionen nicht unbeabsichtigt beeinträchtigt werden. Die App muss weiterhin die in diesem Abschnitt beschriebenen Richtlinien zur Layoutänderung sowie die nutzerabhängigen Beschränkungen, die sich aus dem Fahrzustand des Fahrzeugs ergeben (z. B. der gesperrte Zugriff auf die Einstellungen während der Fahrt), einhalten.

Außerdem ist es wichtig, Verweise auf deaktivierte Funktionen aus allen Layouts zu entfernen, die diese Funktionen referenzieren. Beispielsweise müssen Automobilhersteller, die die Favoriten-Kontaktansicht nicht unterstützen möchten, nicht nur den Favoriten-Tab in der App-Leiste deaktivieren, sondern auch den Favoriten-Schalter in der Kontaktdetailseite ausblenden oder entfernen.

UX-Anforderungen

Anhand dieser Liste können Sie überprüfen, ob die Anpassungen von Stil und Layout des Dialers alle Designanforderungen erfüllen.

Für detaillierte Informationen zu den MUSS-, SOLLTE- und KANN-Richtlinien in den einzelnen Anpassungsbereichen besuchen Sie die Links in der linken Spalte.