Skip to main content

Quiz

Un layout de tipo quiz es una plantilla diseñada para hacer cuestionarios en la TV en la que siempre se ha de tener una respuesta correcta. Es una buena forma de dinamizar las experiencias y retar al usuario.

Descargar plantilla

plantilla Quiz en Sketch

Usos​

Los quizes se usan principalmente como juegos tanto para adultos como niños.

Anatomía​

Los quizes están formados por: el fondo (obligatorio), una paginación (obligatorio), una cuenta atrás (obligatorio), la pregunta (opcional), las respuestas (obligatorio al menos una), y el feedback (opcional). Tambien tienen una pantalla final.

Anatomía quiz

  • Fondo: puede ser igual a todo el Quiz o puede variar según la pregunta.
  • Paginación: sirve para que el usuario sepa donde se encuentra en todo momento y cuantas preguntas le quedan.
  • Cuenta atrás: es el tiempo que tiene el usuario para contestar la pregunta. Ésta es configurable entre los siguientes valores 5, 10, 20, 30 o 60 segundos.
  • Pregunta: pregunta es un texto que aparece 5 segundos antes que las respuestas de forma centrada y cuando salen las respuestas sube a su posición con una pequeña animación.
  • Respuesta: Existen dos tipos de respuestas en los quizes: tipo texto o tipo imágenes. Siempre debe haber una respuesta correcta. Las respuestas tipo texto tienen un máximo de 5 líneas. Las respuestas tipo imagen tienen un tamaño de 240x240px en formato jpg o PNG.
  • Feedback: es el texto que aparece cuando se acierta o falla una pregunta. Se pueden configurar hasta 5 mensajes de acierto y otros 5 mensajes de fallo que aparecerán de forma aleatoria cuando el usuario acierte o falle la pregunta.

Pantalla final​

La pantalla final está formada por: un fondo (obligatorio), un texto general (opcional), el resultado (opcional), y otro texto (opcional) si se activa el modo trofeos.

El modo trofeos consiste en que, dependiendo de la puntuación obtenida, se muestran diferentes pantallas de resultado.

Anatomía final del quiz

Requisitos​

  • Debe estar formado por al menos una pregunta.
  • Debe tener al menos 2 respuestas y como máximo 6 respuestas.
  • Las preguntas del quiz tienen un máximo de 3 líneas.
  • Las respuestas tipo texto tienen un máximo de 5 líneas.
  • Las respuestas tipo imagen tienen un tamaño de 240 x 240 px en formato jpg o PNG.

:::danger¡Cuidado! Las palabras muy largas en las respuestas tipo texto se cortan. Si se cortan es obligatorio poner un - .

Ejemplo: Latinoamerica ➡️ Latino-america :::

Recomendaciones​

  • Puedes hacer preguntas con imágenes añadiendo el texto a la imagen.
  • Para hacer saltos de línea en las preguntas hay que añadir la etiqueta <br>
  • Se puede añadir etiquetas HTML como: <strong>
  • Recomendamos dejar unos pixeles de seguridad entre la imagen y el borde porque cuando cojan foco quedara muy cargada la UI.