socialgekon.com
  • Principal
  • Talento Ágil
  • De Outros
  • Europa
  • Processo Interno
Design De Iu

Design de interface do usuário para TV: trabalhando com espaço em branco

Design para TV requer uma compreensão abrangente e disciplinada dos princípios de UX. Um dos elementos que é uma preocupação constante ao projetar para TV é o uso de espaços em branco no design. Existem muitos aplicativos de TV no mercado que não sabem (ou optam conscientemente por não) explorar adequadamente o espaço em branco. O resultado é uma monstruosidade complicada que mina ativamente os objetivos de negócios.

A seguir, vou oferecer uma explicação sobre o que é o espaço em branco e como usá-lo em seu aplicativo de TV é melhor para os negócios.

O espaço em branco é nosso amigo



Em primeiro lugar ...

O que é espaço em branco?

Espaço em branco é uma propriedade desocupada com zero texto ou gráficos sobrepostos.

É importante observar isso porque uma imagem de plano de fundo gráfica pode ser considerada um espaço em branco, desde que nada seja adicionado sobre ela.

O espaço em branco nem sempre é apenas branco

O espaço em branco nem sempre é apenas branco

Qual é o importante?

Por que algo tão simples faz uma grande diferença? Os proprietários de empresas costumam ver o espaço em branco como uma oportunidade perdida de promover mais conteúdo, um desperdício de espaço valioso na tela. Seu objetivo é colocar o máximo de conteúdo possível na frente de seus usuários, o que, em algum nível, é compreensível. No entanto, quando há muito conteúdo disponível para os clientes, eles enfrentam o que é chamado paralisia de decisão - uma total falta de capacidade de decisão.

Lei de Hick, ou Lei de Hick-Hyman, em homenagem a psicólogos britânicos e americanos William Edmund Hick Y Ray Hyman , descreva o clima o que é necessário para uma pessoa tomar uma decisão como resultado das escolhas possíveis que ela tem: aumentar o número de opções aumentará o tempo de decisão logaritmicamente .

Isso é realmente importante quando você considera todo o conceito de aplicativos de TV - A ESCOLHA! Quantas vezes você já navegou em uma biblioteca infinita de programas de TV e miniaturas de filmes, apenas para não conseguir decidir sobre nada. Não é porque o conteúdo não é ótimo. É porque não há espaço para respirar, não há separadores significativos. Sua mente vê tantas opções que se fecha.

Uma tela ocupada causa pânico de decisão

Colocar muito na tela sobrecarrega o usuário e causa pânico na decisão

Para designers, o espaço em branco é um espaço negativo em uma página que oferece um espaço visual para respirar.

Os designers sabem que o espaço em branco ajuda o usuário a focar e absorver o conteúdo que você deseja que ele veja.

Diga sim ao espaço em branco

O espaço em branco é especialmente importante para o design de aplicativos de TV porque os usuários geralmente estão relaxados, desfrutando de uma experiência relaxada e tentando tomar uma decisão à distância. Ao fornecer a eles um bom equilíbrio entre conteúdo e espaço em branco, estamos na verdade ajudando-os nesse processo.

Quando usado corretamente, o espaço em branco pode transformar um design e a experiência que o usuário obterá dele. Os designs e layouts precisam de espaço para respirar para serem fáceis de ver e ajudar a facilitar as decisões. Ao usar o espaço em branco, você realmente aumenta a legibilidade do conteúdo e as interações do usuário. Isso é conseguido reduzindo as distrações que impedem os espectadores de tomar uma decisão.

De acordo com a investigação Executado pela Human Factors International, o espaço em branco aumenta a compreensão do usuário em quase 20%. Vamos ver como o leste ajuda a criar espaço para respirar e como isso transforma o processo de tomada de decisão.

Uma interface de TV aparentemente projetada para causar ansiedade

Uma interface de TV aparentemente projetada para causar ansiedade

Uma interface de TV tentando fazer muitas coisas ao mesmo tempo

Uma interface de TV tentando fazer muitas coisas ao mesmo tempo

Esteticamente bem executado, mas sem espaços em branco entre o conteúdo

Esteticamente bem executado, mas sem espaços em branco entre o conteúdo

Uma interface com espaço para respirar

Uma interface com espaço para respirar

Uma interface de TV com bom equilíbrio e hierarquia entre os elementos

Uma interface de TV com bom equilíbrio e hierarquia entre os elementos

Uma interface de TV com bom equilíbrio e hierarquia entre os elementos

Uma interface de TV com bom equilíbrio e hierarquia entre os elementos

Você vê?

O espaço em branco cria separações claras que focam os olhos do usuário no conteúdo que você deseja que ele veja.

