Création de votre conception d'application - Options de mise en page

Introduction

Ce document vous guidera à travers une série de questions sur la façon dont vous souhaitez que la mise en page de votre Brightcove Beacon Experience apparaisse. Le résultat de la réponse à ces questions vous aidera à concevoir votre application pour Brightcove Beacon Experience. Un exemple très simple de ce que vous voulez définir pour votre application est illustré ici :

Vous n'avez peut-être pas l'expérience de la conception d'un UX pour une application OTT. Dans la dernière section de ce document, les directives sont-elles disponibles ? , une liste des conseils des fournisseurs est affichée. Vous pouvez lire et prendre en considération leurs conseils avant de concevoir votre interface utilisateur.

Enregistrement de vos catégories/sélections

Vous consignerez vos décisions lorsque vous travaillez dans ce document dans une feuille de calcul. Pour préparer la feuille de calcul, procédez comme suit :

1. Téléchargez un modèle en cliquant sur ce lien : app-design-layout-options.xlsx . Assurez-vous de vous rappeler où il est sauvegardé.
2. Ouvrez une feuille de calcul vierge à partir de l'application Google Sheets.
3. Dans le menu Google Sheets, sélectionnez > Importer des fichiers .
4. Dans la boîte de dialogue qui s'affiche, choisissez d'abord Télécharger puis cliquez sur le bouton Sélectionner un fichier depuis votre appareil , comme illustré ici :

   

5. Recherchez le fichier Excel téléchargé, sélectionnez-le, puis cliquez sur Ouvrir .
6. Dans la boîte de dialogue Importer un fichier qui s'affiche, choisissez Remplacer la feuille de calcul, puis cliquez sur le bouton Importer les données .

   

7. Une fois la feuille de calcul importée, vous verrez quelque chose de semblable à ce qui suit :

   

Dans la feuille de calcul, vous allez enregistrer les réponses aux questions de ce document. Vous allez effectuer des sélections à partir de listes déroulantes indiquant votre choix de mise en page pour un écran.

À la fin de ce processus, vous partagerez votre feuille Google complète avec le représentant de Brightcove pour vous aider à configurer votre expérience.

Choix des options de disposition du site

Vous trouverez ci-dessous des options de mise en page pour différentes parties de votre application. Les images affichées, et à partir desquelles vous choisirez vos préférences, proviennent d'une application mobile. Bien sûr, les écrans pour la télévision ou le web auront l'air légèrement différents. Par exemple, le premier ci-dessous est un écran de détails du film d'une application mobile, suivi du même écran de détails du film de l'application Apple TV.

Maintenant, il est temps de commencer à choisir des options. Vous trouverez ci-dessous des options de mise en page pour différentes parties de votre application. Vérifiez les options de la mise en page particulière, puis enregistrez votre sélection dans la feuille de calcul.

Page de destination

La page de destination est facultative. Si vous souhaitez qu'une page de destination choisisse votre mise en page, sinon choisissez Aucun. Notez qu'il n'y a pas de page de destination sur l'application Web. Il y a deux options parmi lesquelles choisir.

Page de détails du film

La page de détails du film affiche les détails d'un film particulier, ainsi qu'une liste des films associés. Il y a quatre options parmi lesquelles choisir.

Page de détails de la série

La page de détails de la série affiche les détails d'une série particulière, ainsi qu'une liste des films associés. Il y a quatre options parmi lesquelles choisir.

TV en direct

Le client peut vérifier ce qui est en cours de lecture et ce qui va jouer ensuite sur la chaîne sélectionnée. Il y a deux options parmi lesquelles choisir.

Lecteur

Les contrôles du lecteur apparaissent différents, ainsi que d'autres vidéos de la série, le cas échéant. Il y a quatre options parmi lesquelles choisir.

Lecteur TV en direct

Lecteur utilisé lors de la lecture de la télévision en direct. Il y a trois options parmi lesquelles choisir.

Paramètres du client

Affiche les options de paramètres des clients. Il y a trois options parmi lesquelles choisir.

Articles facultatifs

Dans cette section, vous décidez si vous souhaitez inclure certains éléments facultatifs. Dans la feuille de calcul, vous répondrez par Oui/Non .

fenêtre contextuelle d'évaluation

Déterminez si vous souhaitez utiliser une fenêtre contextuelle d'évaluation.

Plus d'informations contextuelle

Déterminez si vous souhaitez utiliser une fenêtre contextuelle Plus d'informations.

A propos d'écran

Déterminez si vous souhaitez utiliser un écran À propos.

Aller en avant

Vous avez terminé cette tâche. Assurez-vous d'enregistrer la feuille de calcul sur laquelle vous avez travaillé pour la soumettre ultérieurement au personnel de Brightcove lorsque votre Brightcove Beacon Experience sera créée.

Si vous ne l'avez pas fait, vous devez compléter l'autre partie de la définition de la conception de votre application en utilisant la section Création de votre conception d'application - Architecture d'informations pour déterminer les vidéos que vous souhaitez afficher et comment les regrouper et les commander.

Des directives sont-elles disponibles ?

La conception UX est une question compliquée, et vous pouvez voir ce que les autres considèrent lors de la construction d'un design. Voici des liens vers certains des principaux intervenants de OTT conseils sur la conception et les pratiques exemplaires.

• Roku : Meilleures pratiques de conception
• Apple TV : Lignes directrices sur l'interface humaine
• Fire TV : Consignes de conception et d'expérience utilisateur
• Android TV : Conception pour Android TV