Diseño de interfaz de usuario de TV: trabajar con espacios en blanco

Diseñar para TV requiere una comprensión integral y disciplinada de los principios de UX. Uno de los elementos que es una preocupación constante al diseñar para televisión es el uso de espacios en blanco en el diseño. Hay demasiadas aplicaciones de TV en el mercado que no saben cómo aprovechar adecuadamente los espacios en blanco (o eligen conscientemente no hacerlo). El resultado son monstruosidades abarrotadas que socavan activamente los objetivos comerciales.

Aquí hay una explicación de qué es el espacio en blanco y cómo usarlo en su aplicación de TV es mejor para los negocios.

Primero y ante todo…

¿Qué es el espacio en blanco?

El espacio en blanco es una pieza de bienes raíces desocupada con cero texto o gráficos en capas en la parte superior.

Es importante tener esto en cuenta porque una imagen gráfica de fondo puede considerarse un espacio en blanco siempre que no se agregue nada encima.

¿Cual es el problema?

¿Por qué algo tan simple hace tanta diferencia? Los dueños de negocios a menudo ven los espacios en blanco como una oportunidad perdida para promocionar más contenido, un desperdicio de valioso espacio en la pantalla. Su objetivo es poner la mayor cantidad de contenido posible frente a los usuarios, lo cual, hasta cierto punto, es comprensible. Sin embargo, cuando se pone demasiado contenido a disposición de los clientes, se enfrentan a lo que se denomina parálisis de decisión : una falta total de capacidad para decidir.

La ley de Hick, o Ley de Hick-Hyman, llamada así por los psicólogos británicos y estadounidenses William Edmund Hick y Ray Hyman, describe el tiempo que tarda una persona en tomar una decisión como resultado de las posibles opciones que tiene: aumentar el número de opciones aumentará logarítmicamente el tiempo de decisión.

Eso es realmente un gran problema cuando se tiene en cuenta el concepto completo de las aplicaciones de TV: ¡ELECCIÓN! ¿Cuántas veces ha buscado en una biblioteca interminable de miniaturas de programas de televisión y películas solo para descubrir que no puede decidir nada en absoluto? No es porque el contenido no sea excelente. Es porque no hay espacio para respirar, no hay separadores significativos. Tu mente ve tantas opciones que se apaga.

Para los diseñadores, el espacio en blanco es el espacio negativo en una página que proporciona un respiro visual para tus ojos.

Los diseñadores saben que el espacio en blanco ayuda al usuario a concentrarse y absorber el contenido que quiere que vea.

Di sí a los espacios en blanco

Los espacios en blanco son especialmente importantes para el diseño de aplicaciones de TV porque, por lo general, los usuarios están relajados y disfrutan de una experiencia relajada, tratando de tomar una decisión a distancia. Al brindarles un buen equilibrio entre el contenido y los espacios en blanco, en realidad los estamos ayudando en este proceso.

Cuando se usa correctamente, el espacio en blanco puede transformar un diseño y la experiencia que un usuario obtendrá de él. Los diseños y diseños necesitan espacio para respirar para ser agradables a la vista y ayudar a facilitar las decisiones. Al utilizar espacios en blanco, en realidad aumenta la legibilidad del contenido y las interacciones del usuario. Esto se logra al reducir las distracciones que impiden que los espectadores tomen una decisión.

Según una investigación realizada por Human Factors International, los espacios en blanco aumentan la comprensión del usuario en casi un 20 %.

Veamos cómo el espacio en blanco ayuda a crear espacio para respirar y cómo eso transforma el proceso de toma de decisiones.

¿Mira eso?

Los espacios en blanco crean separaciones claras que enfocan los ojos de un usuario en el contenido que desea que vean.

Hulu hace un gran trabajo al usar espacios en blanco en su aplicación Hulu Live. Echa un vistazo a la gran imagen de fondo que se usa en lugar del póster tradicional: es inmersivo y hermoso de ver. Este es un gran ejemplo de cómo utilizar el enorme espacio comercial disponible.

Los espacios en blanco reducen la carga cognitiva y aceleran la toma de decisiones. Como lo describe Fast Co Design, agregar espacios en blanco hace mucho más que simplemente eliminar el desorden: cumple estas funciones esenciales:

• Mejora la comprensión
• Aclara las relaciones entre los elementos interactivos.
• Atrae y enfoca la atención de los usuarios.

El espacio en blanco no se trata solo de estética, es la clave para una interfaz de usuario exitosa. Al centrarnos en el espacio en blanco visual, el espacio en blanco de diseño, el espacio en blanco de texto y el espacio en blanco de contenido, mejoramos drásticamente la comprensión del usuario. Esto agrega énfasis y posiciona su contenido al frente y al centro. Las imágenes que están cerca unas de otras aparecerán similares; por lo tanto, aclarar las relaciones con los usuarios les permitirá navegar con confianza. Como has escuchado antes, "menos es más".

Utilice el poder de los espacios en blanco para elevar sus diseños y ayudar en la toma de decisiones.

La reducción de la carga cognitiva hará que la interfaz de usuario no solo sea más utilizable sino también más agradable de usar: los espacios en blanco ayudarán a crear una sensación de armonía y fluidez en toda la experiencia del usuario.

Uso efectivo del espacio en blanco

Aquí hay algunos ejemplos más de aplicaciones de TV que usan el poder de los espacios en blanco efectivos para crear interfaces que son agradables de usar.

El espacio en blanco es un elemento que con demasiada frecuencia se pasa por alto y se subutiliza en muchos de los diseños de televisión actuales. Si bien el contenido es el rey en las aplicaciones de TV, eso no significa que debamos saturar la pantalla cubriendo cada centímetro de ella. El espacio en blanco es un dispositivo de diseño simple pero poderoso que debe aplicarse a todas las aplicaciones de TV del mercado. Es moderno, elegante, visualmente estimulante y ha demostrado ayudar a los usuarios a decidir qué contenido ver.

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas