Erstellen Ihres Anwendungsdesigns - Layout-Optionen

Einführung

Dieses Dokument führt Sie durch eine Reihe von Fragen dazu, wie das Layout Ihrer Brightcove Beacon Experience erscheinen soll. Das Ergebnis der Beantwortung dieser Fragen hilft Ihnen, Ihr Anwendungsdesign für die Brightcove Beacon Experience zu erstellen. Ein sehr einfaches Beispiel dafür, was Sie für Ihre App definiert haben möchten, finden Sie hier:

Möglicherweise haben Sie keine Erfahrung mit dem Entwerfen einer UX für eine OTT-App. Steht im letzten Abschnitt dieses Dokuments Leitlinien zur Verfügung? wird eine Liste der Ratschläge der Anbieter angezeigt. Vielleicht möchten Sie deren Anleitung lesen und in Betracht ziehen, bevor Sie Ihre Benutzeroberfläche entwerfen.

Aufzeichnen Ihrer Kategorien/Auswahlen

Sie werden Ihre Entscheidungen während der Arbeit in diesem Dokument in einer Tabelle aufzeichnen. Gehen Sie folgendermaßen vor, um die Tabelle vorzubereiten:

1. Laden Sie eine Vorlage herunter, indem Sie auf diesen Link klicken: app-design-layout-options.xlsx . Denken Sie daran, wo es gespeichert ist.
2. Öffnen Sie eine leere Tabelle in der Google Sheets-App.
3. Wählen Sie im Google-Tabellenmenü den Befehl > Dateiimport .
4. Wählen Sie im angezeigten Dialogfeld zuerst Hochladen und klicken Sie dann auf die Schaltfläche Datei aus Ihrem Gerät auswählen , wie hier gezeigt:

   

5. Suchen Sie die gerade heruntergeladene Excel-Datei, wählen Sie sie aus und klicken Sie auf Öffnen .
6. Wählen Sie im daraufhin angezeigten Dialogfeld „ Datei importieren “ die Option „ Tabelle ersetzen “ und klicken Sie dann auf die Schaltfläche Daten importieren .

   

7. Nachdem die Tabelle importiert wurde, sehen Sie etwas Ähnliches wie das Folgende:

   

In der Tabelle werden Sie die Antworten auf die Fragen in diesem Dokument aufzeichnen. Sie treffen eine Auswahl aus Dropdown-Listen, die Ihre Wahl des Layouts für einen Bildschirm angeben.

Am Ende dieses Prozesses teilen Sie Ihr ausgefülltes Google Sheet mit dem Brightcove-Vertreter, der Ihnen bei der Konfiguration Ihrer Erfahrung hilft.

Auswählen von Optionen für das Site-

Im Folgenden finden Sie Layoutoptionen für verschiedene Teile Ihrer App. Die gezeigten und von denen Sie Ihre Präferenz auswählen, stammen aus einer mobilen App. Natürlich sehen die Bildschirme für TV oder Web etwas anders aus. Zum Beispiel ist zuerst unten ein Bildschirm mit Filmdetails von einer mobilen App gezeigt, gefolgt vom gleichen Bildschirm mit den Filmdetails der Apple TV-App.

Jetzt ist es an der Zeit, Optionen zu wählen. Im Folgenden finden Sie Layoutoptionen für verschiedene Teile Ihrer App. Überprüfen Sie die Optionen für das jeweilige Layout und notieren Sie dann Ihre Auswahl in der Tabelle.

Landing-Page

Die Landingpage ist optional. Wenn Sie eine Landingpage haben möchten, wählen Sie Ihr Layout, andernfalls wählen Sie Keine. Beachten Sie, dass es in der Web-App keine Landingpage gibt. Es gibt zwei Optionen, aus denen Sie wählen können.

Seite mit Filmdetails

Auf der Filmdetailseite werden Details für einen bestimmten Film und eine Liste verwandter Filme angezeigt. Es gibt vier Optionen, aus denen Sie wählen können.

Detailseite der Serie

Auf der Seite mit den Seriendetails werden Details für eine bestimmte Serie und eine Liste verwandter Filme angezeigt. Es gibt vier Optionen, aus denen Sie wählen können.

Live-TV

Der Kunde kann überprüfen, was gerade gespielt wird und was als nächstes auf dem ausgewählten Kanal gespielt wird. Es gibt zwei Optionen, aus denen Sie wählen können.

Player

Die Player-Steuerelemente erscheinen anders, ebenso wie andere Videos in der Serie, falls vorhanden. Es gibt vier Optionen, aus denen Sie wählen können.

Live-TV-Spieler

Spieler, der verwendet wird, wenn Live-TV abgespielt wird. Es gibt drei Optionen, aus denen Sie wählen können.

Kunden-Einstellungen

Zeigt die Einstellungsoptionen der Kunden an. Es gibt drei Optionen, aus denen Sie wählen können.

Optionale Artikel

In diesem Abschnitt entscheiden Sie, ob Sie einige optionale Artikel hinzufügen möchten. In der Tabelle werden Sie mit Ja/Nein antworten.

Bewertungs-Popup

Stellen Sie fest, ob Sie ein Bewertungs-Popup verwenden möchten.

Mehr Info-Popup

Stellen Sie fest, ob Sie ein Popup „Weitere Informationen“ verwenden möchten.

Über Bildschirm

Stellen Sie fest, ob Sie einen Info-Bildschirm verwenden möchten.

Vorwärts

Du hast diese Aufgabe erledigt. Speichern Sie unbedingt die Tabelle, an der Sie für eine spätere Einreichung an Brightcove-Mitarbeiter gearbeitet haben, wenn Ihre Brightcove Beacon Experience erstellt wurde.

Wenn Sie dies nicht getan haben, müssen Sie den anderen Teil der Definition Ihres Anwendungsdesigns ausfüllen, indem Sie die Creating Your Application Design - Information Architecture durcharbeiten, um zu bestimmen, welche Videos Sie anzeigen möchten und wie sie gruppiert und bestellt werden.

Steht Leitfaden zur Verfügung?

UX-Design ist eine komplizierte Angelegenheit, und Sie möchten vielleicht sehen, was andere beim Erstellen eines Entwurfs berücksichtigen. Im Folgenden finden Sie Links zu einigen der wichtigsten Ratschläge von OTT-Akteuren zu Design und Best Practices.

• Roku sagt: Best Practices
• Apple Fernsehen: Richtlinien für menschliche Schnittstellen
• Feuer TV: Richtlinien für Design und Benutzererfahrung
• Android Fernsehen: Entwurf für Android-Fernsehen