Transcrições
1. Introdução: Pessoal, Pessoal, meu nome é Cody. Uma cerveja. Sou designer de produtos com foco na psicologia cognitiva e comportamental. Esta aula é tudo sobre painéis e por que nosso cérebro apenas tão atraído por eles quando
pensamos sobre isso. Painéis são transmitidos em todos os lugares, desde dentro de nossos carros até ferramentas de análise de negócios usadas em todos os lugares As pessoas confiam em painéis não só para fazer o seu trabalho, mas também para permitir que seus carros funcionem. E esta aula aprenderá sobre diferentes classificações de painel e por que elas são tão importantes. Técnicas de ciência cerebral e filosofias também serão aplicadas em conjunto com todos os tipos de princípios de design para criar dashboards eficazes para nossos usuários. Esta aula é voltada para alunos que são novos para você. X e um aplicam princípios de design a cenários da vida real. Vamos falar sobre psicologia do design científico. Assim, mesmo designers experientes com 10 15 anos de experiência podem tirar muito deste curso. Sem mencionar que o projeto de classe vai ser incrível será aplicar nossos hacks de
design cognitivo , bem como os princípios de design através da visualização de dados que você estará aprendendo a criar seu próprio painel de controle. Eu passo você através de cada parte da visualização de dados que você estará aprendendo e você realmente aplicá-los a qualquer uma baixa fidelidade são simulação de alta fidelidade para ser capaz de carregar e compartilhar com todos os outros na classe. Este vai ser um grande momento. Vamos divertir-nos muito. Mal posso esperar para te ver lá para começar.
2. Nosso cérebro primário: Esta seção é toda sobre nossas mentes primárias e a teoria de por que o desconhecido é desconfortável do ponto de vista evolutivo. Se nossos ancestrais tinham controle de seus ambientes, eles tinham uma chance muito maior de sobrevivência. Nossa mente subconsciente nos prepara para uma luta congelada ou uma resposta de fuga, dependendo do nosso nível de controle percebido que temos no meio ambiente. Há uma parte específica do cérebro chamada tronco cerebral que ajuda a registrar o que é conhecido e o que é desconhecido quando algo é registrado como conhecido, abordamos como sendo seguro, são preferíveis. Mas sempre que algo é registrado é desconhecido. Abordamos isso com alguma suspeita e talvez alertamos que pode haver perigo de ter uma ideia
melhor de onde este tronco cerebral está localizado. Vamos dar uma olhada neste diagrama. Aqui podemos ver que o tronco cerebral consiste nos pons do mesencéfalo e a medula oplan tem que criar uma estrutura como cenoura no fundo do nosso cérebro. Agora eu quero dar a vocês um exemplo de um cenário da vida real para descrever melhor o conceito de desconhecido igual a desconfortável. Recentemente, minha esposa perguntou se poderíamos ir a um novo restaurante que nunca tínhamos ido. Ela passou inúmeras horas lendo no Yelp, olhando fotos estudando seu menu. Ela sabia exatamente em que consistia o restaurante e no que estávamos entrando. Mas quando ela deixou cair em mim e disse que queria ir a este restaurante, comecei a ficar ansioso e talvez um pouco estressado. Eu sabia que era porque não sabia nada sobre este restaurante. Não sabia o quão ocupado seria. Não sabia que tipo de comida ia ser servida. Eu nem sabia onde estava o restaurante. Então, como superei a resposta ao estresse? Como superei o fator desconhecido? Bem, eu fiz exatamente o que ela fez. Eu fui no Yelp. Eu li algumas críticas, olhei para o menu. E ele notou que o restaurante estava ótimo. A comida era incrível. Fomos ao restaurante. Nós nos divertimos muito. Era exatamente o que esperávamos do restaurante. Não era como se estivéssemos sentados no lado da montanha com águas rápidas penduradas para vida
dura e querida. Ou era uma lanchonete onde tínhamos crianças correndo por aí arruinando nossa noite romântica. Mas a idéia de que eu não sabia que tipo de pressa antes de entrarmos lá é o que fez toda a noite se sentir desconfortável. Antes de estudar. Vejamos mais um exemplo para realmente dirigir para casa. O desconhecido é igual a filosofia desconfortável. Vamos ver, no final do dia, você está pronto para dormir. Você está escondido no seu agradável e quente. Talvez a sua casa sozinha. Ou talvez com seu cônjuge, você ouve um som, ou talvez a energia acabe. A primeira coisa que entra na sua mente é “uau “, alguém na minha casa ou “Uau “, aquele filme de terror que assisti ontem à noite? Está se tornando realidade na vida real? Estas são todas as respostas do tronco cerebral dizendo a si mesmo, esta
é uma situação desconhecida ou conhecida? Provavelmente, é desconhecido. Então você tem esses sentimentos de estresse e ansiedade devido à idéia de que você não sabe o que está acontecendo em sua casa. Agora você provavelmente vai sair da cama com uma lanterna e perceber que nada realmente aconteceu lá. Nada grave. Mas esse pensamento inicial é o conceito do que é desconhecido é desconfortável para nós não só agora, mas tem sido por milhares de anos
3. Memória: esta parte da classe é sobre memória e quais partes do nosso cérebro o ar usado Os humanos
não são robôs. Temos uma quantidade muito finita de memória e espaço cerebral. Pense na última vez que foi a um restaurante. Você se lembra do nome do garçom ou da garçonete que você tinha? Ah, o último evento de networking? Lembra-se do número de telefone de alguém ou mesmo do nome? A memória é um processo muito complicado, para
não mencionar que temos memória de curto e longo prazo de trabalho. Mas prometi que teríamos psicologia, design e ciência. Então esta é a chance de olhar para um diagrama e entender melhor o que
é nossa memória e quais partes do cérebro se deslocaram aqui. No diagrama, temos o córtex pré-frontal, a amígdala, o hipocampo e o cerebelo. O córtex pré-frontal e o cerebelo processam e retêm novas memórias. Eles também podem comer na criação de novas memórias. No caso de lesão ou perda no hipocampo, temos o córtex pré-frontal na frente do cérebro e o cerebelo nas costas, uma função proeminente do córtex pré-frontal é a memória de trabalho. Isso nos permite construir móveis, até mesmo seguir uma receita. Vamos rever a memória de trabalho mais em uma seção posterior. Quando falamos sobre a parede de Miller, o cerebelo está encarregado de memórias implícitas ou motoras. Um exemplo é quando aprendemos a atirar uma bola de basquete pela primeira vez. Inicialmente, temos muitos tiros errados. No entanto, o cérebro pode ajustar seus tiros ajustando os movimentos com base em erros dos tiros
anteriores, e eles são produzidos mais precisos. Sabe-se que o cerebelo é responsável por este aprendizado motor e memória. As peças incríveis, um papel importante e como os membros foram armazenados. Porque o armazenamento é influenciado por hormônios do estresse, Um exemplo seria a ansiedade que você tem ido ao dentista depois de um canal radicular ou cavidade. Não sei quanto a vocês, mas toda vez que penso no dentista, recebo um aumento da frequência cardíaca e palmas das mãos suadas. Cada vez que o hipocampo é trabalho é enviar informações para regiões corticais que dão significado às
memórias e conectá-las com outras memórias conectadas. Também faz parte da consolidação da memória, que é o processo de transferência de novos aprendizados para a memória de longo prazo. Se o estímulo for forte o suficiente
4. Lei de Miller: e o próximo par de seções. Vamos aprender três hacks de ciência cerebral para ajudar você a projetar painéis melhores. A primeira invasão da ciência cerebral é feita por George Miller, e é a Lei de Miller. Isso afirma que o número de objetos que uma pessoa média pode manter em sua memória de trabalho é sete agora memória de trabalho e memória de curto prazo ou duas coisas diferentes. Muitas pessoas tê-los confuso, então eu vou ajudar a explicar quais são as diferenças e por que Working Membro é
usado especificamente para coisas como construção de móveis estão seguindo uma receita. É responsável por manter temporariamente informações disponíveis para processamento. Outro exemplo que temos aqui é ler um livro. Você está usando sua memória de trabalho para ler cada linha. Todo o conceito do livro, entanto, é mantido em sua memória de curto prazo ou longo prazo, dependendo de quão bom você acha que ISS. Em seguida, temos memória de curto prazo. Ele é usado para coisas como lembrar os nomes das pessoas em um evento de networking, ou até mesmo o que você tem no almoço. Oh, no meu favorito de todos os tempos, onde você estacionou seu carro. Ao contrário de sua memória de trabalho, porém, que armazena em velocidades de pé de uma cintilação leve, memória de
curto prazo pode armazenar temporariamente pequenos pedaços de informação. Também é possível que possamos nos tornar superestimulado tentando armazenar muita informação e estão funcionando ou são memória de curto prazo. E nesse caso há uma teoria chamada sobrecarga cognitiva, e vamos discutir isso e a próxima seção.
5. Teoria da carga cognitiva: Nesta seção, vamos discutir a teoria da sobrecarga cognitiva do Hack número dois John Swell . sobrecarga cognitiva acontece quando são de curto prazo e a memória de trabalho se torna sobrecarregada com muita informação ao mesmo tempo. Isso leva à frustração e até mesmo ao comprometimento da tomada de decisões. Então, como consertamos isso? Como superamos as limitações que sabemos que existem sobre trabalhar na memória de curto prazo? Como designer, eu digo painéis, Dashboards ajudaram apenas mostrando informações relevantes. Teoh cada usuário específico em uma tela dentro de seu I Span. Agora eu entendo muito a pergunta. Não haverá muita informação na tela? Haverá palavras em todos os lugares. Como o usuário vai encontrar o que está procurando? E a minha resposta a essa pergunta é visual. Visuais falam mais alto do que palavras, mas não apenas qualquer tipo visual. É importante entender qual visualização de dados é necessária para cada painel seus usuários precisam. E para mostrar um exemplo disso, vou mostrar a vocês um gráfico para Grass. Na verdade, isso deve ser a mesma informação, mas formatado um pouco diferente. Neste primeiro gráfico, vemos o resumo anual da venda no lado esquerdo. Temos o valor gasto e, no fundo, temos meses, duração do
ácido e este próximo gráfico. Temos exatamente a mesma informação, exceto que está formatada um pouco diferente. Temos vendas em
dólares americanos americanosno lado esquerdo e os meses de duração no topo. Então minha pergunta é,
você se lembra de qual mês teve o maior número de vendas e bruxaria você usou para lembrar disso e chegar a sua resposta? Mas tirar daqui é que devemos sempre usar gráficos e gráficos para reduzir a
dependência de nossa memória de curto prazo ao construir produtos, especialmente painéis.
6. Lei Hick Hyman: Nesta seção, vamos falar sobre o último mas terceiro hack de ciência cerebral, e esse é o Hick Heim em Direito. Esta lei afirma que quanto menos opções você fornecer aos seus usuários, mais agradável ou mesmo agradável, qual será a experiência. E muitas pessoas dizem: “ Isso não parece comigo. Adoro opções. Quero ter uma variedade. E enquanto você pode se sentir assim, seu cérebro subconsciente está lhe dizendo algo muito diferente. Em um estudo recente, descobrimos que ao adicionar opções e mais opções, não só retardar nossos usuários de concluir uma tarefa específica, mas também aumentar a taxa de abandono em sites de comércio e comércio. Um exemplo disso é relevante para um projeto que trabalhou recentemente em É um
aplicativo de entrega de alimentos . A página inicial consistia em uma lista interminável de restaurantes que os usuários poderiam
percorrer para encontrar um restaurante que eles queriam encomendar de. Sempre que perguntamos aos usuários sobre feedback sobre o aplicativo, eles nos diziam que queriam mais variedade. Então fizemos exatamente isso. Nós nos reunimos com os parceiros do restaurante para fornecer a variedade que os usuários
sentiam que precisam, mas depois que fizemos isso. Não vimos um aumento no funil de conversão de pedidos no check-out. Então decidimos fazer um experimento. Pegamos usuários, restaurantes
favoritos e os itens que eles encomendaram com mais frequência, e colocamos no topo da lista de restaurantes que já existia. Os resultados usa não só ordenado com mais frequência, mas convertido muito mais rápido. Os usuários até relataram que tiveram uma experiência mais agradável dentro do APP para dashboards . Você deve estar ciente de como as opções maney que você fornece no nível da superfície, mas permitir que os usuários façam drill-down para concluir tarefas mais avançadas, se precisarem, especialmente naqueles painéis analíticos que serão discutidos mais tarde.
7. De ciência de cérebro ao design: Então falamos sobre ciência do cérebro e por que fazemos coisas específicas. Mas nas próximas aulas iam girar, e eu vou dar conselhos práticos de design e como você pode projetar seu próprio painel. Há quatro coisas a considerar ao projetar seu painel. O 1º 1 é entender o que o painel deve comunicar, e isso geralmente é através de entrevistas contextuais. O segundo determina qual tipo de painel é necessário. Os dois tipos que estarão falando sobre seu operacional e analítico, e eu vou explicar por que esses dois são tão diferentes. A terceira é aplicar a abordagem invertida da pirâmide Now. Isso foi adotado a partir de uma filosofia de jornal, mas ainda é relevante no design de painéis de controle. O quarto usa as ferramentas de visualização corretas para transmitir informações que você lembra. Na classe anterior, eu mostrei dois gráficos que foram projetados de forma diferente, mas mostraram exatamente a mesma informação. Você provavelmente se lembrou de qual estado teve o maior número de vendas e um
gráfico específico mais fácil do que o outro, e é por isso que é importante usar a visualização correta em cada painel. Então, vamos começar a aprender esses princípios de design para que você possa criar seu próprio painel
8. Seja contextual e classifique: O primeiro princípio sobre o qual vamos falar é a entrevista contextual agora. Para que estes sejam bem sucedidos, você precisa deixar suas suposições na porta. Você precisa visitar os usuários em seus ambientes reais, e você precisa entender o que seus usuários precisam ver. Você não quer jogar muito deles todos de uma vez. E a menos que você esteja no ambiente com eles, você não saberá que estímulos estão acontecendo naquele ambiente que podem estar distraindo-os de fazer seu trabalho. Vejamos um exemplo aqui Você pode ver uma área do cockpit no lado esquerdo sem pilotos e sem condições meteorológicas. É o cenário ideal. Você pode projetar a tela perfeita com a quantidade perfeita de botões que são
livres de distração . Mas, na realidade, se você realizar uma entrevista contextual, você pode ver no lado direito do designer está sentado com os pilotos no cockpit. As condições meteorológicas são muito pobres. Há luzes, há zumbir. Há todo tipo de estímulos externos que não foram levados em conta no
design do lado esquerdo que uma entrevista contextual teria mostrado ao designer. É por isso que entrevistas contextuais são tão importantes. Bem, se você projetou o botão que estava no lado direito do painel de controle que era facilmente acessível e visível quando a iluminação era perfeita. Aquele cenário que parecia do lado direito quando o tempo estava ruim e talvez até um par de luzes se apagaram no cockpit. Esse botão pode ter efeito se o avião pousar com sucesso não for, dependendo das decisões de projeto que você tomou nesse cenário. Em seguida, analisaremos os dois tipos de painéis que você pode usar em seu projeto de classe. O 1º 1 é um painel analítico thes, contém grandes quantidades de dados e são usados por analistas de negócios para
tomar decisões de negócios de longo prazo . O segundo é uma operação de painel é o mais comumente usado a partir de monitoramento e análise de atividades de uma empresa e em tempo real. Aqui está um exemplo de um painel analítico à esquerda e um painel operacional
à direita. Painéis analíticos usados para mostrar grandes quantidades de informações, mas geralmente requer muita
interação do usuário para atrair resultados específicos, filtrando detalhamentos ou componentes-chave que criam o sucesso de uma análise painel. Agora juntei três marcadores para capturar o que é um painel analítico. A primeira você verá grades. As grades eram extremamente comuns em painéis analíticos para manter o conteúdo organizado. No segundo eles são muito flexíveis, e eles permitem de muitas alternativas. Com toda a filtragem que você pode fazer e drill downs, você precisa manter o painel flexível. Inclui sempre drill-downs e filtros. Mais uma vez, essa é provavelmente uma das portas mais importantes do painel analítico operacional ou às vezes chamado de painéis de monitoramento. 80 usuários em obter um rápido olhar de como a organização está fazendo a empresa, você verá essas muitas e grandes empresas de tecnologia. Quando você entra para passeios,
eles serão monitores em toda a tela, e você verá análises em tempo real e como suas empresas estão se saindo. Agora, alguns pontos sobre o que os painéis operacionais geralmente consistem. Eles costumam comparar subunidades ou dados. Há muitos gráficos que ilustram áreas-alvo da empresa que as pessoas precisam ter cuidado , e os dados geralmente são reais. tempo é quase em tempo real. Então, nesta classe nós falamos sobre consultas contextuais e o tipo específico de
classificações de painel que ar realmente comum, e a próxima classe vai falar sobre a metodologia da pirâmide invertida e até mesmo que tipo de visualização de dados que você pode usar ao projetar seu painel.
9. A Inverted invertida e visualização de dados: Falamos sobre as entrevistas contextuais e as classificações do painel de instrumentos, mas agora vamos discutir a pirâmide invertida que mencionei a vocês que adotamos a filosofia dos jornais de que os detalhes mais importantes estão sempre no em cima. E então nós fragmentamos conteúdo e uma grande estrutura média e, em seguida, mais granular. E estes dois exemplos do jornal que você pode ver no lado direito. Os classificados têm um par de quadrados maiores ou pedaços de informação,
e então, à medida que descemos o papel, entramos, mais pequenos acrescenta. É o mesmo com a hierarquia do painel e os painéis projetados de alto nível. O topo é geralmente a informação mais notável. Aqui é onde você tem os insights de alto nível e os olhos KP, e na segunda parte temos os detalhes importantes thes ar, os gráficos que forneceram mais contexto para como você alcançar os olhos KP, ou talvez até mesmo questões que surgem que impedirá que a empresa se encontre lá. KP olhos e, em seguida, uma informação terciária é qualquer detalhe granular, e você pode aprofundar para explorar ainda mais. Agora vamos dar uma olhada em um exemplo de um painel inicial que usou essa filosofia. Aqui temos um painel para a casa de Paul e no canto superior esquerdo. Podemos ver o consumo total de energia que Paul está usando. Você pode ver como isso é extremamente útil e saber o quanto Paul vai pintar em sua próxima conta. Mas a próxima pergunta é, onde estou usando todo esse poder e a seção à direita? Podemos ver quantas luzes Paul tem e quantas estão ativas no momento. Este é um exemplo de uma análise em tempo real usando painéis operacionais. Então, para ficar ainda mais informativo na parte inferior esquerda, você pode até ver quais salas de ar usando mais energia. Todos esses insights se unem para ajudar todos a tomar melhores decisões sobre como economizar dinheiro em sua próxima fatura. Agora vamos falar sobre algumas táticas de visualização de dados específicas usadas no design do painel. O 1º 2 que vamos olhar é o gráfico de pizza e a coluna curta. O gráfico de pizza mostra contribuições de diferentes categorias. Enquanto o gráfico de colunas é usado para comparar valores lado a lado neste
gráfico de pizza de tendência de uso , podemos ver redes sociais por conta. Agora, rapidamente de relance, admitimos que a seção azul do lado direito está ocupando a maior parte do gráfico de pizza. E no gráfico vemos que são 52 contas ou no Twitter e, em seguida, seguindo o espectro do
gráfico de pizza , podemos ver uma sombra azul mais escura no canto inferior esquerdo, e são 27 contas no Facebook. Este próximo gráfico de pizza é sobre despesas anuais, e é dividido por categorias. A enorme seção azul que ocupa quase 50% do gráfico. Do lado direito estão casas e serviços públicos, e isso é 105 mil de suas despesas anuais. Em seguida é a seção Amarela, que é 25 k gasto em transporte, 20 k em seguro. E todas essas seções do gráfico de tubos se reúnem para preencher os 200 k que gastaram anualmente em despesas específicas. O próximo começo que temos é um gráfico de comparação. Este gráfico de barras de comparação mostra a contagem das medalhas dos Jogos Olímpicos de Verão. No lado esquerdo, temos a contagem de metais que vai de 0 a 140 na parte inferior temos os países que receberam essas medalhas. Quando torna este gráfico tão fácil de ler, já que só temos duas cores para olhar. Temos a cor roxa azulada e temos o verde. Mas o fato de que essas duas cores estão lado a lado para cada país, podemos facilmente ver como esses anos comparando e quantas medalhas cada um desses países estão sendo premiados. Neste slide. Quero mostrar um exemplo básico de como esses gráficos foram criados, então você tem métrica um no lado esquerdo, métrica dois na parte inferior. Temos meses indo ao longo dessa métrica para o lado, e temos valores numéricos subindo na métrica um. No fundo, você pode ver que temos uma comparação entre o verde e uma comparação de azul, e eles estão sempre lado a lado para cada mês. Isso torna muito fácil para você fazer seu próprio gráfico apenas usando este modelo
aqui , que eu anexarei nas notas de classe. Outros dois métodos de visualização comuns são o gráfico de bolhas e o funil de conversão. O gráfico de bolhas ilustra o peso dos valores por tamanho do círculo, e o fundo de conversão era realmente comum ao mostrar desistências de clientes e retenção para um produto, o gráfico de bolhas e a categorização de palavras tipo de ir juntos e a sensação de tentar dizer-lhe quais são as palavras mais comuns que os clientes estão usando para descrever seu negócio . Isso pode ser útil com o APP. avaliações da loja podem estar puxando algumas palavras-chave que seus clientes estavam dizendo em seus painéis
operacionais de que os investidores ou até mesmo o CEO ou todos na empresa podem ter uma idéia do que os clientes estão dizendo sobre um produto específico. O funil de conversão é útil para as pessoas em marketing e até mesmo o CEO se eles querem saber onde seus clientes vão ar e onde eles estão caindo fora que e este funil começa, ele tinha 100%. Ele captura todas as sessões totais. E então, à medida que entramos em sessões com visualizações de página de produtos, o funil começa a ficar cada vez menor. Então, com 43,8% esse é o número de clientes que realmente visualizaram uma página de produto em 14,5%. Você tem quantas sessões que um cliente adicionou algo ao carrinho e, em seguida, é
claro, em 3.3% as sessões com a transação. Este é normalmente o lugar onde a maioria dos seus clientes está pulando porque eles vêem um ponto de
preço. Ou talvez eles simplesmente não queiram investir no produto neste momento. De qualquer forma, se você não tem o painel de comércio, você definitivamente quer colocar um desses gráficos de conversão funil lá para dar ao marketing uma idéia de quão bem você está convertendo seus usuários.
10. Seu projeto de curso: Espero que
tenha aprendido muito na minha aula, desde ciência do cérebro até visualização de dados e classificações de painel. Agora é sua vez de testar todo esse novo conhecimento e projetar seu
próprio painel. Vou começar com alguns passos simples para começar. Passo um. Pergunte a si mesmo Onde um painel seria útil ou até mesmo informativo no meu dia-a-dia? Passo dois. Quais informações você precisa do painel de controle para que você tome decisões mais informativas? Passo três. Anote as informações que você precisa ver e como deseja exibir essas informações. Um exemplo para isso é que tipo de visuais são necessários e este painel que discutimos anteriormente. Passo quatro Draw Squares são blocos fora em seu papel usando o método pirâmide invertido. Etapa cinco no título da seção Sear blocos que definiram as informações que o painel está fornecendo e até mesmo em um título de painel, Etapa seis. Adicione cores usando marcadores ou lápis e até mesmo trazê-lo para o computador. Usando esboço são Adobe X, D e Fig. MMA. Você escolhe o software que deseja usar para dar vida ao seu painel. Passo sete. Carregue seu exemplo de painel para compartilhar com a classe. Eu também posso fornecer feedback para você. Se você gostaria de usá-lo como uma peça de portfólio,
seja criativo, seja criativo, divirta-se e confira esses exemplos de painel para obter esses sucos criativos fluindo. Como até mesmo Mostrar alguns exemplos de painel de baixa fidelidade toe alta fidelidade Para dar-lhe um exemplo do que você pode criar bancos novamente para tomar esta classe, e eu realmente não posso esperar para ver o painel de projetos que você carrega.
Cody Hebert, Senior Product Designer
