Visualização de Dados: Designing para dispositivos móveis

Até poucos anos atrás, quando um designer criou um anúncio em papel ou brochura, ela poderia planejar exatamente como ficaria depois de ter sido impressa. O designer sabia o formato e como os clientes iria vê-lo. No entanto, a popularidade de dispositivos móveis aumentou, e os designers tiveram que enfrentar dois novos problemas de design:

• Desenho de interfaces de dispositivos móveis

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

Com o advento da Internet, os designers on-line usado poucos navegadores web que estavam disponíveis para planejar como seus projetos ficaria na tela. As ferramentas disponíveis eram um pouco bruto, mas o projeto foi bastante simples. Se ele testou cada navegador web, um designer poderia determinar o que ele precisava para corrigir assim que o projeto ficaria bem online.

Agora os designers têm a projetar para uma série de dispositivos móveis, cada um dos quais tem suas próprias necessidades peculiares. Consequentemente, as complexidades de projetar as visualizações têm crescido.

Abraçando design responsivo

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

Um projeto do Web site que é responsivo ainda parece ser bom se você visualizá-lo no seu computador desktop ou em seu smartphone. As bordas arredondadas e ícones que são comuns em dispositivos menores automaticamente cair no lugar.

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

• redes de fluidos: A grade é a ferramenta que os designers usam para expor seus projetos, independentemente de esses projetos serão vistos on-line ou off-line. Na figura a seguir, um projeto da grade foi transformado em três formatos de tela.

  
  projeto da grade traduzido para diferentes telas.

• imagens flexíveis: Quando você tem as imagens em seu blog ou em seu website, você quer garantir que eles não estão cortadas ou distorcidas. Certificar-se de que suas imagens pode reformatar si é importante.

• Mídia consultas: Quando você entra em um termo de pesquisa num motor de busca como o Google ou Bing, você quer ser capaz de ver os resultados em qualquer de suas telas. Este é um princípio fundamental da RD. O conteúdo precisa ser visualizados em qualquer dispositivo móvel de um usuário pode ter. O que faz vê-lo em uma variedade de dispositivos de um desafio é que o designer não tem nenhuma maneira de saber o que o resultado retornado será.

Estas idéias se aplicam a visualizações de dados também. Você quer ter certeza de que sua grade não seja distorcida quando a viz de dados é visto em um dispositivo móvel. As imagens devem ser claras e a relação de aspecto (comprimento e largura) deve estar alinhada independentemente do dispositivo que o usuário está trabalhando.

Seguindo os padrões de design de aplicativos

Designers não só querem uma interface de boa aparência, mas também quer fazer 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 design do aplicativo. Todo mundo que tem de visualizar qualquer coisa online está sujeito às mesmas normas que qualquer designer aplicativo.

Em seu artigo "6 regras simples da Apple para projetar um assassino iOS App,"Pete Pachal descreve o que ele tinha que fazer para obter o seu aplicativo de notícias girou certificado para a App Store da Apple. (Até o presente momento, o aplicativo não está disponível na App Store dos EUA.) A equipe de Pachal teve que trabalhar com a Apple por cinco meses a . se tudo aperfeiçoada Durante esse tempo, Pachal codificada seis regras para a sua equipa, quatro dos quais se aplicam ao design de viz de dados:

• Simplicidade é a força. Esta regra é provavelmente a regra mais importante para visualizações de dados. O objectivo é 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á perdido. Se você estiver criando um painel, esta regra é particularmente importante porque cada pedaço de dados precisa apoiar o todo.

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

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

• Detalhes são importantes. Antes de o usuário clica em um link em uma visualização de dados, deve ser evidente que essa ligação vai levá-la ou que tipo de dados que ela vai ver.