O Hulu faz um ótimo trabalho ao usar o espaço em branco em seu aplicativo Hulu Live. Dê uma olhada na grande imagem de fundo que é usada no lugar do pôster tradicional; é envolvente e bonito de se ver. Este é um ótimo exemplo de como usar o enorme espaço comercial disponível.

O Hulu agarra você com um espaço em branco envolvente

O Hulu agarra você com um espaço em branco envolvente.

O espaço em branco reduz a carga cognitiva e acelera a tomada de decisões. Conforme descrito em Fast Co Design Adicionar espaço em branco faz muito mais do que apenas remover a desordem. - Atende a estas funções essenciais:

  • Melhorar a compreensão

  • Esclarece as relações entre os elementos interativos

  • Atrai e concentra a atenção dos usuários

O espaço em branco não é apenas uma questão de estética, é a chave para uma interface de usuário de sucesso. Ao nos concentrarmos no espaço em branco visual, no espaço em branco do design, no espaço em branco do texto e no espaço em branco do conteúdo, melhoramos muito a compreensão do usuário. Isso adiciona ênfase e posiciona seu conteúdo na frente e no centro. Imagens próximas umas das outras parecerão semelhantes; portanto, esclarecer os relacionamentos com os usuários permitirá que eles naveguem com confiança. Como você já ouviu antes, 'menos é mais'.

Use o poder do espaço em branco para elevar seus designs e ajudar na tomada de decisões.

Reduzir a carga cognitiva tornará a IU não apenas mais útil, mas também mais agradável de usar - o espaço em branco ajudará a criar uma sensação de harmonia e fluidez em toda a experiência do usuário.

Uso eficaz de espaço em branco

Aqui estão mais alguns exemplos de aplicativos de TV que usam o poder do espaço em branco eficaz para criar interfaces agradáveis ​​de usar.

Essas interfaces de TV permitem que o usuário se concentre em uma, em vez de dezenas de opções

Essas interfaces de TV permitem que o usuário se concentre em uma, em vez de dezenas de opções de cada vez.

O espaço em branco é um elemento frequentemente esquecido e subutilizado em muitos dos designs de televisão atuais. Embora o conteúdo seja rei nos aplicativos de televisão, isso não significa que devemos saturar a tela cobrindo cada centímetro dela. O espaço em branco é um dispositivo de design simples, mas poderoso, que deve ser aplicado a todos os aplicativos de televisão do mercado. É moderno, elegante, visualmente estimulante e testado para ajudar os usuários a decidir qual conteúdo assistir.

O uso de espaço em branco no layout permite que seu conteúdo brilhe em qualquer tamanho de tela

O uso de espaço em branco no design permite que seu conteúdo brilhe em qualquer tamanho de tela.

Apresentando Battlescripts: Bots, Ships, Mayhem!

Web Front-End

Apresentando Battlescripts: Bots, Ships, Mayhem!
O impacto do Brexit no setor de serviços financeiros

O impacto do Brexit no setor de serviços financeiros

Processos Financeiros

Publicações Populares
Melhores práticas de fusões e aquisições na América Latina
Melhores práticas de fusões e aquisições na América Latina
As 25 melhores predefinições do Lightroom Mobile para fotos impressionantes do iPhone
As 25 melhores predefinições do Lightroom Mobile para fotos impressionantes do iPhone
EUA: corrida para prefeito de Honolulu segue para segundo turno
EUA: corrida para prefeito de Honolulu segue para segundo turno
Como fazer autenticação JWT com um Angular 6 SPA
Como fazer autenticação JWT com um Angular 6 SPA
Como editar fotos no iPhone com iOS Photos
Como editar fotos no iPhone com iOS Photos
 
React Test-driven Development: From User Stories to Production
React Test-driven Development: From User Stories to Production
Criação de uma API REST segura em Node.js
Criação de uma API REST segura em Node.js
Um guia de campo para DesignOps
Um guia de campo para DesignOps
Donald Trump encontra o Papa Francisco no Vaticano, jura não esquecer sua mensagem
Donald Trump encontra o Papa Francisco no Vaticano, jura não esquecer sua mensagem
Automação no Selenium: Modelo de objeto de página e fábrica de página
Automação no Selenium: Modelo de objeto de página e fábrica de página
Categorias
NutriçãoVida DesignerGestão De EngenhariaPessoas E Equipes De ProdutoFamíliaCiclo De Vida Do ProdutoAprendendoFerramentas E TutoriaisKpis E AnálisesFuturo Do Trabalho

© 2023 | Todos Os Direitos Reservados

socialgekon.com