Tag: ui

Categorias
🚀 Cases

Como ajudamos O Novo Mercado a dar um salto na experiência do usuário construindo uma nova interface do zero

O Novo Mercado é a mais completa escola de marketing digital do Brasil, com mais de 30 mil alunos a plataforma conta com 17 professores divididos em mais de 300 aulas, são diversos conteúdos agrupados em cursos específicos, cada um criado para atender as necessidades de negócio dos empreendedores.

O Novo Mercado também realiza transmissões ao vivo toda semana sendo abordados diversos assuntos, além de possuir uma super comunidade engajada e também um mercado de trabalho onde os profissionais buscam e oferecem seus serviços, tudo isso e um pouco mais dentro da plataforma.

Entendendo o projeto

Como em todo grande projeto, alinhamos com todas as partes interessadas as expectativas e objetivos a curto, médio e longo prazo. Em reuniões com o pessoal d’O Novo Mercado nós abordamos assuntos específicos que foram cruciais para definirem o nosso fluxo de trabalho, vamos conferir juntos alguns dos assuntos abordados.

Data science

Nada melhor que começar falando sobre dados, para este projeto o nosso time analisou com precisão o comportamento do usuário, apresentamos uma análise inteligente de cliques e diversos outros números que nos trouxeram diversos insights que nos deram insumo para começar o projeto. Para estruturar tudo, foi montada uma dashboard com algumas informações:

  • Alunos da base
  • Aulas mais assistidas
  • Cursos mais vistos
  • Cursos mais concluídos
  • Aulas mais favoritadas
  • Aulas mais comentadas
  • Churn rate
  • E muito mais

UX research

Com os números quantitativos em mãos fomos em busca de dados qualitativos, e para descobrir informações preciosas sobre o comportamento dos usuários nós entrevistamos 5 pessoas, esses usuários foram divididos em grupos específicos desde usuários novos até usuários avançados, essas pessoas foram essenciais para que pudéssemos criar uma visão de projeto mais profunda e inteligente, com o usuário no centro já começamos ganhando, e claro, as entrevistas nos renderam inúmeros insights através de relatos reais.

Redesign

Com toda a gama de dados e insights coletados partimos para a construção da primeira versão de uma home page, com o passar do tempo construímos outros fluxos, componentes e páginas. Tudo isso graças aos dados numerosos e baseado no comportamento do usuário. Em todo redesign seguimos um processo definido e neste projeto não foi diferente, confira o nosso processo de design:

  • Entendendo o problema
  • Análise de dados
  • Pesquisas com usuários
  • Benchmarkings
  • Wireframes de baixa fidelidade
  • Definição de UX writing
  • Userflow
  • UI design
  • Testes de usabilidade
  • Validações e refinamentos constantes
  • Análise de dados em produção
  • Manutenção contínua das soluções

Prazos

Para construir em cima de todos esses processos todos os prazos foram muito bem definidos e acordados previamente, o aval do cliente foi importante para estarmos alinhados.

A plataforma antiga

Uma boa forma de mostrar os resultados é apresentando um comparativo, agora vale ressaltar um problema que a plataforma apresentava, os layouts eram responsivos mas apenas em 2 resoluções, sendo essas resoluções pouco adequadas no enquadramento certo dos dispositivos.

Outro problema impactante era uma grande diferença entre a plataforma web e o aplicativo, os layouts não seguiam um padrão e o usuário tinha muito esforço cognitivo durante o uso.

Design responsivo

Para este projeto construímos um design responsivo, para melhorar a experiência de uso e obte coerência nos dispositivos, começamos pelo mobile first. Criamos nas seguintes resoluções:

  • Mobile 390px
  • Tablet 768px
  • Desktop 1024px
  • Desktop 1440px
  • Ultrawide 1920px

Uma styleguide automatizada

Uma das principais discussões do time foi em como iriamos projetar uma styleguide eficaz, precisávamos de um sistema completo de componentes, mas não apenas componentes, visamos a escalabilidade que é algo que O Novo Mercado não tinha antes e por isso criamos uma biblioteca potente baseada em alguns conceitos:

  • Atomic design
  • Pixel perfect
  • Auto layout
  • Componentização
  • Variants
  • Interactive components
  • Documentação no Notion dos átomos, moléculas, organismos, templates e páginas.

A styleguide criada foi extensa pela gama de componentes, vamos conferir alguns juntos:

