Metodologias ágeis no desenvolvimento web

Publicados: 2020-04-12

O uso das famosas metodologias ágeis no desenvolvimento de páginas web é cada vez mais comum entre as agências web. Significa um aumento na produtividade de seus trabalhadores e um resultado final de muito mais qualidade. Além disso, significa maior transparência entre agência e cliente.

Metodologias ágeis
Metodologia Ágil x Waterfall

Coordenação e gestão com o cliente

A metodologia de trabalho que utilizamos no Kiwop é 'Agile' . Esta metodologia permite-nos aplicar um plano óptimo de qualidade de serviço e permite-nos garantir a sua efectiva implementação e melhoria contínua durante a vigência do contrato. No nível do projeto, vamos diferenciar entre as seguintes etapas:

  • Requisitos do projeto : Esta fase consiste na reunião de kick-off e na entrega de todo o material disponibilizado ao Cliente. Na reunião devemos estar todas as partes envolvidas para o correto desenvolvimento do projeto.
  • Planejamento : Organização do material entregue pelo Cliente, identificação de necessidades e alocação de recursos internos da nossa empresa.
  • Design : Estudo inicial sobre o projeto e seu ambiente. Este estudo inicial também incluirá uma análise das palavras-chave a serem levadas em consideração para a estrutura da web. Com base nestes estudos, faremos uma proposta de design e estrutura para o portal web, e aguardaremos a sua aprovação do Cliente.
  • Desenvolvimento : Uma vez aprovados o design e a estrutura, procederemos ao layout e programação do site e apresentaremos todo o conteúdo. Nesta fase também inclui a redação de conteúdos caso este serviço tenha sido contratado. Mais tarde começaremos com os testes, correção de falhas e depois sua aprovação.
  • Entrega : Finalmente instalaremos a web no servidor final e entregaremos as chaves correspondentes de todos os usuários da equipe técnica.
  • Manutenção e acompanhamento : Uma vez finalizada a fase de entrega, faremos o acompanhamento para o suporte do Serviço e correção de erros ou contratempos que possam surgir. Esta fase inclui um período de garantia que vigorará até ao final do contrato. Esta garantia inclui a correção ou modificação de qualquer programação adicional.

Tempos de entrega de projetos web

A primeira fase do projeto será entregue, no máximo, no prazo acordado com o cliente. O projeto estará totalmente operacional e lançado neste momento. Após a entrega do projeto, faremos manutenção e acompanhamento durante os meses restantes até o término do contrato . Durante esta manutenção e monitoramento iremos analisar o comportamento da web e fazer relatórios mensais de web analytics. Tanto o comportamento do visitante quanto o posicionamento na web.

Também usaremos um cronograma interno muito mais detalhado que servirá de guia. Respeitaremos sempre os tempos e durações com que nos comprometemos.

Metodologia Scrum

Especificamente, para projetos de desenvolvimento web, utilizamos a metodologia Scrum com sprints (ou ciclos de trabalho) de duração variável dependendo das exigências de cada momento. Normalmente a duração destes ciclos de trabalho (sprints ) é de 2 semanas. A cada ciclo de trabalho haverá um acréscimo de produto que agregará valor ao resultado final.

Esquema Scrum

Para trabalhar com eficiência e agilidade no Kiwop utilizamos uma série de ferramentas e metodologias de trabalho profissionais focadas no exigente setor de desenvolvimento web.

Software para Scrum e metodologias ágeis

Para a gestão de todas estas tarefas utilizamos o pacote Atlassian, que nos permite gerir a dedicação total das tarefas e a sua manutenção.

Ao adotar uma mentalidade ágil e fornecer maior engajamento, colaboração, transparência e adaptabilidade em todos os valores, funções, eventos e ferramentas do Scrum, os resultados foram excelentes.

Scott M. Graffius do livro “Transformação Ágil”

Especificamente usamos:

Jira Software

O pacote Jira Software nos ajuda no gerenciamento de projetos com metodologia Agile e Scrum . Permite-nos simplificar tarefas e tornar o projeto mais eficiente. Diminui o consumo de tempo para a gestão de recursos. Ajuda a documentar todo o “ ciclo de vida ” do projeto e ajuda a reduzir os diferentes riscos associados. Esta ferramenta será a espinha dorsal de todo o projeto e é indispensável para a sua correta execução tanto em termos de qualidade como de cumprimento dos objetivos temporários.

