O que eles não vão te ensinar em uma escola de design: aprendendo com o rei Sidharth

A vida útil de uma tecnologia em uso na indústria está ultrapassando os currículos universitários mais rápido do que nunca. Não é que as universidades não estejam cientes do problema, mas não há muito que possam fazer a respeito. Os currículos levam algum tempo para serem redesenhados e, com o tempo, já começam a perder a vantagem. Portanto, as universidades, em sua maioria, mantêm seus currículos limitados aos fundamentos básicos.

“Algum conhecimento vem apenas da indústria quando você trabalha lá”, diz King Sidharth, responsável por Design, UX e Produto na Headout. Falando no The Makers Summit 2021 , Sidharth abordou os problemas que os designers enfrentam em ambientes de trabalho reais, expondo o público a 3 aspectos críticos do desenvolvimento e design de produtos, ou seja, como medir o design, como os produtos são construídos e como os sistemas de design precisam ser extensíveis.

Simulação do ambiente de trabalho real

Cor, tipografia, layouts, microinterações, sombras, animações e comunicação visual são coisas fáceis de ensinar em uma escola de design, disse Sidharth em uma sessão fascinante que viu um dos mais altos níveis de engajamento do público. Estes tópicos têm sido fortemente pesquisados ​​e há um vasto corpo de trabalho que já está integrado no currículo. Mas os problemas enfrentados na indústria por um designer são bastante dinâmicos por natureza. Você não pode esperar clareza no exato momento em que o projeto começa na vida real. Os currículos universitários são bastante estruturados. Você faz o passo 1, depois o passo 2 e assim por diante, e há porteiros em cada passo do caminho e você só pode avançar quando terminar esses passos na ordem, acrescentou Sidharth.

É difícil emular cenários de negócios em uma escola de design porque marketing, engenharia, suporte ao cliente, vendas – todos eles têm interesses no processo de design. O design tem suas implicações desde o momento em que o cliente começa a se envolver com o produto até a aquisição do usuário pelo negócio.

“A empresa não é um recurso infinito. Onde quer que você esteja empregado, eles têm tempo limitado, dinheiro limitado e engenheiros limitados e, portanto, você tem que priorizar e escolher suas batalhas, e novamente, o que não pode ser emulado na faculdade” , comentou King Sidharth. A otimização entre as perspectivas de negócios e a experiência do usuário, feedbacks, repercussões das decisões tomadas por outras equipes é difícil de emular no ambiente universitário.

Ele afirmou ainda que os problemas específicos que alguém enfrentaria no ambiente de trabalho são difíceis de prever ao aprender em uma escola de design. “Oh, isso é incrível, emocionante e tudo mais, mas isso fará diferença para o negócio? Como sabemos que o usuário realmente se importa com isso, e isso é tecnicamente viável? Será que vai escalar? E se o design quebrar se alguém fizer uma correção rápida ou uma alteração não intencional? Como medimos o impacto? Precisamos passar por testes manuais? ”, sondou o rei Sidharth.

É realmente difícil entender o que funcionará comercialmente no design, mas Sidharth ajudou o público ao dividir o processo de viabilizar designs em três perguntas:

1. Como você mede seu projeto?
2. Como os projetos são construídos pelas equipes de engenharia?
3. Como dimensionar seus projetos?

Nós mergulhamos mais fundo nisso com exemplos fáceis de relacionar à frente.

ASSISTA A SESSÃO AQUI

Projeto de medição

Os designers entendem bem os métodos de pesquisa, mas quando se trata de dados, a maioria deles luta para entendê-los, observou o rei Sidharth. Mas como são os dados para os designers?

Digamos que temos uma página de destino que descreve sua oferta e tem um apelo à ação para comprar. Ele também tem um botão de CTA de retorno chamado 'saiba mais' porque nem todas as pessoas clicarão no botão 'comprar agora' primeiro. Para analisar a eficácia do design neste caso, usamos análises baseadas em eventos. Nesse caso, o carregamento da página e os cliques no botão seriam os eventos, e o texto do botão, a cor do botão e os atributos do dispositivo, como tipos de dispositivo, sistema operacional, navegador, endereço IP, localização etc., são propriedades.

Para nos ajudar a capturar esses eventos e propriedades, podem ser usadas soluções de software profissionais como Mixpanel e Amplitude, que também são patrocinadores do makers Summit 2021. Eles vêm com algumas propriedades padrão, como os atributos do dispositivo mencionados acima, prontos para uso e personalizáveis propriedades que ajudam a obter a história do usuário correta para casos individuais.

Além disso, essas ferramentas também nos ajudam a entender a série de etapas que os usuários realizam para alcançar a chamada à ação desejada. E esses eventos individuais também podem ser marcados com propriedades desejadas e analisados ​​para ver em que estágio os usuários estão desistindo. Sidharth introduziu a ideia de funis. Os funis basicamente mapeiam os usuários em cada etapa do caminho até que eles executem uma ação desejada.

Então podemos usar esses dados para otimizar nossa página de destino. Diferentes KPIs e otimizações para o mesmo também entrariam na imagem aqui. Por exemplo, a taxa de desistência no exemplo acima nos diria quantos usuários que foram segmentados por meio de uma campanha de marketing compraram o produto.

Recomendado para você:

Recursos

Como a estrutura do agregador de contas do RBI está definida para transformar as fintechs na Índia

Amit Das

31 de julho de 2022

Notícia

Empreendedores não podem criar startups sustentáveis ​​e escaláveis ​​por meio do 'Jugaad':...

Jaspreet K.

31 de julho de 2022

Recursos

Como o Metaverse transformará a indústria automobilística indiana

Vaibhav S.

31 de julho de 2022

Recursos

O que significa a provisão antilucratividade para startups indianas?

Charany L.

31 de julho de 2022

Recursos

Como as startups de Edtech estão ajudando a qualificação da força de trabalho da Índia e se preparando para o futuro

Ankush S.

31 de julho de 2022

Notícia

Ações de tecnologia da nova era esta semana: os problemas do Zomato continuam, EaseMyTrip publica...

Tapanjana R.

31 de julho de 2022

Essas métricas nos ajudam a investigar ainda mais se o design atende às entregas e nos ajudam a tomar decisões que podem impulsionar a entrega de valor. É melhor que os designers saibam como entender e interpretar análises para descobrir problemas e validar soluções. Porque os dados são extremamente valiosos e revelam muito sobre o comportamento do usuário. Ele nos ajuda a entender a relação entre diferentes tipos de dados de desempenho e dados qualitativos para capturar a história completa dos usuários.

Factoring em Engenharia para Design

“Muitos designers criarão designs incríveis, apenas no final os engenheiros o rejeitarão dizendo que não é viável”, observou Sidharth. Portanto, é extremamente importante entender como os produtos são construídos para que muitas das questões de viabilidade sejam abordadas nos estágios iniciais.

Dando ao público uma visão geral do que significam front-end e back-end, Sidharth explicou a necessidade de entender os diferentes papéis que as partes interessadas desempenham durante a construção do produto.

Simplificando, o front-end é a parte do aplicativo voltada para o usuário e os usuários podem interagir com ele. O backend (ou “lado do servidor”) é a parte do site que não se pode ver. Ele é responsável por armazenar e organizar os dados e garantir que tudo no lado do cliente realmente funcione. O backend cuida da autenticação do usuário, pagamentos e automatiza a lógica de negócios. Os sites de portfólio de designers são amplamente construídos usando tecnologias de front-end sem ter muito a ver com o back-end.

Sidharth deu um exemplo do aplicativo Twitter para ajudar o público a visualizar melhor essas ideias. Front-end e back-end, também sinônimo de lado do cliente e lado do servidor, conversam continuamente entre si usando a internet. Entender que a internet pode não ser confiável e que a maior parte do mundo emergente não tem acesso às velocidades de internet a que estamos acostumados pode ajudar imensamente ao projetar experiências para o usuário.

Quando o aplicativo do Twitter é carregado pela primeira vez, pode-se ver o estado do esqueleto do aplicativo. Ele tranquiliza o usuário que o aplicativo está funcionando. Mas caso o usuário esteja navegando no aplicativo pela segunda vez, ele não o verá, pois o navegador ou o dispositivo já teria armazenado em cache os arquivos necessários para carregar o aplicativo mais rapidamente. Cache é um armazenamento local temporário que é como estocar os itens necessários de uma mercearia local, em vez de levá-los diretamente de um fazendeiro . “Poupa tempo na sua cozinha. Os servidores CDN fazem exatamente a mesma coisa para você. Enquanto você ainda precisa cozinhar, o tempo necessário para obter seus ingredientes seria minimizado”, acrescentou Sidharth.

Enquanto isso, o dispositivo teria solicitado os detalhes da sua conta dos servidores. Esses dados incluiriam as pessoas que você segue, seus tweets e a linha do tempo que o Twitter mostraria a você. Você não teria frotas aparecendo antecipadamente, pois o aplicativo prioriza um determinado conjunto de informações por meio das APIs para renderizar a tempo, o que é responsabilidade do front-end, para que você não fique frustrado e saia do aplicativo.

Pense nas APIs como pessoas que detêm informações necessárias para realizar seu trabalho. Alguns lhe dariam as informações muito rapidamente e alguns levariam seu tempo. O aplicativo não pode bloquear seu caminho esperando que os dados cheguem e depois os renderizem na tela. Portanto, tudo isso acontece de forma assíncrona. As partes do aplicativo são renderizadas à medida que os dados chegam. Como projetistas, portanto, é importante entender esse gargalo e levar em consideração a função do tempo durante o projeto”, acrescentou Sidharth.

Os efeitos do carregamento lento de páginas estão muito bem documentados. É mais provável que os usuários abandonem uma página de destino se a página não estiver otimizada para velocidade. Os usuários podem detectar os atrasos na ordem de 1/10 de segundo conforme o NN Group que cita as regras básicas da percepção humana do tempo. Assim, os efeitos de um carregamento lento de páginas são bastante instantâneos. Melhorias incrementais na velocidade compensam.

A melhor maneira de entender essas ideias pode ser usar seus superpoderes como designers, como empatia. Você poderia implantar um modelo mental de ter front-end e back-end sendo pessoas e conversando entre si para fazer o trabalho.

ASSISTA A SESSÃO AQUI

Sistemas de Design Escaláveis

“Você precisa entender como a engenharia funciona para chegar aos sistemas eventualmente”, explicou Sidharth. Segundo ele, alguns dos problemas de viabilidade de design podem ser resolvidos por hacks, mas torna mais provável que essas correções de design fracassem com o tempo. É por isso que Sidharth coloca os holofotes no sistema de design.

“A interface do usuário parece fácil porque não é. Os designers passam inúmeras horas descobrindo a interface do usuário. Para que pareça fácil para você com todas as complexidades ocultas”, disse Sidharth ao apresentar ao público a importância dos sistemas de design e como mesmo os designers seniores não entendem que seus sistemas estão caminhando para o fracasso.

Ele deu o exemplo das histórias do Instagram para entender melhor os sistemas de design. Normalmente, pode-se dizer que as histórias no topo são apenas uma série de círculos sem perceber como esses círculos que também são infinitamente roláveis ​​retratam diferentes ações do usuário e escolhas do sistema.

“É fácil fazer círculos e torná-los equidistantes. Projetar mantendo os estados em mente torna o sistema extensível ”, acrescentou, enquanto contava como ele e sua equipe na Headout pensaram nas ideias de estados e variações para os componentes da interface do usuário antes mesmo que a Figma introduziu um recurso recentemente para gerenciá-los e criá-los.

Agora, existem várias opções que você pode fazer sobre as histórias como usuário. Você pode criar um novo, assistir as histórias de outras pessoas ou entrar no instagram ao vivo. Há também certa lógica de interface do usuário que foi cuidada para você. Como se as histórias que você assistiu pudessem ser assistidas novamente até estarem disponíveis no final da rolagem superior. Pode haver várias vidas acontecendo, que também precisam ser representadas.

As escolhas feitas pelo usuário nesses casos são os estados do elemento, como estados vistos e não vistos das histórias, e as escolhas impostas pelo sistema são variações como se alguém está ao vivo, se você assistiu sua própria história ou não.

Há também aspectos de design de movimento incorporados às histórias, quando você toca em qualquer uma das histórias que ainda não assistiu, há pontos vermelhos que dão uma volta no círculo enquanto carregam as histórias. Essas interações são tão perfeitas que mal as notamos.

O Instagram também tem sua filosofia de design e guias de estilo. A lógica da interface do usuário também faz parte do próprio sistema de design. Por exemplo, sempre que o usuário estiver digitando em um campo de entrada, a entrada precisa ser validada para alguns casos. Um fluxo constante de mensagens de erro enquanto o usuário digita é muito irritante. Nesse caso, a equipe de engenharia precisa estar integrada ao fluxo da lógica de interação para que a experiência do usuário seja correta. Além disso, a localização do conteúdo para uma nova demografia dos usuários também precisa ser considerada no sistema de design. A consideração de todas as ideias mencionadas acima torna um sistema de design verdadeiramente escalável.

Seja fazendo perguntas a partir dos dados que desbloqueiam os insights que levam o produto para o próximo nível, ou falando na linguagem dos engenheiros para otimizar projetos para desempenho e, em seguida, tornar o produto verdadeiramente escalável, essas habilidades são definitivamente obrigatórias no design de um designer. kit de ferramentas para levar suas carreiras a novos patamares.