Visualização de dados: projetar para dispositivos móveis
Até poucos anos atrás, quando um designer criou um anúncio baseado em papel ou brochura, ela poderia planejar exatamente como ficaria depois que ele foi impresso. 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:
Conteúdo
- Video: projeto de tcc - web adaptação para dispositivos móveis
- Abraçando design responsivo
- Video: projeto final - disciplina de lógica de programação avançada e banco de dados
- Seguindo os padrões de design de aplicativos
- Video: @genda online / mobile - febrace 2014 - apresentação do projeto
- Video: como aumentar o limite de dados da sua internet no celular (android)
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 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.
Video: Projeto de TCC - web adaptação para dispositivos móveis
Agora os designers têm de projetar para uma série de dispositivos móveis, cada um dos quais tem suas próprias necessidades peculiares. Consequentemente, as complexidades de projetar visualizações têm crescido.
Abraçando design responsivo
Para lidar com o problema de 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 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 design de 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 na web design:
grades de fluidos: A grade é a ferramenta que designers usam para expor seus projetos, independentemente de esses projetos serão vistos online ou offline. Na figura a seguir, um projeto da grade foi transformado por três formas de tela.
Video: Projeto Final - Disciplina de Lógica de programação avançada e banco de dados
imagens flexíveis: Quando você tem 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.
Consultas de mídia: 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á.
Essas idéias se aplicam a visualizações de dados também. Você quer ter certeza de que sua grade não é distorcida quando a viz de dados é visto em um dispositivo móvel. As imagens deve ser clara e a relação de aspecto (comprimento para largura) deve ser alinhado, independentemente do dispositivo do utilizador está a trabalhar com.
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, design aplicativo tornou-se uma disciplina em si mesmo.
Video: @genda Online / Mobile - Febrace 2014 - Apresentação do projeto
Você pode se perguntar por que você deve se preocupar com design de 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 Spun certificado para a App Store da Apple. (Até o presente momento, o aplicativo não está disponível nos EUA App Store.) A equipe de Pachal teve que trabalhar com a Apple por cinco meses para ter tudo perfeito. Durante esse tempo, Pachal codificada seis regras para a sua equipa, quatro dos quais se aplicam ao projeto viz dados:
A simplicidade é a 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á perdido. Se você está criando um painel, esta regra é particularmente importante porque cada pedaço de dados precisa suportar o todo.
Não sacrificar a qualidade para o tempo. Esta regra é importante para a visualização de dados. Se você bater em conjunto 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á-lo 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 importa. Antes do usuário clicar em um link em uma visualização de dados, deve ser aparente, onde esse link vai levá-la ou que tipo de dados que ela vai ver.
Video: Como Aumentar o Limite De Dados Da Sua Internet No Celular (Android)