Até aqui você acompanhou alguns componentes da styleguide, o restante elementos como botões, header, sidebar… etc, estão em uma gama extensa e foram feitos com maestria, sendo cada componente renomeado de acordo com a sua classe, estilo e função.

Conclusão

O Novo Mercado é um projeto muito satisfatório, por algumas vezes complexo e por outras simples, nosso maior objetivo foi construir tudo isso com o usuário no centro da solução, trabalhando com o que há de mais atual no mundo do design e sempre nos preocupando em mantermos uma linha reta com o branding da marca.

Hoje continuamos trabalhando em cima de novas páginas e componentes enquanto o time d’O Novo Mercado se expande, sem dúvidas todos são profissionais com visão de futuro e o pensamento fundado no comportamento do cliente.

Não teríamos chegado tão longe se não fossem os alinhamentos iniciais, o que permitiu esse projeto ser construído dessa forma foi uma arquitetura bem definida e alinhada desde o início.

Gostaria de deixar o meu abraço a todos d’O Novo Mercado que sempre se colocaram a disposição para manter o projeto de pé e coerente e também agradecer o apoio dos profissionais da eNe soluções, um time que sempre esteve disposto a transformar os produtos digitais d’O Novo Mercado e elevar a experiência do usuário em um nível mais satisfatório.

Categorias
✍️ UI/UX 🏢 Outsourcing de TI

Como construir e estruturar um time de UX forte?

Ter um time bem estruturado, engajado e que trabalhe de forma coesa para atingir o mesmo objetivo é fundamental para quem trabalha com User Experience (UX). Essa estruturação da equipe é o que vai fazer toda a diferença ao longo da criação e desenvolvimento de um projeto tech, pois ter um time forte é crucial para a obtenção de melhores resultados.

Na atualidade, pessoas da área de tecnologia de maneira geral estão sendo cada vez mais buscadas por empresas que desejam evoluir digitalmente, em especial devido à escassez de profissionais especializados e com alta qualificação. Por isso, um dos maiores desafios na construção de times fortes de UX é encontrar pessoas que, juntas, possam formar uma equipe mais ágil e focada na experiência do usuário.

 

Mas antes, o que exatamente faz um time de UX?

Como citado no início, UX nada mais é do que a abreviação do termo User Experience, que em português significa “experiência do usuário”. Ou seja, trata-se do que o próprio nome já diz: entregar experiências cada vez melhores aos usuários, tanto de serviços quanto de produtos digitais. O principal objetivo de um time de UX é garantir que o uso de aplicativos, sites, softwares, soluções, etc, aconteça de forma fluida – sem obstáculos ou empecilhos para quem os utiliza.

Levando em conta a grande transformação digital pela qual as empresas estão passando nos últimos tempos, equipes tech focadas em experiência do usuário passaram a ser bastante necessárias e requisitadas na implementação de inúmeras soluções digitais. Por isso, vale ressaltar que existem várias frentes importantes dentro do universo de UX. Vamos conhecer algumas delas?

  • UX Research: Elabora e realiza pesquisas com os usuários visando identificar comportamentos, dores e/ou necessidades a serem atendidas;
  • UX Developer: Desenvolve ferramentas e soluções capazes de resolver os problemas levantados, sendo fundamental para a construção dessas soluções no meio digital;
  • UX Writing: Cria textos e toda a redação especializada para melhorar a experiência do usuário no que concerne à parte escrita das soluções oferecidas;
  • Product Design: Trabalha diretamente na parte visual dos produtos, softwares, aplicativos, entre outros, que estejam sendo desenvolvidos ao longo do projeto;
  • UX Strategy: Relaciona a experiência do usuário com a estratégia da empresa para haja coesão entre todas as partes e trabalho tenha mais assertividade;
  • Usability Analyst: Analisa a viabilidade das soluções desenvolvidas, com o intuito de garantir que a usabilidade está sendo entregue corretamente;
  • Information Architect: Estrutura todas as informações que serão entregues aos usuários, facilitando a interação entre eles. 

Devido à diversidade de tarefas que um time de UX pode desempenhar, um grande diferencial para as empresas está em construir equipes ágeis e especializadas que contribuam para a geração de bons resultados. Apesar de parecer simples, construir uma equipe com essas características pode ser uma atividade complexa, pois exige encontrar profissionais que não apenas atendam às habilidades técnicas, mas que consigam atuar em alta performance. 

 

Sendo assim, como estruturar um time forte de UX afinal?

Infelizmente ainda não há uma fórmula certa para montar um time de UX forte, pois uma boa equipe é definida a partir dos objetivos da empresa. Porém, é possível realizar algumas ações que podem estruturar um time ágil e com foco na experiência do cliente. Antes de sair fazendo contratações sem planejamento, é necessário averiguar quais são as metas e propósitos a serem alcançados. Por isso, confira algumas dicas que podem te ajudar nessa jornada:

 

Tenha suas metas sempre em mente

Ao começar as contratações, pergunte-se se aqueles profissionais estão de fato alinhados aos objetivos da sua empresa e se possuem todos os recursos necessários para o desenvolvimento do projeto. Tendo isso em mente, você tem clareza sobre quem serão as pessoas ideais na construção do seu time de UX forte. 

 

Comunique-se bem com a equipe 

Uma boa comunicação é indispensável para o trabalho de qualquer equipe, principalmente quando se fala de colaboração entre elas. Como foi detalhado, o UX em si possui várias frentes e o profissional vai precisar transitar entre diferentes equipes, por isso ter uma comunicação clara, objetiva e que integre os times é fundamental. Lembrando que não falamos apenas das lideranças do projeto, mas do time de maneira geral. 

 

Organize os dados, documentos e materiais necessários

Quanto mais organizado estiverem os insumos e dados do projeto, mais fácil será de fortalecer as equipes de UX. Manter uma boa organização das informações facilita o trabalho do time, por isso arquivos de prototipação, telas, ferramentas e afins precisam estar acessíveis e com fácil entendimento para todos. Tudo deve ser organizado de maneira intuitiva para que os profissionais consigam localizar sem maiores problemas e tenham autonomia no momento da execução. 

 

Entenda as necessidades do time

Toda empresa sabe da importância de atender às necessidades de seus clientes. Mas será que as necessidades da equipe são entendidas? É necessário entender que as equipes possuem necessidades e objetivos diferentes, embora trabalhem dentro do mesmo projeto. Então, suas considerações devem ser levadas em conta de acordo com cada caso em particular para assim atingir o resultado final desejado.

 

Faça alinhamentos com certa frequência

Manter reuniões periódicas com as equipes de UX para alinhamento do projeto é importante, pois isso cria ambientes de maior interação entre os profissionais, o que torna a discussão sobre todo o projeto mais fluida. Além disso, um bom alinhamento é o que manterá os níveis de satisfação do seu time e também a agilidade das entregas, ajudando a tornar a equipe cada vez mais forte.

 

Ainda não sabe como dar o primeiro passo e precisa de ajuda nessa construção?

Aqui na eNe, nós criamos, construímos e desenvolvemos soluções digitais, isso significa que você pode ficar tranquilo, enquanto nós criamos um produto digital, do zero, de acordo com a necessidade da sua empresa. Estamos juntos nessa! 

Então, seja montando um time de UX ou tech para a construção do seu produto digital ou construindo esse produto para você, pode contar com a gente.

  ()

Categorias
🏢 Outsourcing de TI 📈 Mercado de TI 🖥 Desenvolvimento

4 passos para construir um time tech de alta performance

Um dos maiores desafios das empresas na atualidade é conseguir montar times próprios de tecnologia de alta performance para atuação no mercado. Por se tratar de uma área bastante aquecida – especialmente após a pandemia – e com grandes índices de rotatividade, essa tarefa não costuma ser algo simples no dia a dia das organizações. 

Diante disso, tendo em vista que uma boa equipe de TI pode ser a chave para promover a transformação digital em sua empresa, que tal conferir agora 4 passos para construir times tech de alta performance? Vamos lá:

Passo 1: Conheça bem seu produto e saiba quais são as principais necessidades dos usuários 

Antes de dar início a qualquer projeto, você precisa ter em mente quais são as reais necessidades do projeto em si. Ou seja, o primeiro passo de como montar uma equipe de TI de alta performance é conhecer bem o produto que a sua empresa oferece e, principalmente, quais as necessidades dos usuários são solucionadas a partir dele. A partir desse momento, você terá muito mais clareza sobre quais serão os profissionais necessários para executar o trabalho e assim dar início à busca por um time especializado. 

Passo 2: Seja transparente a respeito dos objetivos e metas de trabalho 

A transparência é um dos aspectos mais importantes na hora de montar qualquer equipe, ainda mais se tratando de um time de TI de alta performance. Por isso, é fundamental esclarecer para os profissionais exatamente qual é o escopo do projeto, quais são os objetivos e metas que devem ser alcançados e também quais serão as responsabilidades de cada função estabelecida. Isso irá evitar possíveis mal-entendidos que acabam gerando insatisfação e, consequentemente, diminuem tanto a produtividade quanto a qualidade das entregas do projeto.

