Creación de su diseño de aplicación - Opciones de diseño

Introducción

Este documento le llevará a través de una serie de preguntas sobre cómo desea que aparezca el diseño de Brightcove Beacon Experience. El resultado de responder a estas preguntas le ayudará a crear el diseño de su aplicación para Brightcove Beacon Experience. Un ejemplo muy simple de lo que desea definir para su aplicación se muestra aquí:

Es posible que no tenga experiencia en el diseño de una UX para una aplicación OTT. En la última sección de este documento, ¿está disponible orientación? , se muestra una lista de consejos de los proveedores. Es posible que desee leer y considerar su orientación antes de diseñar su interfaz de usuario.

Grabar sus categorías/selecciones

Registrará sus decisiones a medida que trabaje en este documento en una hoja de cálculo. Para preparar la hoja de cálculo siga estos pasos:

1. Descargue una plantilla haciendo clic en este enlace: app-design-layout-options.xlsx . Asegúrese de recordar dónde se guarda.
2. Abre una hoja de cálculo en blanco desde la aplicación Hojas de cálculo de Google.
3. En el menú Hojas de cálculo de Google, selecciona > Importar archivos .
4. En el cuadro de diálogo que aparece, primero elija Cargar y luego haga clic en el botón Seleccionar un archivo de su dispositivo , como se muestra aquí:

   

5. Busque el archivo Excel que acaba de descargar, selecciónelo y, a continuación, haga clic en Abrir .
6. En el cuadro de diálogo Importar archivo que aparece, elija Reemplazar hoja de cálculo y, a continuación, haga clic en el botón Importar datos .

   

7. Después de importar la hoja de cálculo, verá algo similar a lo siguiente:

   

En la hoja de cálculo registrará las respuestas a las preguntas de este documento. Hará selecciones de las listas desplegables indicando su elección de diseño para una pantalla.

Al final de este proceso, compartirá la hoja de cálculo de Google completada con el representante de Brightcove, lo que le ayudará a configurar su experiencia.

Elegir opciones de diseño del sitio

A continuación se proporcionan opciones de diseño para diferentes partes de la aplicación. Las imágenes mostradas, y de las que elegirá su preferencia, provienen de una aplicación móvil. Por supuesto, las pantallas para televisión o web se verán ligeramente diferentes. Por ejemplo, primero se muestra a continuación una pantalla de detalles de película de una aplicación móvil, seguida de la misma pantalla de detalles de película de la aplicación Apple TV.

Ahora es su momento de comenzar a elegir opciones. A continuación se proporcionan opciones de diseño para diferentes partes de la aplicación. Revise las opciones para el diseño concreto y, a continuación, grabe su selección en la hoja de cálculo.

Página de destino

La página de destino es opcional. Si desea que una página de destino elija su diseño, de lo contrario elija Ninguno. Tenga en cuenta que no hay página de destino en la aplicación web. Hay dos opciones entre las que elegir.

Página de detalles de la película

La página de detalles de la película muestra detalles de una película concreta y una lista de películas relacionadas. Hay cuatro opciones entre las que elegir.

Página de detalles de la serie

La página de detalles de la serie muestra detalles de una serie concreta y una lista de películas relacionadas. Hay cuatro opciones entre las que elegir.

TV en directo

El cliente puede comprobar lo que se está reproduciendo ahora y qué se reproducirá a continuación en el canal seleccionado. Hay dos opciones entre las que elegir.

Reproductor

Los controles del reproductor aparecen diferentes, así como otros vídeos de la serie, si los hay. Hay cuatro opciones entre las que elegir.

Reproductor de TV en vivo

Reproductor utilizado cuando se está reproduciendo TV en directo. Hay tres opciones entre las que elegir.

Configuración del cliente

Muestra las opciones de configuración de los clientes. Hay tres opciones entre las que elegir.

Artículos opcionales

En esta sección usted decidirá si desea incluir algunos elementos opcionales. En la hoja de cálculo responderás con Sí/No .

Ventana emergente de clasificación

Determine si desea utilizar una ventana emergente de clasificación.

Más información emergente

Determine si desea utilizar una ventana emergente Más información.

Acerca de la pantalla

Determine si desea utilizar una pantalla Acerca de.

Avanzando

Has completado esta tarea. Asegúrese de guardar la hoja de cálculo en la que ha estado trabajando para enviarla posteriormente al personal de Brightcove cuando se construya su Brightcove Beacon Experience.

Si no lo ha hecho, debe completar la otra parte de la definición del diseño de la aplicación trabajando a través de Creating Your Application Design - Information Architecture para determinar qué vídeos desea que se muestren y cómo agruparlos y ordenarlos.

¿Está disponible orientación?

El diseño UX es un asunto complicado, y es posible que desee ver lo que otros consideran al construir un diseño. Los siguientes son enlaces a algunos de los principales consejos de los actores OTT sobre diseño y mejores prácticas.

• Roku: Prácticas recomendadas de diseño
• Apple TV: Pautas de interfaz humana
• Fire TV: Pautas de diseño y experiencia de usuario
• Android TV: Diseño para Android TV