Visualização de dados: design para dispositivos móveis - manequins

Até alguns anos atrás, quando um designer criou um anúncio ou folheto em papel, ela poderia planejar exatamente como isso cuidaria da impressão. O designer conhecia o formato e como os clientes iriam visualizá-lo. No entanto, a popularidade dos dispositivos móveis aumentou e os designers tiveram que enfrentar dois novos problemas de design:

• Design de interfaces de dispositivos móveis

• Criação de aplicativos para dispositivos móveis

Com o advento da Internet, os designers on-line usaram os poucos navegadores da Web que estavam disponíveis para planejar como seus projetos se pareceriam na tela. As ferramentas disponíveis eram um pouco imprecisas, mas o design era bem direto. Se ele testasse cada navegador da Web, um designer poderia determinar o que ele precisava corrigir, de modo que o design ficasse em linha direta.

Agora os designers têm que projetar para uma série de dispositivos móveis, cada um dos quais tem suas próprias necessidades peculiares. Conseqüentemente, as complexidades do design de visualizações cresceram.

Abraçando o design responsivo

Para lidar com o problema de vários tamanhos de tela e sistemas operacionais, os designers usam o princípio de design responsivo (RD). RD refere-se a uma interface ou layout que pode se reconfigurar com base em onde está sendo visualizado. O termo foi cunhado por Ethan Marcotte em um artigo de 2010 que reconheceu a necessidade de designers abordarem a questão dos requisitos de tela múltipla.

Um design de site que responde ainda parece ser bom se você vê isso em seu computador desktop ou em seu smartphone. As bordas arredondadas e os ícones comuns em dispositivos menores são automaticamente instalados.

Em seu artigo, Marcotte citou as três áreas onde RD pode ter o maior efeito no web design:

• Grades de fluidos: A grade é a ferramenta que os designers usam para apresentar seus projetos, independentemente de Os projetos serão visualizados online ou off-line. Na figura a seguir, um design de grade foi transformado para três formas de tela.

  

  Projeto de grade traduzido para diferentes telas.

• Imagens flexíveis: Quando você tem imagens em uma postagem no blog ou em seu site, você deseja garantir que elas não sejam cortadas ou distorcidas. Certificar-se de que suas imagens podem reformatar-se é importante.

• Consultas de mídia: Quando você insere um termo de pesquisa em um mecanismo de pesquisa como Google ou Bing, você deseja visualizar os resultados em qualquer uma das telas. Este é um princípio fundamental do RD. O conteúdo precisa ser visualizado em qualquer dispositivo móvel que um usuário possa ter. O que torna a visualização de uma variedade de dispositivos é um desafio é que o designer não tem como saber qual será o resultado retornado.

Essas idéias também se aplicam à visualização de dados. Você quer certificar-se de que sua grade não está distorcida quando os dados são vistos em um dispositivo móvel. As imagens devem ser claras e a relação de aspecto (comprimento a largura) deve ser alinhada, independentemente do dispositivo com o qual o usuário esteja trabalhando.

Os seguintes padrões de design de aplicativos

Os designers não só querem que uma interface pareça bem, mas também quer que ele faça todos os tipos de truques. Como resultado, o design do aplicativo tornou-se uma disciplina em si mesmo.

Você pode se perguntar por que você deve se preocupar com o design do aplicativo. Todo mundo que tem que visualizar qualquer coisa online está sujeito aos mesmos padrões que qualquer designer de aplicativos.

Em seu artigo "6 Regras simples da Apple para projetar uma aplicação iOS Killer", Pete Pachal descreve o que ele teve que fazer para obter seu aplicativo de notícias Spun certificado para a App Store da Apple. (Nessa escrita, o aplicativo não está disponível na U. S. App Store.) A equipe da Pachal teve que trabalhar com a Apple durante cinco meses para conseguir tudo aperfeiçoado. Durante esse tempo, a Pachal codificou seis regras para sua equipe, quatro das quais se aplicam ao design dos dados:

• A simplicidade é força. Esta regra é provavelmente a regra mais importante para visualizações de dados. O objetivo é explicar ou descobrir novas informações que podem ser usadas para desenvolver insights. Se você se concentrar em muitos pontos de dados, a história será perdida. Se você estiver criando um painel, esta regra é particularmente importante porque cada parte de dados precisa suportar o todo.

• Não sacrificar qualidade pelo tempo. Esta regra é importante para visualização de dados. Se você tapar juntos uma visualização que é difícil de decifrar ou simplesmente desleixada, ninguém vai querer usá-la. Aproveite o tempo para desenvolver algo excelente e continue a refiná-lo ao longo do tempo.

• Recompense o usuário com cada toque. Cada item do menu deve fazer algo útil. O link de impressão deve funcionar, por exemplo. Além disso, cada clique deve fornecer informações.

• Detalhes importam. Antes de o usuário clicar em um link em uma visualização de dados, deve ser aparente onde esse link irá levá-la ou o tipo de dados que ela verá.