Jira Software
Exemplo de tela de projeto de software Jira

Confluência

Confluência

O objetivo do Confluence é que toda a equipe trabalhe em conjunto de forma transparente nas tarefas atribuídas a eles . Cada equipe contribuirá com suas ideias de organização, estrutura, design ou desenvolvimento. A equipe de especialistas do Cliente também pode participar desse processo. Esta ferramenta nos permitirá criar:

  • Roteiros
  • Listas de tarefas
  • Notas da reunião
  • Planos de projeto
  • Inclua recursos multimídia e conteúdo dinâmico
  • Deixe comentários nas páginas
  • Adicione textos ou arquivos compartilhados
  • etc...

Resumindo, centralize o conteúdo em um só lugar para que seja muito mais fácil consultar e saber exatamente onde estamos no projeto.

Trello

Exemplo de quadro do Trello
Exemplo de quadro do Trello com cartões

Serve como uma exposição simples e aberta em todos os momentos do projeto para todos os membros envolvidos, incluindo a equipe designada pelo Cliente. De forma rápida e intuitiva você poderá ver as tarefas concluídas, em quais estamos trabalhando atualmente e quais serão as próximas a serem desenvolvidas . Este painel será sincronizado com o Jira Software , para manter todas as informações atualizadas.

Central de atendimento Jira

Oferece suporte tecnológico e de tíquetes para o projeto. Com esta ferramenta podemos receber, acompanhar, gerir e resolver facilmente os pedidos da equipa de especialistas. Conseguiremos organizar e priorizar essas solicitações em um único espaço e, assim, manter nossa equipe de trabalho em sintonia com os objetivos ou acordos de nível de serviço estabelecidos. O processo será o seguinte:

A equipa de especialistas poderá enviar os seus pedidos à nossa equipa através do portal previamente configurado ou por email.

Nossa equipe trabalhará nessas solicitações ordenadas com base na prioridade de cada solicitação. O progresso da solução de problemas será configurado usando um fluxo de trabalho que incluirá status como “ em andamento ” ou “ precisa de aprovação ”.

Cada equipe trabalhará na resolução de incidentes em seu escopo: desenvolvimento, design, marketing digital, conceituação, etc.

BitBucketName

Bitbucket

A plataforma BitBucket é projetada para programadores, pois permite programar juntos usando repositórios com tecnologia Git. Isso nos permitirá programar novas funcionalidades de forma flexível e ordenada. Utilizaremos 3 ambientes: desenvolvimento, teste e produção .

O objetivo desses métodos é aumentar a produtividade e poder oferecer um resultado final de alta qualidade e alto valor agregado.

Revisões periódicas em metodologias ágeis

Durante o processo, realizaremos revisões periódicas usando as ferramentas mencionadas e outras para garantir que mantemos altos padrões de qualidade ao longo do projeto. Essas revisões serão incluídas em nosso cronograma interno como marcos de desenvolvimento.

Faremos testes de requisitos , onde a partir de uma lista de expectativas avaliaremos o projeto. O teste de requisitos é essencial em todo o processo de desenvolvimento para garantir que a equipe atenda a todos os seus objetivos.

Nos testes de design iremos nos basear no aspecto visual da web. Verificaremos continuamente se a aparência está em sintonia com o design proposto. Inclui ações como compatibilidade em todos os navegadores e testes em dispositivos móveis.

Nos testes de funcionalidade avaliaremos tanto a interface quanto a usabilidade. Será um processo rigoroso que garantirá que cada link, botão, formulário e todos os outros elementos funcionem como deveriam.

Os 3 ambientes de trabalho

Como mencionamos, vamos organizar tudo em 3 ambientes diferentes :

  • O ambiente local será onde programaremos internamente e onde testaremos todas as opções disponíveis para atingir o mesmo objetivo. Será nosso laboratório interno onde faremos os testes de desenvolvimento.
  • O ambiente de desenvolvimento será um ambiente vivo onde o cliente poderá ver o real andamento do projeto. Neste contexto serão feitos todos os testes apropriados, e onde serão aplicadas as alterações e correções. O projeto também será validado e os novos desenvolvimentos serão aplicados para validação pela equipe de especialistas.
  • E, finalmente, o ambiente de produção será assim que a web já estiver publicada. O que o público final realmente verá. Nesse ambiente devemos garantir que funcione sempre perfeitamente, sem nenhum erro ou problema.
Ambientes de trabalho ágeis

Usaremos ferramentas comprovadas para medir a qualidade e eficácia do nosso trabalho e as mudanças feitas, como:

  • Google PageSpeed ​​Insights: onde você pode ver a pontuação de velocidade da página. Esta ferramenta nos permitirá validar se um bom trabalho de WPO foi feito.
  • Validador de AMP : valida se a página é amp válida.
  • Google LightHouse: valida informações relacionadas a desempenho, acessibilidade, melhores práticas e SEO. Será um bom indicador no que diz respeito à qualidade.
  • SiteImprove e outros: validará a acessibilidade na web. Embora com acessibilidade também faremos validações manuais.
  • Web Analytics: Através do Google Analytics podemos avaliar o comportamento dos usuários na web. Além de validar o sucesso de eventos e objetivos previamente configurados.
  • Ferramentas de SEO: usaremos várias ferramentas para ver o aumento de posicionamento alcançado: Google Analytics, Google Search Console, SEMRush, entre outras.

Relatórios periódicos

Para garantir e verificar nosso trabalho, sempre propomos a realização de relatórios mensais. Esses relatórios conterão informações essenciais para o correto desenvolvimento do projeto e posterior acompanhamento. Serão relatórios de web analytics onde veremos a evolução das visitas ao longo das semanas e se as nossas ações serviram para um aumento destas ( SEO ). Também avaliaremos o comportamento dos usuários : em quais páginas eles passam mais tempo, em qual página eles saem da web, etc. …

Sempre verificaremos o status de indexação do site o tempo todo.

Esta metodologia nos permitirá detectar quaisquer problemas e obter um site limpo, funcional e acessível. A utilização destas metodologias de Garantia de Qualidade permitirá aos utilizadores uma interface funcional e uma melhor experiência de utilização.

Além disso, durante a criação do site, propomos reuniões via Skype, Google Meet ou presenciais com a mesma periodicidade dos sprints de desenvolvimento, ou sempre que a situação do projeto assim o exigir.

Acompanhamento em ágil e scrum e kanban


Gerenciamento de incidentes em metodologias ágeis

Durante a vigência do nosso contrato, incluiremos um sistema de gerenciamento de incidentes entre a equipe técnica responsável pela atualização do site pelo cliente e nós . Desta forma podemos resolver qualquer problema ou dúvida que possa surgir na equipa técnica.

Ao escolher um sistema de gerenciamento de incidentes, temos várias opções . Existem muitos tipos. Um exemplo pode ser o software Zendesk, que é um sistema de tickets de suporte e software de atendimento ao cliente. Mas é uma ferramenta que, embora muito poderosa e versátil, é externa e envolve maiores recursos e agrega complexidade a todo o sistema. Portanto, só o usamos nos casos em que é estritamente necessário.

Outra opção é utilizar o sistema de gerenciamento de incidentes que utilizamos nos projetos internamente: Jira Service Desk . Este sistema de atendimento é mais pensado entre a empresa de desenvolvimento e o coordenador do projeto, e de forma muito específica e privada.

O processo de criação e resolução de incidentes será o seguinte:

  1. O usuário cria um novo problema
  2. O sistema notifica via e-mail os responsáveis ​​pela resolução de incidentes
  3. O responsável analisa o incidente e decide se começa com a resolução ou pede mais informações ao criador se precisar de esclarecimentos.
  4. Assim que o incidente for resolvido, notifique o criador desta

Conclusão

A utilização de metodologias ágeis no desenvolvimento de páginas web é uma metodologia cada vez mais utilizada entre as agências. E não é à toa: oferece um aumento considerável de produtividade se feito de forma correta e organizada.

Para desenvolvimento web em particular, tanto Scrum quanto Kanban podem ser usados . Ambos os métodos são muito válidos e trazem grandes benefícios organizacionais. A escolha de um ou outro dependerá simplesmente da empresa de desenvolvimento web.