Passo 3: Atente-se ao fit cultural entre profissionais e empresa 

Ter habilidades técnicas é extremamente importante, mas isso não significa que a cultura organizacional não deve ser priorizada. O que isso quer dizer? Antes mesmo de contratar, é fundamental saber se o profissional em questão compartilha dos mesmos valores da empresa. É esse fit cultural que vai auxiliar na adaptação dessa pessoa à rotina de trabalho, evitando assim que haja desmotivação em relação ao ambiente e ao escopo do projeto traçado – que podem inclusive implicar em desligamento da empresa.

Passo 4: Invista em um time especializado e multidisciplinar

Investir em um time especialista e multidisciplinar significa contratar pessoas com diferentes habilidades dentro da área de tech. Neste caso, vale ressaltar que por “habilidades” entende-se tanto hard skills como soft skills. Isso porque o objetivo aqui é trazer pessoas que tenham competências diferentes e ao mesmo tempo relevantes para cada área do projeto. A partir de diversas experiências profissionais, cada um pode trazer novos aprendizados e pontos de vista que só vão fortalecer ainda mais o time e a empresa como um todo. 

Dica extra: Você sabe como é o perfil de um profissional tech de alta performance?

Como mencionado anteriormente, é importante analisar as hard skills e as soft skills antes mesmo da contratação. Essas são habilidades que irão resultar em times de alta performance, pois são elas que fortalecem a equipe e dão mais expertise às ações. 

Hard skills são as habilidades técnicas, relacionadas aos conhecimentos especializados que cada profissional construiu ao longo da carreira. Veja alguns exemplos na área de tecnologia:

  • Pessoas desenvolvedoras (DEVs): Esses são os profissionais de TI que possuem conhecimento em linguagens e códigos da área de tecnologia. Normalmente atuam com Front-end, Back-end, Full Stack, Mobile, DevOps, entre outros.
  • UX/UI Designer: São os profissionais responsáveis por conectar as particularidades do sistema desenvolvido no projeto com a experiência do usuário. Ou seja, fornecem melhor usabilidade ou utilidade para os consumidores finais. 
  • Product Owner (PO): Esses profissionais são quem acompanha toda a jornada do cliente até o sucesso, dando também um suporte estratégico no desenvolvimento de maneira geral. O intuito é saber priorizar quais são as demandas mais importantes para o projeto.
  • Scrum Master: Desempenham o papel de líderes do projeto, auxiliando também o PO a estabelecer as prioridades do momento, além de auxiliar o time tech a entregar todo o valor necessário. É quem se responsabiliza por unir todas as pontas e garantir que o Scrum está sendo aplicado.

Já as soft skills são as habilidades que vão além do lado técnico e estão conectadas com as competências humanas de cada profissional. Essas são as habilidades necessárias para um bom relacionamento não somente entre o time, mas também entre o time e os demais stakeholders. Confira algumas delas:

  • Colaboração: Saber como trabalhar em equipe é essencial para times techs de alta performance pois, quase sempre, as áreas irão necessitar de auxílio umas das outras para concluir com sucesso alguma tarefa ao longo da rotina de trabalho.
  • Pensamento crítico: Essa competência ajuda a solucionar problemas complexos a partir do raciocínio lógico. Com o pensamento crítico, os profissionais têm mais clareza de onde colocar seus esforços e qual a melhor maneira de atacar os pontos primordiais do projeto.
  • Criatividade: Para construir soluções inovadoras, a criatividade é uma competência muito valiosa. Essa habilidade representa a capacidade de pensar além do óbvio e propor novos caminhos para situações ainda não experimentadas, o que dá mais possibilidades para o projeto.
  • Inteligência emocional: Essa representa a capacidade de entender seus sentimentos, controlar e expressar bem as suas emoções. Tem muito a ver com a comunicação assertiva e a forma como o profissional interage com as demais pessoas do time, impactando diretamente na relação entre os pares e líderes. 

Agora que você já sabe como construir um time tech de alta performance, que tal começar a contratar? 

A eNe Soluções ajuda você a implementar um modelo de trabalho ágil com times tech completos e de acordo com a necessidade do seu projeto. Nós criamos, construímos e desenvolvemos soluções digitais com base nos três pilares: a experiência do usuário, os objetivos do negócio do cliente e o desenvolvimento da programação ideal com as melhores tecnologias para atingir os resultados.

()