© NGO Forum on ABD
© Forus
2024-12-19
Guia de Desenvolvimento Web para Organizações da Sociedade Civil: Melhores práticas da rede Forus
Os sítios Web são ferramentas fundamentais para os membros de Forus - plataformas nacionais e regionais da sociedade civil - para envolver os membros, partilhar informações e coordenar esforços. A conceção de um site para tais fins requer uma abordagem estruturada, objectivos claros e um foco na inclusão. Aqui está um guia detalhado desenvolvido com o apoio do grupo de trabalho de comunicações Forus para as necessidades únicas das organizações da sociedade civil. Para mais informações, pode visitar a Clínica de Comunicações Forus.
1. Conceber um documento de especificações para o seu Webmaster para um sítio Web novo ou existente: Elementos-chave a incluir e perguntas a fazer
Como é que podemos alinhar a nossa visão com as capacidades técnicas do webmaster e garantir clareza ao longo de todo o processo?
Esta é uma oportunidade para se sentar com os seus próprios membros e equipas para definir a forma como o sítio Web pode apoiar os seus objectivos de comunicação, defesa e reforço das capacidades.
Defina o objetivo principal do sítio Web e o tipo de conteúdo que é mais provável carregar, bem como a frequência com base nos seus recursos humanos e no tipo de contrato que pretende ter com o webmaster. Em seguida, encontrará algumas perguntas de orientação para o ajudar a concetualizar o seu sítio Web:
Finalidade e objectivos
Quais são os principais objectivos do sítio Web - podem ser a sensibilização, o acolhimento de recursos para os membros, a apresentação de histórias de impacto, a organização de eventos, etc.
Como é que o sítio Web se enquadra nas nossas estratégias mais amplas de comunicação e sensibilização?
Precisamos de funcionalidades como uma área exclusiva para membros, mapas interactivos ou calendários de eventos para apoiar os nossos objectivos, o que pode implicar custos adicionais?
Planeamento de conteúdos
Que tipos de conteúdos vamos carregar? Publicações em blogues, relatórios, multimédia (vídeos, podcasts)?
Com que frequência esperamos atualizar os conteúdos?
Quem, dentro da organização, será responsável pela criação e manutenção dos conteúdos? Precisamos de planear a contratação de alguém externo para nos apoiar?
Experiência do utilizador e necessidades do público
Quem é o nosso público principal? Membros, doadores, decisores políticos, o público?
Que acções pretendemos que os utilizadores realizem no sítio Web? Descarregar recursos, inscrever-se em eventos, participar nas nossas campanhas, fazer donativos ou contactar-nos?
Existem necessidades específicas de acessibilidade ou linguísticas (por exemplo, para utilizadores com deficiência visual ou se o sítio Web precisar de várias línguas)?
Requisitos técnicos e de conceção
A minha organização tem uma marca e uma identidade gráfica que têm de ser reflectidas no sítio Web?
Temos imagens dos nossos membros de alta qualidade que possamos utilizar para mostrar o nosso trabalho?
Que caraterísticas são essenciais para o nosso sítio Web e porquê? Início de sessão seguro para os membros, repositórios de documentos, ferramentas de visualização de dados?
Precisamos que o sítio Web se integre com outras ferramentas ou plataformas, como as redes sociais ou sistemas de marketing por correio eletrónico para enviar boletins informativos (como o Mailchimp)?
De que nível de apoio necessitamos do webmaster? Manutenção contínua, resolução de problemas ad-hoc ou formação para o pessoal interno?
Orçamento e recursos - como torná-los sustentáveis
Qual é o nosso orçamento para a conceção inicial?
Qual é o orçamento para a manutenção e quais são os custos recorrentes por ano (que podem incluir alojamento, nome de domínio e recursos humanos)?
Existem subvenções ou parceiros externos que possam financiar caraterísticas ou melhorias específicas?
2. Especificar os requisitos técnicos com o webmaster
Identifique as principais funcionalidades do seu sítio Web, como a inclusão de uma secção só para membros, a integração de mapas para realçar a diversidade da rede ou a capacidade de alojar conteúdos multimédia, como podcasts e vídeos.
Mencione as normas de acessibilidade (por exemplo, conformidade com as diretrizes WCAG) e o suporte multilingue, se estiver a operar em regiões com diversas línguas.
Critérios de recrutamento de um webmaster:
Procurar:
Proficiência em web design acessível e experiência do utilizador (UX).
Experiência com sistemas de gestão de conteúdos (CMS) como WordPress, Drupal ou Joomla.
Apoio ao reforço das capacidades do pessoal da sociedade civil
Capacidade para implementar sistemas de início de sessão seguros para espaços privados, como secções reservadas aos membros (se necessário).
Competências na integração de ferramentas como mapas interactivos ou painéis de visualização de dados.
Uma repartição clara dos custos - cada item, desde o nome de domínio até aos custos de alojamento, certificados de segurança, conceção e implementação da identidade visual, tem de ser discriminado separadamente.
Um portefólio e um CV com exemplos de sítios Web concebidos anteriormente, bem como referências de clientes
Exemplo de tarefa para webmaster:
Encarregue o webmaster de conceber uma estrutura de página inicial que inclua uma forma de mostrar o impacto da sua rede (por exemplo, visualização e dados) e uma secção para actualizações e notícias. Utilize isto como um teste para avaliar a sua compreensão dos objectivos e valores organizacionais.
Conteúdo Obrigatório das Propostas
Os desenvolvedores web devem incluir os seguintes elementos em sua proposta:
-
Uma quebra detalhada dos custos, incluindo custos ocultos possíveis, para total transparência.
-
Custos de design: elaboração da arquitetura do site, criação de maquetes e design visual.
-
Custos de desenvolvimento: codificação, integração de funcionalidades.
-
Custos de treinamento: sessões de treinamento, produção de guias ou tutoriais.
-
Custos diversos: taxas relacionadas a ferramentas de terceiros (APIs, bibliotecas de software), certificações ou qualquer outro serviço adicional necessário.
-
Custos recorrentes:
- Custos de hospedagem: sugestões de soluções de hospedagem, estimativa de taxas anuais e opções de renovação.
- Custos de manutenção: suporte técnico pós-entrega, atualizações regulares, correção de erros.
- Custos de segurança: integração de protocolos de segurança, proteção de dados pessoais, testes de vulnerabilidade.
-
-
Uma descrição precisa de cada componente do projeto, acompanhada de um desdobramento dos custos por fase ou tarefa.
-
Exemplos de trabalhos anteriores semelhantes, com links para sites ou projetos concluídos.
-
Um protótipo ou maquete do site a ser apresentado como exercício prático, demonstrando a compreensão dos termos de referência.
-
Uma lista de ferramentas e tecnologias que serão usadas no desenvolvimento do site, com uma explicação de suas escolhas.
-
As condições e os termos para a manutenção após o lançamento do site.
-
Compreensão do contexto da sociedade civil, detalhando em um breve parágrafo a compreensão do contexto e a visão para o projeto.
Exemplos da rede Forus: O membro de Forus no Brasil, Abong, utiliza um mapa interativo para mostrar a diversidade dos seus membros: https://abong.org.br/
O membro de Forus na Nigéria, NNNGO, utiliza fotografias dos seus membros para mostrar o impacto das suas actividades, juntamente com um menu claro, fácil de navegar, tornando a sua missão imediatamente compreensível: https://nnngo.org/
O membro de Forus na Nigéria, NNNGO, também desenvolveu um Atlas das OSC: https://csoatlas.com/
O membro de Forus no Botswana, BOCONGO, integrou um espaço exclusivo para membros no seu sítio Web para uma melhor coordenação da sociedade civil no país: https://bocongo.org/
O membro de Forus em França, Coordination SUD, tem um pop-up integrado no seu sítio Web que pede imediatamente a subscrição do seu boletim informativo para aumentar o alcance e a visibilidade das suas acções: https://www.coordinationsud.org/
O membro de Forus na Finlândia, FINGO, tem um sítio Web funcional que inclui a possibilidade de aceder a conteúdos em línguas locais e indígenas: https://fingo.fi/en/finnish-development-ngos-fingo/
3. Escolher soluções de alojamento seguras e de fácil utilização - Questões-chave a colocar:
O fornecedor de alojamento oferece certificados SSL para uma navegação segura?
Existe suporte para a criação e manutenção de espaços privados só para membros?
Que opções de cópia de segurança estão disponíveis para proteção contra perda de dados?
Ao escolher um fornecedor de alojamento, tenha em consideração a fiabilidade, o suporte, o desempenho e as localizações dos centros de dados que se alinham com a geografia do seu público - portanto, com a sua região.
- Localização do servidor: Escolha um fornecedor com centros de dados próximos do seu público principal para minimizar a latência.
- Escalabilidade: Certifique-se de que o plano de alojamento pode crescer à medida que as necessidades da sua organização se expandem.
- Segurança: Procure certificados SSL, firewalls e backups regulares.
- Suporte: Dê prioridade ao apoio ao cliente 24 horas por dia, 7 dias por semana, especialmente se não tiver conhecimentos de TI internos.
- Orçamento: Avalie os custos de configuração inicial e de manutenção a longo prazo
Abaixo estão exemplos de opções de alojamento em diferentes regiões:
África - Afrihost (África do Sul): Acessível e fiável, ideal para organizações de pequena e média dimensão.
Truehost Africa (Quénia, Nigéria, África do Sul): Oferece centros de dados locais e preços acessíveis para principiantes.
HostAfrica: Especializada em alojamento VPS com uma forte presença em África.
Europa e América do Norte - Provedores de hospedagem europeus que oferecem fortes leis de privacidade de dados (conformidade com o GDPR).
SiteGround (Bulgária): Oferece segurança robusta, tempos de carregamento rápidos e suporte.
IONOS (Alemanha): Hospedagem fácil de usar com forte atendimento ao cliente.
LatinCloud (Argentina, Brasil, México): Especializada em hospedagem em nuvem com desempenho confiável.
Hostinger (Global, com sede na Lituânia): Planos acessíveis e uma forte presença na Ásia.
Amazon Web Services (AWS): Escalável e flexível, perfeito para projectos de grande escala.
Google Cloud Platform (GCP): Oferece infraestrutura robusta e integração com outros serviços do Google.
Cloudflare: Uma solução global de CDN e hospedagem para velocidade e segurança.
4. Fluxo de trabalho para uma conceção inclusiva: estrutura, cores e acessibilidade
A inclusão é crucial para as organizações da sociedade civil que servem diversas comunidades a nível nacional, regional e global, incluindo pessoas com deficiência.
Sugestões para uma conceção inclusiva:
Utilizar uma hierarquia clara com títulos e subtítulos (H1, H2, H3).
Dividir o texto em secções mais pequenas, complementadas por imagens ou ícones.
Opte por esquemas de cores de alto contraste para facilitar a leitura.
Teste os projectos utilizando ferramentas como o WebAIM Contrast Checker.
Pedir apoio às organizações da sociedade civil que trabalham em prol dos direitos das pessoas com deficiência
Exemplo da rede Forus: A Cooperation Canada, membro de Forus, incluiu várias opções para as pessoas que necessitam de apoio para navegar no seu sítio Web: https://cooperation.ca/
5. Conselhos gerais para os sítios Web da sociedade civil
Design Mobile-First
Elementos interactivos: Inclua um mapa dinâmico para mostrar projectos, parcerias ou diversidade regional.
Adicione um marcador de notícias ou um calendário de eventos para manter o seu público informado.
Experiência de utilizador simplificada:
Mantenha a navegação simples, com foco em caraterísticas essenciais como detalhes de contacto, recursos e actualizações importantes.
Medidas de segurança:
Utilize a autenticação multi-fator (MFA) para áreas privadas. Assegure actualizações e cópias de segurança regulares para se proteger contra violações.
Culturais e linguísticas:
Traduzir os conteúdos para as línguas locais relevantes, sempre que possível.
Utilize imagens e exemplos que reflictam os seus membros.
6. Exemplos de fornecedores e criadores de sítios Web
What the Web: sítios Web de organizações sem fins lucrativos inclui sessões de reforço de capacidades https://www.whattheweb.org/en/
TechSoup - tecnologia para organizações sem fins lucrativos (para aconselhamento e apoio ao desenvolvimento digital) https://www.techsoup.org/
Os criadores de sítios Web também são uma solução prática para as organizações da sociedade civil com orçamentos limitados. Fornecem modelos pré-construídos e uma série de ferramentas para o ajudar a criar e gerir um sítio Web profissional com recursos humanos internos. Seguem-se alguns dos construtores de sítios Web mais simples: