Contação de histórias orientada por dados e design em ação

Para a postagem do blog de hoje, quero falar sobre storytelling baseado em dados e design em ação. Fui um dos palestrantes no recém-concluído Data Visualization 2022 Summit apresentado pela LuckyTemplates em maio passado.

Para o meu tópico, eu queria encontrar algo interessante o suficiente para as pessoas que seguiram na plataforma de aprendizado do LuckyTemplates, mas ao mesmo tempo criar algo valioso para as pessoas que não se inscreveram no meu curso ou que não são membros do LuckyTemplates.

Então, como encontrei a história que queria contar para minha sessão? Bem, eu olhei para isso da perspectiva do público, palestrantes e organizadores . Eu estava pensando que seria muito legal se eu pudesse ter mais informações sobre esta cúpula. Eu precisava saber mais sobre as outras pessoas apresentando e encontrar uma maneira de acompanhar.

Foi assim que encontrei a história. Eu queria criar algo em que pudesse mostrar o encontro da perspectiva do público, do palestrante e do organizador.

Índice

• Necessidades de negócios antes, durante e depois do Summit
  • Antes da Cimeira
  • durante a cimeira
  • Depois do cume
• Construindo um ecossistema
• Nossas tabelas de dimensões: User ID e Speaker ID
• Construindo um aplicativo para o EDNA Summit
• Hierarquia de layout: tornando sua navegação fácil de usar
• Três partes do aplicativo
• Melhores práticas de design
  • Limite o número de cliques
  • Siga a Lei de Jakob e a Lei de Pareto
  • Usar frases de destaque
  • Mostrar um design de estado ativo
  • Fornecer estados de foco
  • Use rótulos compreensíveis
  • Garanta cores/rótulos acessíveis
  • Antecipar o comportamento do usuário
  • Executar testes de usabilidade
• Conclusão

Necessidades de negócios antes, durante e depois do Summit

Se você é um palestrante, está interessado em saber sobre o feedback do público. Se você é o organizador do evento, quer saber quantas pessoas vão ao Summit e quais apresentações são mais valiosas para elas.

Há muito valor que podemos obter do feedback. Quanto mais o organizador souber o que o público deseja, mais o público receberá do encontro. Para mim, este foi o tema perfeito para abordar e apresentar hoje.

Resumi as necessidades dos participantes e dos organizadores, e também tomei nota dos diferentes momentos que uma audiência vai precisar para a cúpula.

Achei que seria muito valioso para uma audiência ter um aplicativo ou um relatório que será usado em três momentos diferentes: antes da cúpula , durante a cúpula e depois da cúpula .

Antes da Cimeira

Antes do Summit, é muito importante que o público tenha informações sobre os palestrantes e as sessões. Você precisa saber quando será apresentado e por quem será apresentado. Você também deseja encontrar mais informações sobre o palestrante. O cronograma também é muito importante. Você quer saber quando as sessões serão no seu horário local.

durante a cimeira

Então você precisa preparar e planejar sua agenda. Isso significa que durante o Summit você vai conferir todas as sessões e ver em quais deseja participar.

Você vai querer dar feedback logo após cada sessão e dar recomendações para as próximas sessões. Você também pode optar por se conectar com o palestrante no LinkedIn ou Twitter.

Depois do cume

Após o encontro, você desejará fornecer um feedback geral sobre o encontro completo e informar aos organizadores se suas expectativas foram atendidas ou não. E se não, você vai querer que eles saibam por que eles não foram atendidos. Você também pode propor ideias para suas futuras cúpulas.

Do ponto de vista dos organizadores, você está interessado no feedback geral após a cúpula e nas recomendações para tópicos futuros. Você deseja identificar novos palestrantes e calcular o impacto do encontro sobre os participantes.

Você provavelmente desejará criar um relatório que possa ser compartilhado em suas equipes e, com base nos dados do relatório, poderá discutir como organizar um evento melhor do que o que acabou de terminar.

Precisamos criar algo que possa atender a essas necessidades durante a cúpula. O que você precisa é ter algo no celular e algo de fácil acesso para que os participantes encontrem o link da sessão na hora.

Com base nessas necessidades, como você pode criar a história? Não estamos falando apenas de um relatório do LuckyTemplates ou do Power Apps. Estamos falando de um ecossistema. Esses ecossistemas têm necessidades diferentes em momentos diferentes, mas também estão relacionados. Essa é a história que quero contar hoje.

Construindo um ecossistema

Primeiro, precisamos planejar. Precisamos saber exatamente o que queremos criar e criá-lo de forma que possa ser alavancado por outras coisas.

Portanto, para atender às necessidades discutidas anteriormente, precisamos criar um aplicativo do Power Apps que se tornará um ponto de entrada de dados que ajudará os participantes do encontro e dará voz a eles.

Nossas tabelas de dimensões: User ID e Speaker ID

Com base neste aplicativo, criaremos relatórios para visualizar os dados de feedback do Summit. Isso significa que o relatório do LuckyTemplates precisará se conectar aos dados criados pelo aplicativo.

É aqui que você pode ter um grande impacto como designer – você precisa criar o aplicativo de forma que os dados sejam estruturados e facilite a criação do relatório no LuckyTemplates.

Começamos pelo meio e pensamos nos dados que serão gerados pelo aplicativo. Teremos de criar um modelo de dados simples e criar uma app que responda às necessidades específicas identificadas. Não estamos falando de criar um relatório; estamos falando de um ecossistema completo.

Anotei minhas ideias em um arquivo do Excel e comecei a colocar minhas ideias em prática. Criei diferentes abas e diferentes tabelas que precisam ser usadas pelos Power Apps.

Para criar um aplicativo usando antes, durante e depois, preciso do histórico dos usuários. Então, criei uma tabela para a ID do usuário e comecei com a ID do usuário, nome de usuário, senha, idade, país e nível de experiência em LuckyTemplates.

Claro, também preciso de outra tabela para o ID do palestrante com as informações dos palestrantes, cargo, tópico, dia, hora, foto, link do YouTube, endereço do LinkedIn e IDs do LuckyTemplates.

Não queria perguntar às pessoas a idade exata porque não é o mais importante neste aplicativo e também para manter a confidencialidade de suas informações.

Em vez disso, pedi uma faixa etária para ter uma ideia da idade dos participantes nessas sessões.

A ID do usuário e a ID do alto-falante são as dimensões de que precisarei no LuckyTemplates posteriormente. Também preciso de uma tabela de fatos onde conectarei o User ID ao Speaker ID para criar minhas páginas de Planejamento e Feedback sobre as sessões.

O que é bom sobre este arquivo é que eu tenho dados reais. Tenho todos os palestrantes para o Summit na ordem certa, com os tópicos certos e a descrição certa.

Isso é apenas para mostrar um protótipo de como um aplicativo como esse seria para o LuckyTemplates. É por isso que eu queria ir o mais longe possível.

Temos aqui o Planning , que é a tabela de fatos no LuckyTemplates onde posso criar relacionamentos e ter informações sobre User ID e Speaker ID.

Depois temos o Speaker Feedback , que é a segunda tabela de fatos com o User ID, Speaker ID, a nota da sessão, o feedback que a pessoa vai dar na sessão, os usuários que estão vendo essa sessão ao vivo ou não, e o dados que estão olhando.

Isso é algo que você pode gerenciar facilmente dentro do LuckyTemplates, tendo apenas uma grande tabela de fatos.

É muito fácil imaginar o modelo de dados no LuckyTemplates quando você tem as dimensões e a tabela de fatos.

A página de feedback é o feedback geral da cúpula onde não há relação entre a ID do usuário e a ID do palestrante.

Temos aqui informações como a experiência geral da cúpula, parte favorita da cúpula, sugestões de melhoria, opção de voltar e muito mais.

E a última coisa é o fuso horário do país. Se você acessar a página do LuckyTemplates Summit, verá informações sobre os horários das sessões em Los Angeles, Nova York, Londres, Sydney e Oakland.

Eu queria ir um passo adiante calculando a hora exata de uma sessão no seu horário local conectando-me ao aplicativo.

Essa é a estrutura dos aplicativos que eu queria criar, que pode ser aproveitada dentro dos relatórios do LuckyTemplates e Power Apps.

Também preciso ter certeza de que não teremos duplicatas. Neste ponto, a qualidade dos dados é importante.

Se você não tiver qualidade de dados na fonte de dados, encontrará problemas nas visualizações posteriormente.

Construindo um aplicativo para o EDNA Summit

Esta é a aplicação geral. Mostrarei cada página, como ela funciona e como funciona dinamicamente. Também mostrarei as dicas interessantes de design que adicionei no aplicativo.

Comecei com uma página de boas-vindas . Como podem ver, segui a mesma estrutura, tema e cores do LuckyTemplates.

Essa tela temporária é a primeira experiência. Quando você se conectar a este aplicativo, terá isso por alguns segundos e, em seguida, mudará para uma página de login.

Para a experiência de login, você deve inserir o nome de usuário e a senha ou criar uma conta. Ao criar uma conta e se inscrever, essas informações serão adicionadas aos dados dentro do nosso arquivo Excel.

Uma vez inscritas, passamos à parte principal da aplicação, que é composta por uma galeria com todos os oradores da sessão. Para cada sessão, a data, a hora e a hora são apresentadas na hora local. O nome e o tema também são apresentados.

Se você quiser entrar em mais detalhes, pode clicar em uma sessão para obter mais informações, como título, horário, data e resumo da sessão. Se você achar isso interessante, pode clicar em Salvar para salvar esta sessão para mais tarde.

Ao acessar a página Planejamento, você pode ver todas as sessões que salvou.

Você pode remover a sessão daqui ou dar um feedback. Você pode optar por avaliar ou escrever comentários . Ao clicar em Enviar , essas informações serão escritas na fonte de dados, que no nosso caso é o nosso arquivo Excel.

Como você pode ver, a experiência geral para o usuário é muito boa. Ele gera valor para o usuário e, ao mesmo tempo, agrega valor aos organizadores que utilizarão esses dados dentro do LuckyTemplates.

Também gera feedback geral para a cúpula. Aqui está a página onde você pode contar sua experiência geral, parte favorita, sugestões, etc.

Hierarquia de layout: tornando sua navegação fácil de usar

Criar aplicativos em dispositivos móveis é diferente daqueles que você cria em um relatório do LuckyTemplates. É diferente porque você não os está usando da mesma maneira.

O layout dentro do aplicativo é diferente porque, ao usar um computador ou tablet, as pessoas tendem a escanear a página do canto superior esquerdo para a direita e seguir uma espécie de padrão Z ou padrão H. A primeira coisa que eles verão é o canto superior esquerdo e a última parte é o canto inferior direito.

Não é o mesmo para um aplicativo de telefone, como você pode ver na imagem abaixo. A parte verde é onde o polegar terá um fluxo fácil, a parte laranja tem um pouco de elasticidade, enquanto a parte vermelha é a mais difícil de alcançar.

Você criará o layout do aplicativo com base nisso. O que é bom no aplicativo é que você tem muitos exemplos e, com base nesses exemplos, pode criar algo semelhante.

Três partes do aplicativo

Então, basicamente, você tem três partes no aplicativo. A parte principal é a galeria que você pode rolar com o polegar e selecionar as informações.

A parte secundária são as guias. Estes são os botões que você usa para navegar pelo aplicativo.

A parte terciária – com a qual você interagirá menos – é o título da cúpula, conta de perfil ou funcionalidade de pesquisa.

Ao criar um aplicativo de telefone, existem algumas práticas recomendadas de design que também podem ser usadas no LuckyTemplates e no Power Apps. Depois de ter um bom nível de compreensão do LuckyTemplates e do Power Apps, você descobrirá que bons UX e UI são mais importantes quando você trabalha em uma tela pequena.

Melhores práticas de design

Limite o número de cliques

Você precisa limitar o número de etapas ou o número de cliques no LuckyTemplates . Limite o número de informações que você solicita ou peça apenas as informações de que precisa no momento, quando precisa.

Você precisa usar as informações que já estão disponíveis para poder aproveitar as respostas que os usuários lhe deram.

Por último, mas não menos importante, quando você cria aplicativos (estamos falando sobre entrada de dados aqui), você precisa verificar as informações que foram escritas.

Preenchimento automático quando possível e certifique-se de que o usuário não faça cliques extras, portanto, verifique se as informações inseridas estão corretas.

Siga a Lei de Jakob e a Lei de Pareto

A Lei de Jakob diz que os usuários preferem que seu aplicativo funcione da mesma maneira que os outros aplicativos funcionam . Abaixo segue um exemplo dos aplicativos mais usados ​​no mundo: WhatsApp , Messenger e Contatos .

Temos uma experiência semelhante nas aplicações que criei. Temos a galeria no meio, os botões na parte inferior e a funcionalidade de pesquisa ou contatos na parte superior.

A Lei de Pareto afirma que 80% dos resultados resultam de 20% das causas. O mesmo princípio funciona em UX e UI no sentido de que você precisa se esforçar nos recursos mais valiosos para o usuário.

Você não precisa criar todos os recursos em um aplicativo, mas os recursos que você precisa criar precisam ser muito bem implementados e bem testados.

No final das contas, você não quer muitas opções em um aplicativo, porque se ficar complicado, não será usado.

Usar frases de destaque

Use chamadas para indicar ao usuário o que fazer a seguir. Por exemplo, se você deseja comprar algo, vê o botão comprar em uma cor diferente apenas para chamar sua atenção. Este é um indicador do próximo passo que você precisa fazer.

Mostrar um design de estado ativo

Quando se trata de navegação, você precisa indicar onde o usuário está em uma página específica. Se eles não souberem onde estão no aplicativo, a experiência do usuário não será boa.

Fornecer estados de foco

Isso é usado para botões. Ao passar o mouse sobre um botão, você verá que ele está ativo. Um efeito de foco fornece aos usuários um sinal claro para ver o que é clicável e diz a eles no que clicar.

Use rótulos compreensíveis

Os rótulos tornam o design mais acessível e tornam suas informações tangíveis e acionáveis ​​para seus usuários. As palavras que você usará precisam ser claras para o usuário para que ele saiba o que você deseja que ele faça.

Garanta cores/rótulos acessíveis

Você precisa usar cores e rótulos acessíveis em termos de tamanho, contraste e porção.

Antecipar o comportamento do usuário

Em um aplicativo, você precisa antecipar o comportamento do usuário. Você precisa antecipar cada clique e cada dúvida que o usuário terá.

Executar testes de usabilidade

Você precisa testar o que implementa e reservar um tempo para fazer todos os testes necessários. Às vezes, você precisará envolver outros usuários que não conhecem seu aplicativo para ver como eles o estão usando.

Portanto, essas são as práticas recomendadas para criar um aplicativo. Vamos agora para o aplicativo e ver essas práticas recomendadas em ação.

Agora estou no aplicativo e vou apenas pressionar Iniciar . A primeira página leva apenas alguns segundos para ser executada. Isso ocorre porque tenho um cronômetro ligado por dois segundos.

Quando o cronômetro atingir dois segundos, ele navegará para minha outra tela e criará a transição.

Estamos na página de login.

Vamos digitar o nome de usuário e senha para se conectar a este aplicativo. Neste momento, o aplicativo nos bastidores reterá as informações do seu ID de usuário.

Essas informações já estão na tabela User ID existente, mas o que acontece se adicionarmos um novo usuário? Vamos descobrir voltando à página de login e criando uma conta.

Vou inserir Alex B como meu nome de usuário e test123 como minha senha e, em seguida, me inscrever. Você pode ver que o ID do usuário foi criado automaticamente.

Você precisa prestar atenção a todos os problemas quando se trata de entrada de dados. Cabe a você, como criador do aplicativo, antecipar esses problemas e criar soluções para evitá-los.

Voltando ao aplicativo, tenho uma lista de todos os palestrantes da sessão e posso ver que as horas são calculadas no meu horário local.

Digamos que queremos participar da sessão de Sam McKay. Quando clicamos no link, vemos que há um link Clique para abrir o vídeo logo abaixo da foto dele.

Se o usuário clicar neste link, será direcionado para o vídeo do YouTube que coloquei no arquivo.

Mas quando vamos ao perfil de Mudassir Ali, não podemos interagir com o botão Clique para abrir o vídeo . Este é um exemplo de exibição das informações somente se elas estiverem disponíveis para exibição.

Nesse caso, não tenho o vídeo da sessão de Mudassir Ali, e é por isso que não mostro o link Clique para abrir o vídeo .

Digamos que queremos participar da sessão de Sam McKay e clicamos no botão Salvar . Depois de salvar, podemos ver que a página possui um botão Unsave e que o palestrante Sam McKay está destacado.

Isso serve para fornecer contexto porque queremos saber se o usuário selecionou a sessão de Sam. Você pode ver imediatamente que esta sessão está ativa e que há uma opção para removê-la. Se você deseja remover, pode fazê-lo aqui - não é necessário fazer um clique extra para cancelar o salvamento.

Outra funcionalidade é a capacidade de se conectar com o palestrante por meio de um botão do LinkedIn. Este botão abaixo me direcionará para a conta do LinkedIn de Sam McKay.

Agora que temos algumas sessões da lista salvas, vamos para Planejamento .

Quando vamos para o Planejamento , o que acontece nos bastidores é que todas essas informações serão coletadas em uma coleção temporária e serão gravadas na fonte de dados.

Se voltarmos ao nosso arquivo Excel e formos para a guia Planning, podemos ver todos esses SpeakerIDs, o que significa que tudo está funcionando conforme o esperado.

Digamos que não podemos participar da sessão de Gustaw Dudek. Podemos clicar neste botão Remover . Se olharmos para o meu arquivo do Excel, podemos ver que as informações de Gustaw Dudek desapareceram.

Como eu disse anteriormente, é bom ter um estado onde mostre onde você está na navegação. Como você pode ver nos ícones inferiores, estamos na página Planejamento.

Digamos que participamos de uma sessão e a classificamos com quatro estrelas em seis. Esta informação é pré-salva, portanto, se mudarmos de ideia, podemos voltar a ela mais tarde para alterar nossa classificação.

Depois de assistirmos a uma apresentação ao vivo, podemos fornecer feedback e adicionar um emoji também e, em seguida, clicar em Enviar .

Quando verificarmos o feedback do palestrante no meu arquivo Excel, você verá como essas informações aparecem no formato HTML.

Para a página de feedback, podemos até tornar algumas respostas obrigatórias como designer do relatório, mas não é o caso aqui.

Quando vamos ao nosso arquivo Excel, podemos ver todas essas informações escritas na guia Feedback.

Contação de histórias de dados: planejamento cuidadoso e processo de criação

Crie relatórios do LuckyTemplates com essas técnicas e exemplos

Conclusão

Coloquei os botões no estado hover, minimizei o número de cliques e coloquei informações interessantes neste aplicativo de sessão. Espero que você possa levar isso adiante por meio da narrativa e do conhecimento técnico usando diferentes ferramentas.

Você pode criar um ecossistema e atender às necessidades de diferentes públicos. Para obter valor do ecossistema Power Platform, você precisa saber como usar o LuckyTemplates, Power Apps e Power Automate. Você pode trabalhar em um ambiente colaborativo e melhorar as coisas que está fazendo de uma maneira muito divertida.

Observe que este aplicativo não existe. Existe apenas em minha mente e é apenas um protótipo. Mas quem sabe, talvez no futuro, possamos ter esse tipo de aplicativo para LuckyTemplates .

Tudo de bom,
Alex Badiu