Você está na página 1de 110

PROJETO

WEB APP - BENFICA


ESCOLAS DE FUTEBOL

PÓS-GRADUAÇÃO DESENVOLVIMENTO WEB & MOBILE


Mónica Rebelo | 50039468
Link do protótipo
https://xd.adobe.com/spec/1d673084-3a57-418c-657f-057e50b9b0c2-6b56/

Link para descarregar a web app (front-end)


https://drive.google.com/open?id=1_JJVFMpoHghlY0i0vDr-JQmMwm-Tg_M3

Transferir o ficheiro do Google Drive, fazer unzip da pasta e abrir o ficheiro “index.html”.
ÍNDICE

Resumo 2
Introdução 3
Enquadramento 5
Projeto e objetivos 6

1. Fundamentar 7
1.1 Modelo de Negócio 7
1.1.1 Business Model Canvas 7
1.1.2 Canvas da Proposta de Valor 14

1.2 Gestão do Projeto 17


1.2.1 In Scope e Out of Scope 18
1.2.2 Cronograma Geral 19
1.2.3 Matriz de Recursos / Funções / Responsabilidades 21
1.2.4 Matriz de Raci 23
1.2.5 Matriz de Risco 25
1.2.6 Matriz de Risco - plano de ação 27
1.2.7 Matriz de Stakeholders 27

1.3 Desenvolvimento de Personas 28


1.3.1 Objetivo 28
1.3.2 Personas 29
1.3.3 Metodologia e Resultados 29
1.3.4 Mapeamento das Personas 31
1.3.5 Criação das Personas 36

2. Desenhar 37
2.1 Estratégia de Informação 37
2.1.1 Metodologia 37
2.1.2 Card Sorting 38
2.1.3 Objetivos e funcionalidades da web app 39
2.1.4 Estratégia de Conteúdos 40
2.1.5 Estilo de Comunicação 42
2.1.6 Custos, aprovação e retorno 42
2.1.7 Lançamento 42

2.2 Arquitetura de Informação 43


2.3 Wireframes 44
2.4 Mock ups iniciais 45
2.5 Guia de Estilos 46
3. Avaliar 47

3.1 Testes de Usabilidade 47


3.1.1 Testes não moderados 48
a) Constrangimentos 55
3.1.2 Testes moderados 56
a) Objetivo 56
b) Metodologia 56
c) Público alvo, recrutamento e local dos testes 57
d) Roteiro 57
e) Questionários 57
f) Materiais 58
e) Teste piloto 58
f) Tarefas 59
g) Resultados 61
h) Constrangimentos e resoluções 62

4. Protótipo 64
4.1 Programação 64
4.1.1 Layout 64
4.1.2 Estrutura dos arquivos e projeto 64
4.1.3 Estrutura do HTML 65
4.1.4 Estrutura do CSS 66
4.1.5 Estrutura do JavaScript 68

5. Divulgação 70
5.1 Plano de ação e comumicação 70
5.1.1 Recursos Humanos 70
5.1.1 Marketing Direto 70
5.1.1 Pontos de contacto e promotoras 71

5.2 Estratégia de Community Management 72


5.2.1 Enquadramento 73
a) Público-alvo 73
b) Redes Sociais utilizadas pelo público alvo 73
c) Tipos de conteúdos que querem ver 73
d) O que queremos comunicar 74
e) Quem pode ajudar 74
5.2.2 Objetivos 75
a) Para quem 75
b) Para quê 75
c) Como 75
5.2.3 Criação e configuração da página 77
a) Facebook Business 77
5.2.4 Gestão, moderação e viralidade 78
a) Planeamento Semanal 78
b) Planeamento Mensal 80
5.2.5 Avaliação e monitorização 81

Conclusão 83
Bibliografia 85
Anexos 89
RESUMO
Este trabalho apresenta o desenvolvimento e construção de uma web app para a Benfica
Escolas de Futebol, no âmbito de uma Pós-graduação em Desenvolvimento Web & Mobile,
do IADE – Universidade Europeia.

2
Atualmente, a Benfica Escolas de Futebol não possui nenhum serviço/plataforma digital
que permita aos pais acompanharem a atividade dos seus filhos/educandos.

Para a construção da web app foi necessário passar pelas várias etapas do desenvolvimen-
to, resultando numa plataforma que responda às necessidades principais das personas do
projeto. Com os objetivos definidos e os resultados que se pretendia atingir, foi criado o
conteúdo a ser divulgado, assim como as funcionalidades a constarem na web app, desen-
volvendo-se assim os wireframes e os respetivos mock ups, até chegar à programação e
por fim ao seu lançamento.

Foram tidos em conta questões de usabilidade, design thinking, design centrado no utiliza-
dor, agile, entre outras, que permitiram criar uma web app que correspondesse às necessi-
dades dos futuros utilizadores.

Ao desenvolver uma web app inovadora para a Benfica Escolas de Futebol, pensada e estru-
turada de acordo com o que os pais necessitam, garante o seu sucesso e capadidade para
melhorar o serviço prestado atualmente.

Palavras chave: Benfica Escolas de Futebol, Web App, Serviço


3

INTRODUÇÃO
A transformação digital que vivemos obrigada as empresas a alterarem o seu paradigma.
Nos dias de hoje, as apps e web apps são essenciais em qualquer serviço ou produto, uma
vez que reduzem a complexidade de processos e tornam a comunicação mais próxima,
simples e acessível.

Este trabalho apresenta o desenvolvimento da criação de uma web app para a Benfica
Escolas de Futebol, onde vai ser possível os pais gerirem, acompanharem e obterem infor-
mações sobre o seu filho/educando.

4
A escolha deste tema deveu-se ao facto de o coordenador das Escolas ter identificado a
necessidade de aproximar e envolver os pais à atividade, onde a resolução passaria pela
criação de um serviço digital que permitisse esta aproximação. Além do mais, o Sport Lis-
boa e Benfica detém uma estrutura financeira e de recursos que permite a possibilidade de
desenvolver um produto desta dimensão.

O Sport Lisboa e Benfica já conta atualmente com uma app que serve grande parte dos
serviços do clube, disponível para todos os sócios, no entanto, por ser um serviço específ-
ico e que envolve crianças, será criada uma web app à parte para servir as Escolas, sempre
de acordo com as regras e valores impostos pelo clube.

A construção do projeto foi estruturada em cinco fases.


A primeira, de fundamentação onde foi estudado o modelo de negócio existente da Benfica
Escolas de Futebol, recorrendo à ferramenta do Business Model Canvas e como é que este
se modificaria com a introdução da web app ao atual modelo de negócio. Após esse estu-
do, foram aplicadas técnicas e metodologias de gestão do projeto para estimar e planear
timings, recursos e tarefas a serem desenvolvidas, de forma a garantir o seu sucesso. Ainda
nesta fase, foram identificados os utilizadores do produto, recorrendo à criação de perso-
nas que auxiliaram e guiaram todo o processo de construção da web app.

A segunda fase diz respeito ao desenho da estrutura de conteúdos e do layout dos ecrãs,
onde foi analisada uma app já existente no mercado, ao nível do tipo de conteúdos e da sua
organização, para fazer paralelismo com a da listagem de conteúdos a constar na web app
para a Benfica Escolas de Futebol e de que forma é que estes se iriam organizar, para auxiliar
esse processo, foi utilizada a técnica de card sorting e posteriormente criado o organogra-
ma respetivo à arquitetura de informação, de seguida, foram elaborados os wireframes e o
seu workflow, numa primeira fase sem conteúdo e posteriormente com conteúdo. A partir
destes wireframes com conteúdo foram desenvolvidos os mock ups e o respetivo guia de
estilos.

Na terceira fase foi feita a avaliação da arquitetura de informação e dos mock ups criados na
fase anterior, recorrendo a testes de usabilidade, não moderados e moderados e efetuadas
as respetivas alterações e ajustes aos mock ups.

Na quarta fase foi desenvolvido o protótipo recorrendo a linguagem html, css e javascript,
de acordo com os resultados dos testes.

Por último, a quinta fase, de divulgação, onde foi desenvolvida uma estratégia de commu-
nity management para o facebook e a estratégia de marketing associada ao lançamento da
web app.
ENQUADRAMENTO
A Benfica Escolas de Futebol é um negócio de Escolas de Futebol para crianças do Sport
Lisboa e Benfica com mais de 30 anos de experiência. Está presente em 4 continentes,
onde conta com 11 escolas internacionais em 7 países (Angola, Cabo Verde, Moçambique,
Guiné, China, Canadá e Espanha), e no mercado português com 42 Escolas onde estão
5

inscritos 7200 alunos.

Com uma reputação inigualável no mercado português, aposta na formação (onde já saíram
jogadores profissionais como Bernardo Silva, Gonçalo Guedes, João Carvalho, Jota, etc.),
treinadores credenciados e infraestruturas, que já lhe valeram reconhecimento nacional
e internacional por parte das principais organizações do mundo do futebol (Associações,
Federações e Clubes).

53
UNIDADES
+7200
ATLETAS

Figura 1 - Mapa da localização das Escolas

O avanço tecnológico dos últimos anos e o novo paradigma digital que vivemos obriga à
criação de uma web app para as Escolas que permita aos pais estarem mais envolvidos e
acompanharem os seus filhos na atividade e que os ajude a tratarem de assuntos burocráti-
cos, tal como já existe noutros serviços do clube.

A web app vem colmatar uma falha levantada pelo coordenador máximo das Escolas de
Futebol, Fernando Pinto, que recolhe diariamente as informações e sugestões dadas pelos
pais, nomeadamente a necessidade de aproximá-los os pais às Escolas de Futebol.
PROJETO E OBJETIVOS
Atualmente, os pais para inscreverem os filhos, renovarem matriculas ou fazer pagamentos
têm de se dirigir às instalações do clube, assim como se quiserem pedir uma informação
têm de ligar diretamente para a Escola e quando o coordenador ou treinador têm uma
mensagem ou informação para os pais esta é feita através de uma newsletter, enviada por

6
e-mail. Hoje em dia, sendo tudo digital e à distância de um clique faz com que já não faça
sentido este tipo de procedimentos. Com a evolução que tem vindo a acontecer em todos
os produtos e serviços é necessário a criação de uma web app onde seja possível o serviço
ser instantâneo e desmaterializado.

Estão pensados os seguintes serviços para a criação da web app: notícias e informações,
possibilidade de os pais verem fotos e vídeos dos treinos e jogos, fazerem a renovação da
matrícula ou novas inscrições, pagamento de mensalidades, chat box para conseguirem
contactar com outros pais e até mesmo treinadores, requisitarem equipamento ou com-
prarem qualquer artigo, registo de presenças, agenda de jogos e treinos, metodologia apli-
cada nos treinos de cada jogador, desmaterialização do cartão e possibilidade da sua trans-
missão, e ainda avaliação e performance estatísticas captadas pela tecnologia da MiCoach.

Com a criação da web app para a Benfica Escolas de Futebol o objetivo é prestar um serviço
de qualidade e diferenciado, fidelizando os clientes, o que gera um aumento das taxas de
renovação. Isto, faz com que haja menos vagas e por conseguinte, diminuição dos custos
de captação de novos clientes, podendo originar um aumento de preço das mensalidades
ou da inscrição de novos clientes.

Este serviço vai permitir desmaterializar os serviços das Escolas de Futebol, proporcionar
uma comunicação bidirecional entre os clientes e os agentes das Escolas, aumentar o
relacionamento por via de conteúdo e assim ter um maior engagement, criando uma maior
proximidade digital (conseguir ter um maior conhecimento do cliente) e a partir de aí,
segmentar campanhas especificas.

Com a criação da web para as Escolas de Futebol o objetivo é prestar um serviço de qualidade
e diferenciado, fidelizando os clientes, o que gera um aumentando das taxas de renovação.
Isto, faz com que haja menos vagas e por conseguinte, diminuição dos custos de captação
de novos clientes, podendo originar um aumento de preço das mensalidades ou da inscrição
dos novos clientes.

+ SERVIÇO = + TAXAS DE
+ FIDELIZAÇÃO RENOVAÇÃO

- CUSTOS DE
CAPTAÇÃO DE
AUMENTO
NOVOS CLIENTES DE PREÇO
- VAGAS
1. FUNDAMENTAR
1.1 MODELO DE NEGÓCIO
Para o desenvolvimento de novos produtos e serviços e aumento da expansão do negócio
7

é fundamental ter conhecimento sobre os seus ativos, compreender o mercado e de que


forma é que as empresas se estão a adaptar na era da informação e do conhecimento do
perfil do consumidor.

Para as organizações se manterem competitivas nos dias de hoje necessitam de adaptar os


produtos e serviços aos clientes e para isso, é fundamental conhecerem as suas necessi-
dades e saberem o que desejam ou procuram.

Para atingir esse propósito é crucial que as empresas saibam de que forma funciona o
negócio e como é que ele está implementado, seguindo o modelo proposto, colocando as
estratégias em prática a fim de atingir o resultado proposto.

1.1.1 BUSINESS MODEL CANVAS

O Business Model Canvas foi proposto por Osterwalder e Pigneur, com o objetivo de criar
uma ferramenta para desenvolver modelos de negócio, onde compilasse numa única folha
todas as áreas de atuação, onde todos os pontos/blocos fossem totalmente integrados e
se relacionassem entre si, tornando o modelo de negócio claro, evidente e de fácil leitura.

Inicialmente feita em powerpoint, era apenas um gráfico que anos depois se tornaria o que
chamamos hoje o Business Model Canvas, um diagrama dividido em 9 blocos numa única
folha, com o objetivo de estruturar e definir o modelo do negócio.

Trata-se de uma ferramenta que auxilia a construção de um modelo de negócio novo


ou já existente, fornecendo uma visão abrangente e transversal do negócio. Este modelo
veio clarificar a forma como muitos empreendedores e empresas passaram a pensar o
seu negócio e como é que a estratégia é definida entre as várias áreas, além de ser fácil
de construir, facilita a apresentação e a leitura/análise a outras pessoas como investidores,
parceiros ou até consumidores, uma vez que a informação importante passou a estar numa
única folha, devidamente esquematizada e organizada, ao contrário do que era feito ante-
riormente, várias páginas cheias de informação onde a leitura era complexa, muitas vezes
não ficando claro o que seria o modelo de negócio.

Este diagrama cobre as principais áreas de negócio: clientes, oferta de valor, infraestruturas
e viabilidade financeira.
Está dividido em duas partes, no lado esquerdo estão presentes os elementos lógicos e
estruturais do negócio e nele estão presentes os recursos chave, atividades chave, parce-
ria chave e estruturas de custo e no lado direito está representada a parte mais subjetiva e
emocional e contêm o segmento de clientes, canais, relacionamento e fontes de receita.
Ao centro encontra-se a proposta de valor, que representa a razão para que lado se deve
desenvolver.

A metodologia defendida para a criação deste modelo é através de post-its, colocados


sobre o modelo impresso para que estas ideias possam ser discutidas em conjunto e facil-
mente retiradas e substituídas por outras que pareçam mais lógicas e assertivas.
BUSINESS MODEL CANVAS - ESCOLAS

PROJETO POR: PROJETO PARA: DATA/VERSÃO:


Mónica Rebelo Benfica Escolas de Futebol Dezembro 2018

PARCEIROS ATIVIDADES PROPOSTA DE RELACIONAMENTO SEGMENTOS DE

8
CHAVE CHAVE VALOR COM CLIENTES CLIENTES
Prospeção
Krystal Glow Captação escolas B2B Formação Rapazes e
(limpezas) Parceiro clientes Especialização Aspiracional raparigas B2B
Red Cartões RFID B2C Desenvolvimento (3-16 anos)
Acompanhamento
(relvados) (Feedback)
Formação Love Brand
Presencial
Treinadores
Personalizado
Identificação Desenvolvimento da
metodologia de treino Ocupação Valores sociais
de novos Pais / Tutores
Rede Escolas tempos livres e humanos
talentos
Gestão da atividade
Gestão da Notificações através Chat box
Web App da APP
(desevolvimentos,
melhorias e conteúdos)
T-insight Projeto chave
Adidas
(Agência Digital) (Chip nas chuteiras) na mão
RECURSOS CANAIS
CHAVE
TV
(auto-promoção
Interação Acompanhamento e linha digital)
Treinadores e Redes Sociais
Infraestruturas e fisioterapeutas Comodidade Escola Digital
material de com experiência Site
campo Administrativos
Web App
Departamento de Telefone
Sistemas MKT direto
de Informação (SMS e newsletter)

Marketing (Marca)
Key Account
Manager

ESTRUTURA DE FONTES DE
CUSTOS RECEITA

Treinadores Equipamento Manutenção Franchising


desportivo da Web App (RH) Patrocínio Mensalidade Merchandising E-commerce
escolas
Funcionários Manutenção
administrativos infraestruturas Licenças

Legenda:
Crianças Pais B2B Escolas Web App

Figura 2 - Business Model Canvas aplicado à Benfica Escolas de Futebol

Proposta de Valor
Descrimina o que é que a marca ou o produto oferece, quais os benefícios ou serviços,
quais as necessidades dos clientes que se propõe satisfazer e o que é que a distingue das
restantes já existentes no mercado. É necessário identificar os fatores diferenciadores face
à concorrência, só assim é que a empresa se posiciona num determinado mercado.

A proposta de valor das Escolas é a formação, especialização, desenvolvimento pelo pro-


duto que apresenta, formação de jogadores de futebol, e ser aspiracional, uma vez que
tanto os pais como os miúdos sonham em que eles se tornarem jogadores de Futebol e o
SL Benfica, com os valores e resultados associados à marca, faz acreditar que estão mais
perto de atingir esse sonho.

É uma atividade extracurricular que ocupa os tempos livres das crianças, promove a ativi-
dade física e valores sociais e humanos que possibilitam uma integração social ativa, equil-
ibrada e responsável.

O negócio das escolas é expandido no modelo de franchising, sendo vendido como um


projeto chave na mão com todas as regras definidas e know-how associado.

Com a introdução da web app no modelo de negócio, cria-se uma nova proposta de valor
onde os pais se sintam mais envolvidos na atividade, permitindo a interação, comodidade,
acompanhamento e a criação da Escola Digital.
Para atingir este propósito, há necessidade de pensar e estruturar a web app em 3 momentos
para conseguir prestar um serviço de qualidade e poder satisfazer as suas necessidades:

Engagement – Para os pais se sentirem mais envolvidos na atividade, vai ser elaborado a
criação de conteúdos, notícias, informações sobre os jogos e treinos das crianças e social
hub. Os pais irão receber estas informações através de alerta de notificações.
Vai ser possível ainda os pais receberem fotos e vídeos dos filhos e poderem editar os
ficheiros, fazendo um mix dos frames preferidos e ainda editar o álbum de fotos.
9

Gestão da atividade / Serviço – Vai ser criado um chat box para tratarem de assuntos buro-
cráticos com os administrativos, falar com os treinadores sobre alguma necessidade, e ain-
da com outros pais (muitas vezes nos jogos fora sentem a necessidade de falar com outros
pais com o objetivo de combinar as deslocações), fazer inscrições, renovações, pagamento
das mensalidades, requisição de serviços e ainda acesso a informações diversas que atual-
mente é feita através de e-mail (ex: parqueamento em dia de jogo, etc).

Perfil – Para terem a atividade dos filhos organizada, controlada e em qualquer momento,
vão ter acesso aos registo das mesmas (consultar as presenças nos jogos e treinos), agen-
da (se foi convocado, quando e a que horas vão ser os próximos jogos), metodologia dos
treinos de cada jogador, feedback por parte do treinador e ainda informação estatística
recolhida pela tecnologia adaptada da MiCoach. Através deste novo serviço vai ser possível
cobrir uma proposta de valor de dois segmentos. Se por um lado os pais querem e gostam
de ver esses dados, os próprios miúdos também gostam e sentem essa necessidade.
A web app passa a ter um QR code correspondente a cada aluno, que permite dar entrada
e saída nos treinos sem que seja preciso pedir um requerimento especial na secretaria caso
se esqueça do cartão, como acontece atualmente. Com a desmaterialização do mesmo,
vai ainda ser possível enviar o QR code a outra pessoa que vá buscar a criança para poder
levanta-la, servindo como uma autorização parental.

Segmento de Clientes
Neste bloco é necessário traçar o perfil e definir o nicho de clientes a que o negócio se
destina. Devem ser segmentados e agrupados e para tal, é necessário perceber quais são
as suas necessidades, problemas, hábitos e rotinas. Cada vez mais o negócio está centrado
no cliente e no utilizador, por isso qualquer estratégia ou negócio deve seguir esta regra.

Neste modelo de negócio há dois tipos de segmentos de clientes diretos: os pais /tutores
e os filhos, que se caracterizam por ser rapazes e raparigas dos 3 aos 16 anos. Apesar de
serem os pais que inscrevem os filhos, estes têm que querer participar nas atividades e por
isso é fundamental prestar-lhes um bom serviço e cativá-los, pois, eles são os grandes in-
fluenciadores e prescritores.
Noutro patamar, estão presentes os clientes B2B que compram o franchising das Escolas,
podem já estar no meio (ter uma escola e quererem aplicar a marca Benfica) ou iniciar um
novo negócio partindo com a marca.
Canais de distribuição
Como é que a empresa comunica e entrega o valor para o cliente, quais os canais utiliza-
dos. Podem ser comunicação, distribuição de produto ou vendas. Estes canais devem ajus-
tar-se às rotinas dos clientes.

Atualmente os canais utilizados são o site, a TV através de autopromoções e linha digital


(além de passar nos jogos ao vivo do SL Benfica também passa na televisão), Redes Sociais,

10
Telefone, Marketing Direto através de SMS e newsletters recorrendo à base de dados CRM
do Sport Lisboa e Benfica.

Para o negócio de B2B, existe um key account manager que promove a divulgação en-
quanto modelo de franchising e realiza o acompanhamento e a operacionalização para um
pleno funcionamento das Escolas.

Com a criação da web app este vai ser um novo canal onde vai ser possível os treinadores
comunicarem com os pais e vice-versa. Vão ser gerados alertas com avisos, notícias e
qualquer comunicação necessária através do chat box.
Além dos assuntos relacionados com as crianças também serão impactados com cam-
panhas, promoções e conteúdos que sejam relevantes.

Relacionamento com Clientes


Definir a estratégia de relacionamento e fidelização com os clientes com a finalidade de os
conquistar. Quanto melhor e personalizado for o serviço disponibilizado ao cliente/utiliza-
do, maior será a sua fidelização à marca.

É fundamental olhar para cada um dos segmentos individualmente e perceber as necessi-


dades de cada um.

Do lado das crianças exige-se que o relacionamento seja feito através de acompanhamen-
to presencial (feedback construtivo) para que possam melhorar a sua performance e skills
enquanto futuros jogadores e personalizado pois cada caso é um caso e as crianças têm
necessidades e desenvolvimentos diferentes.

Em relação aos pais, que sentem que estão pouco envolvidos nas atividades dos filhos, onde
atualmente não podem fazer mais do que assistir aos jogos e treinos da bancada, procuram
um serviço de qualidade para os filhos e para eles próprios, querem poder participar, perce-
ber a metodologia de treino e o desenvolvimento do seu filho ao longo da época, como tal
gostariam de ver o que é que o seu filho fez nos treinos / jogos e a sua progressão.

Com a web app será possível cobrir esta necessidade dos pais, passando a envolve-los mais,
dando a possibilidade de fazerem a gestão da atividade e acompanharem a metodologia,
receber notificações com alertas e informações importantes e criação do chat box que
aproxima os pais aos treinadores.

O objetivo de vender o negócio das Escolas de Futebol (B2B – franchising) não se trata
apenas de questões financeiras, mas também com o intuito de elevar a marca, espalhan-
do-a por todo o país, para que todas as crianças, independente da sua localização, possam
frequentar as Escolas do Benfica.
O facto de ser uma love brand faz com que haja maior procura e interesse em abrir uma
escola com o nome do Benfica, porque a isso está associado um serviço de excelência, o
que leva a atrair clientes.

Para que se mantenha o bom nome e reputação das escolas é obrigatório seguirem as
regras impostas pelo Benfica para que o serviço se mantenha igual em qualquer escola do
país. Para tal, a comunicação e o acompanhamento são fundamentais.
11

Fontes de Receita
Determina quanto é que o cliente está disposto a pagar, a forma e prazo de pagamento
pelos benefícios propostos.

As inscrições, mensalidades e merchandising (ex: equipamento desportivo necessário à re-


alização de treinos e jogos) que os pais pagam são uma fonte de rendimento mas, proveni-
ente do negócio B2B, temos ainda as receitas do franchising das escolas e patrocinadores.

Na web app, os clientes vão ser impactados com promoções alusivas à loja online que vai
promover e aumentar o e-commerce.

Numa fase posterior, quando esta estiver implementada, será alargada para as restantes
Escolas do país (B2B – franchising). Este serviço irá acrescentar valor à marca e será uma
mais-valia para as outras Escolas que também passam a usufruir da web app. Com o obje-
tivo de alargar este ramo do negócio, prestando mais serviço e funcionalidades exclusivas
será possível aumentar as vendas.

Atividades Chave
Definir e descriminar as atividades mais importantes dentro da empresa que faça o produto
ou serviço chegar corretamente ao cliente.

Para a escola se manter em funcionamento é necessário ter clientes e por essa razão, as
vendas estão no topo de atividades chave, tanto a captação de clientes B2C como B2B.
Com a grande reputação da Benfica Escolas de Futebol associado ao clube onde está in-
serido, Sport Lisboa e Benfica, com fãs espalhados por toda a parte, surgiu a oportunidade
de explorar outra vertente do negócio, a prospeção das escolas B2B, satisfaz os clientes em
qualquer lugar onde estejam localizados.

Como Escola de Futebol, o desenvolvimento da metodologia de treino é outra das ativi-


dades chave, aliado à formação de treinadores.

E ainda a identificação de novos talentos, que identifica jogadores de grande qualidade


presentes nas Escolas e os levam para o futebol profissional e semiprofissional (escalões do
SL Benfica sediados na Caixa Futebol Campus), como foi o caso do Bernardo Silva, Gonça-
lo Guedes, entre outros, que anos mais tarde rendeu muitos milhões de euros quando foi
vendido para outro clube.
A partir da criação da web app há uma nova atividade chave que passa pela gestão da mes-
ma, atualização de conteúdos, vídeos, fotos, e todo o material necessário à promoção e
manutenção da mesma.

12
Recursos Chave
Descriminar quais são os ativos principais para operar o negócio. Descreve como é que são
executadas as atividades chave.

As infraestruturas (campo e escritórios) fazem parte dos recursos chave, sem elas não seria
possível o funcionamento da escola, bem como o material que usam não só para o treino
(bolas, pinos, coletes, etc), mas para o escritório (material escritório e informático).

Os recursos humanos são outra vertente que faz com que a Escola de Futebol seja uma das
melhores em Portugal, os treinadores com vasta expêriencia, desenvolvem as capacidades e
skills das crianças e os fisioterapeutas previnem as mazelas e auxiliam a rápida recuperação.
Ainda nos Recursos humanos, na parte de backoffice encontram-se os administrativos que
gerem as inscrições, horários, papelada e uma equipa de marketing (composta atualmente
por marketeers, editores de vídeo, designers e web designers) a suportar e promover as
Escolas.

Com a introdução da web app ao modelo de negócio será necessário reforçar a equipa de
marketing uma vez que vai ser necessário introduzir mais conteúdo, passatempos de en-
gagement e alimentá-la com vídeos e imagens.

O Departamento de Sistemas de Informação também passará a ser um recurso chave pois


são eles que vão colocar a web app “online” (pegando no trabalho desenvolvido com a aju-
da da T-insight) e a vão corrigindo e atualizando com conteúdos e informações.

Parceiros Chave
Refere-se aos parceiros e fornecedores, que ajudam a manter e desenvolver o negócio. Mui-
tas vezes as empresas recorrem a outras empresas, contratando determinado(s) serviço(s)
que necessitam, não sendo a sua atividade principal preferem ter o auxilio de outra que os
ajude.

Na manutenção das infraestruturas, a Krystal Glow é a empresa de limpezas que garante a


higiene nos balneários das crianças e nos escritórios e a empresa Red trata da manutenção
do relvado.

Na gestão de informação existe uma prestação de serviço com uma empresa de sistemas
de informação e parceiro especializado em cartões RFID.

A Rede Escolas aparece numa ótica de espalhar a metodologia de treino das Escolas do
Benfica por todos os pontos do país e numa ótica de interação e partilha de conhecimento
e captação de novos jogadores nos diversos pontos onde estão localizados.
Com a necessidade da criação da web app será necessário um parceiro tecnológico que
ajude e apoie o desenvolvimento, a empresa será a T-insight que atualmente já é parceira
do Sport Lisboa e Benfica e já desenvolveu outras APPs noutras áreas de negócio do clube,
será responsável pelo design e código HTML. Através da parceria com a Adidas, que detém
a tecnologia do MiCoach, vai ser possível adapta-la para os miúdos usarem nas chuteiras
(será possível ter o registo de quantos km correu, quantos remates fez, qual a velocidade
do remate, etc.).
13

Estrutura de Custo
Descriminam-se os principais custos fixos e varáveis que tenham peso financeiro significa-
tivo na organização e que derivam da operacionalização e desenvolvimento do negócio.
Este bloco é o último a ser preenchido uma vez que só depois de as outras variáveis ficarem
definidas se consegue perceber qual o custo real do negócio.

Os custos salariais com os recursos humanos (treinadores e funcionários administrativos)


são fixos, a manutenção das infraestruturas também uma vez que é pago um fee mensal
acordado aquando a assinatura de contrato. O único custo variável de momento é o equi-
pamento desportivo (bolas, pinos, coletes, que se podem estragar).

No novo modelo de negócio vai surgir um novo custo associado à manutenção da web app
e também as licenças necessárias à criação e implantação da mesma.
1.1.2 CANVAS DA PROPOSTA DE VALOR

Esta metodologia oferece um conjunto de ferramentas e processos para desenvolver e


provar propostas de valor. A proposta de valor tem de ser centrada no cliente e não no pro-
duto, assim evita-se o risco de trabalhar num produto que ninguém quer.

Funciona como uma extensão do modelo do Business Model Canvas e está assente em dois

14
elementos: o segmento de clientes e a proposta de valor, assim é possível observar o que é
que o cliente deseja e o que é que o produto oferece. De uma forma gráfica, traduz-se num
idioma comum a todos os intervenientes do negócio, facilitando a leitura e provando que,
de facto, o cliente quer/necessita de determinado produto ou serviço.
O gráfico do utilizador é dividido em 3 momentos: ganhos, dores e tarefas, assim como
o mapa que descreve o valor proposto: produtos e serviços, dores resolvidas e ganhos cri-
ados.

É necessário descrever o perfil do consumidor detalhadamente, colocando as tarefas que


tem de realizar no seu dia a dia, frustrações e coisas que não gostam. Os benefícios são
aspetos positivos que aliviam as frustrações dos clientes, criando-lhes bem-estar.
CANVAS DA PROPOSTA DE VALOR - ESCOLAS
15

2 1
Envio de Captar e
Registos e guardar
fotos e vídeos caledário
Gestão momentos

APP -
Escola Digital
Organizar a
atividade Tratar de
Adaptação da burucracia
técnologia Informação
MiCoach técnica
Acompanhar e
Escolas de exclusiva
Informação assistir aos jogos
Futebol
Perda tempo e
esforço

Querem estar
Ocupação de Atividade mais envolvidos
tempos livres extracurricular nas atividades
Desejam
Criação de Interesse no serviço cómodo
conteúdo, notícias Metodologia teor do treino Pouco
e informação disponibilizada envolvimento

Promove a Transmissão
atividade de valores
fisica
Esquecimento
Pagamentos do cartão de Burucratização
e inscrições aluno Falta de de processos
Desmaterialização na web app comunicação
Acompanhamento Criação de do Cartão de (com os treinadores e
Chatbox Aluno outros pais)

Figura 3 - Canvas da proposta de valor aplicado à Benfica Escolas de Futebol

Tarefas dos consumidores – Serviço/produto proposto

Podem ser definidas as tarefas que estão a tentar realizar ou


os problemas que estão a tentar resolver e ainda necessi-
dades que tentam satisfazer.

No espaço destinado aos produtos/serviços, devem ser


descritas as propostas para resolver as tarefas/problemas do
cliente, identificando os aspetos funcionais.

A tarefa dos consumidores é acompanhar e assistir aos jogos e treinos e tratar de buro-
cracia dos filhos, identificam a perda de tempo e esforço gasto como um problema que
desejam ver ser resolvido e têm a necessidade de ter um serviço cómodo, acompanhar e
estarem mais próximos e presentes na atividade.

O produto já existente são as Escolas de Futebol do Benfica e faz parte das atividades ex-
tracurriculares e ocupação de tempos livres, promove a atividade física e a transmissão de
valores sociais e humanos. O novo produto/serviço é uma web app e assenta no modelo
de negócio já existente, criando a plataforma da Escola Digital onde o principal objetivo é
satisfazer a necessidade dos pais, acrescentado valor ao serviço já prestado atualmente.
Ganhos – Ganhos criados

Os ganhos descrevem os benefícios e resultados que os


clientes desejam, mas não sentem falta, podem ser coisas
que já estejam à espera ou podem ser novidades inesperadas
que nem sabiam que podia existir. Incluem funcionalidades,
emoções positivas e poupança monetária.

16
Os ganhos criados Identificam a forma como o produto ou serviço criam valor, benefician-
do o cliente. Produzir um resultado que supere as suas expectativas e melhore a proposta
de valor.

Um dos ganhos registados é a possibilidade de captar e guardar momentos, face à inca-


pacidade ou indisponibilidade por parte dos pais, que nem sempre estão presentes, vão
poder guardar, partilhar e editar fotos e vídeos.

Vai facilitar a organização da atividade, tendo acesso aos registos, consulta do calendário
disponibilizado na web app com as convocatórias, treinos e jogos.

Passarão a receber informações exclusivas, como estatísticas de indicadores técnicos, for-


necidos através da tecnologia adaptada da MiCoach.

Dores – Dores Resolvidas

As dores descrevem o que é que os clientes antes, duran-


te ou depois de uma ação sentem quando têm um impedi-
mento sobre uma determinada tarefa que queriam realizar.
Pode também descrever riscos e possíveis maus resultados.

O espaço destinado às dores resolvidas viam a explicar de


que forma é que o produto ou serviço vai ajudar o consumi-
dor a reduzir ou acabar com as dores e frustrações. Há necessidade de fazer uma análise de
funcionalidades que o produto ou serviço deve ter para facilitar a vida do cliente nas dores
identificadas.

A principal dor identificada passa essencialmente pelo pouco envolvimento dos pais nas
atividades dos filhos. Para colmatar esta necessidade vão ser criados conteúdos, notícias e
informações sobre os jogos e treinos através de alerta.

Aliada a esta necessidade, identifica-se também o interesse no teor do treino e as capaci-


dades desenvolvidas. Através da metodologia e avaliações disponibilizadas na web app, vão
passar a ter uma maior perceção das atividades e do desenvolvimento das capacidades dos
seus filhos.

A possibilidade do esquecimento do cartão de aluno é um acontecimento bastante usual,


uma vez que os miúdos apenas têm treinos duas ou três vezes por semana. Com a desma-
terialização do cartão de aluno vai ser possível da entrada com o telemóvel, fazer o registo
de assiduidade, dar saída e ainda a possibilidade de o transmitir para outra pessoa os poder
ir buscar.
A falta de comunicação foi um tema que os próprios pais levantaram, pois sentem muito
distanciamento face aos treinadores que acompanham os seus filhos (pretendem ter uma
informação mais personalizada e dar indicações especificas) e também a necessidade/
interesse na comunicação com os outros pais (que muitas vezes acham necessária para
poder combinar deslocações ou até partilhar informações ou preocupações). A criação
do chat box vai funcionar como elo de ligação entre ambos os intervenientes, como uma
espécie de whatsapp, não havendo o incómodo de solicitar o contacto a outros pais ou
enviar mensagens através de SMS que são consideradas mais pessoais.
17

A burocratização dos processos também é considerada uma dor, pois existe a necessi-
dade de deslocação à secretaria das escolas para tratar de todo o tipo de assuntos, sujeito
a horários difíceis de compatibilizar e demora nas filas uma vez todos os assuntos atual-
mente, só se revolvem presencialmente. Com a criação da web app será possível também
de tratar de assuntos burocráticos (como a solicitação de equipamentos, reportar perda de
cartão, dar informações relevantes sobre estado saúde ou cuidados e a ter) e efetuar paga-
mentos (Inscrições e renovações da matrícula).

1.2. GESTÃO DO PROJETO


Cada projeto é único e deve atingir um objetivo dentro de um prazo estabelecido, através de
um planeamento. Conta com um conjunto de recursos que são otimizados para alcançar os
resultados propostos.

A gestão do projeto envolve várias etapas: início, planeamento, execução, acompanhamen-


to e a sua conclusão. A sua finalidade é controlar a execução do projeto, gerir mudanças e
alterações do scope, garantir que o projeto é finalizado dentro do prazo estipulado, com os
recursos que foram definidos. Possui uma série de conhecimentos, técnicas e ferramentas
que permite o planeamento, execução e monitorização do mesmo.

As grandes vantagens com a gestão do projeto são o facto de haver um maior controlo dos
processos, garantia do cumprimento do cronograma, monitorização do lucro, diminuição
dos riscos, agilização na tomada de decisões e uma melhor gestão do tempo.

Os ciclos de vida dos projetos dividem-se em quatro fases: início, organização e prepa-
ração, execução do trabalho e o seu encerramento.

As áreas de conhecimento aplicadas aos projetos foram definidas no PMBOK, onde agrupam
todos os processos, técnicas e ferramentas de forma a agilizar todo o processo.

Para ajudar a organizar todo o projeto são postas em prática ferramentas, que por meio de
tabelas, organizam e sintetizam a informação.

Num primeiro momento é definido o scope e o out of scope, onde é descriminado o que é
que se pretende atingir e o que é que o projeto não engloba.

Seguidamente é elaborado um cronograma geral onde estão descritas as tarefas e a sua


sequência (onde apresenta também as dependências em relação a outras atividades), os
prazos a serem cumpridos e ainda apresenta os responsáveis por cada tarefa.
Para garantir a gestão de recursos é criada uma matriz de recursos / funções / responsabilidades
para a construção do projeto. Nesta tabela estão descritas as funções que cada recurso é
responsável.

A matriz de RACI atribui responsabilidades no ciclo de vida do projeto. O “R” significa respon-
sible, que em português significa responsável, “A” accountable que diz respeito a autoridade,
“C” consulted, consultado e “I”, informed, que se traduz para informado.

18
Se os recursos forem mapeados e forem atribuídas funções a cada pessoa, a realização das
atividades garante a assertividade dos processos.

Para gerir os riscos associados ao projeto e prevenir acontecimentos que possam causar
impacto no mesmo, foi criada a matriz de risco, onde identifica todos os riscos, analisa-os
qualitativamente e planeia as ações para diminuir ou eliminar o risco. Depois de definir as
ações necessárias, é atribuído um responsável através de um plano de ação. Esta matriz
serve para que os riscos possam ser monitorizados durante todo o ciclo do projeto.
Para fazer a gestão dos stakeholders, que podem ser clientes, patrocinadores ou parceiros,
foi criada uma tabela especifica de forma a criar sinergia entre as partes.
As tarefas de gestão dos stakeholders vão mitigar esses riscos, contendo nesta tabela a
identificação das partes interessadas, a sua importância e contributo no projeto,
de que forma estes podem bloqueá-lo e ainda a estratégia para que este se mantenha en-
volvido.

Em suma, serve para que o projeto seja concluído com sucesso e que os recursos cumpram
com as funções que lhes são atribuídas, ou seja, que atenda aos requisitos estabelecidos na
etapa do planeamento do projeto.

1.2.1 SCOPE

IN SCOPE
- Elaboração de conteúdos, notícias e informações sobre os jogos e treinos das crianças;
- Disponibilizar fotos e vídeos para os país/responsáveis;
- Possibilidade de renovação da matrícula e novas inscrições;
- Possibilidade de fazer pagamento das inscrições e mensalidades;
- Criação de chatbox para pais e treinadores;
- Serviço de requisição de serviços (ex: equipamentos);
- Fornecer informações através da web app (ex: parqueamento em dia de jogo, etc);
- Marcação de registos de presenças nos jogos e treinos;
- Disponibilizar agenda personalizada (se foi convocado, quando e a que horas vão ser os
próximos jogos);
- Partilhar a metodologia dos treinos de cada jogador;
- Disponibilizar informações estatísticas recolhidas pela tecnologia adaptada da MiCoach,
- Criação do cartão virtual de aluno;
- Avaliação e performance por criança.
OUT OF SCOPE

- Fazer emissão em direto dos treinos/jogos;


- Envio equipamento para residência;
- Marcação e controle de deslocações entre pais;
- Disponibilizar rede wi-fi no campo;
- Manutenção de base de dados (migração de dados);
19

- Re-direct com linha direta para contact center.

1.2.2 CRONOGRAMA GERAL



Nº Descrição das Milestones Categoria Responsável Início Fim
Dias

A1 Iniciação 10/2/2018 11/16/2018 45

A1.1 Identificação do Projeto e respetivas necessidades On Track Diretor de IT + Diretor de Marketing 10/2/2018 10/5/2018 3

Diretor de Inovação e
A1.2 Estudo de Mercado Med Risk 10/5/2018 10/20/2018 15
Desenvolvimento

A1.3 Modelo de negócio: Business Model Canvas Low Risk Diretor Financeiro e Diretor IT 10/20/2018 11/4/2018 15

A1.4 Viabilidade Económica e Financeira Med Risk Diretor Financeiro e Diretor IT 10/25/2018 11/6/2018 12

A1.5 Determinar o orçamento Med Risk Diretor Financeiro 11/6/2018 11/11/2018 5

A1.6 Análise e aprovação do projeto Milestone Administração 11/11/2018 11/16/2018 5

A2 Planeamento 11/16/2018 12/20/2018 34

Diretor IT+ Diretor de Marketing +


A2.1 Levantamento de requisitos On Track 11/16/2018 11/23/2018 7
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.2 Definir os Stakeholders On Track 11/18/2018 11/23/2018 5
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.3 Definir o Scope e Out of Scope Milestone 11/21/2018 11/23/2018 2
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.4 Definir as atividades e respetivas durações On Track 11/19/2018 11/27/2018 8
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.5 Prioritizar as journeys das atividades da web app On Track 11/22/2018 11/27/2018 5
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.6 Definir o MVP On Track 11/27/2018 11/29/2018 2
Gestor do Projeto

Diretor IT+ Diretor de Marketing +


A2.7 Definir as métricas analíticas On Track 11/27/2018 11/29/2018 2
Gestor do Projeto

A2.8 Desenvolver o plano estratégico e cronograma On Track Gestor do Projeto 11/29/2018 12/4/2018 5

Diretor IT+ Diretor de Marketing +


A2.9 Definir os responsáveis e respetivas equipas On Track 11/29/2018 12/1/2018 2
Gestor do Projeto

Definição de Processos, comunicação entre equipas,


Diretor IT+ Diretor de Marketing +
A2.10 reuniões diárias/semanais/PMO, templates de docu- On Track 11/29/2018 12/4/2018 5
Gestor do Projeto
mentação (stories)

A2.11 Gestão de risco On Track Gestor do Projeto 11/30/2018 12/15/2018 15

A2.11.1 Planear On Track Gestor do Projeto 12/1/2018 12/16/2018 15

A2.11.2 Identificar On Track Gestor do Projeto 12/2/2018 12/17/2018 15

A2.11.3 Analisar qualitativamente On Track Gestor do Projeto 12/3/2018 12/18/2018 15

A2.11.4 Analisar quantitativamente On Track Gestor do Projeto 12/4/2018 12/19/2018 15

A2.11.5 Planear ações de resposta aos riscos On Track Gestor do Projeto 12/5/2018 12/20/2018 15

A3 Execução do projeto 12/5/2018 3/20/2019 105

Product Owner (Marketing) + Gestor


A3.1 Escrever Users Stories On Track 12/5/2018 12/20/2018 15
Digital

Equipa de Marketing + Gestor do


A3.2 Arquitetura de informação On Track 12/5/2018 12/15/2018 10
Projeto + Diretor IT

A3.3 Guia de Estilos On Track Design 12/6/2018 12/20/2018 14

A3.4 Design de Interfaces On Track Design 12/6/2018 1/15/2019 40

A3.4.1 Esboço da APP (Protótipo) On Track Design 12/6/2018 12/26/2018 20

A3.4.2 Wireframes On Track Design 12/20/2018 1/9/2019 20

A3.4.3 Mock-Up On Track Design 1/5/2019 1/15/2019 10

A3.5 Testes de Usabilidade On Track Product Owner (Marketing) 1/15/2019 1/18/2019 3

A3.6 Melhorias e Correções de usabilidade On Track Design 1/17/2019 1/22/2019 5



Nº Descrição das Milestones Categoria Responsável Início Fim
Dias

Product Owner (Marketing) + Gestor


A3.7 Testes/Aceitação de usabilidade On Track 1/21/2019 1/24/2019 3
de Projeto + Equipa Testes

A3.8 Desenvolvimento da web app (Programação) On Track Desenvolvimento + Empresa IT 1/23/2019 2/12/2019 20

Acompanhar o desenvolvimento da web app pelos


A3.9 On Track Marketing + Gestor do Projeto 1/23/2019 2/12/2019 20
product owners

Testes + Marketing + Gestor do


A3.10 Plano de testes por Journey On Track 2/5/2019 2/15/2019 10
Projeto

20
A3.11 Melhorias e Correções On Track Desenvolvimento + Empresa IT 2/10/2019 2/18/2019 8

Product Owner (Marketing) + Equipa


A3.12 Testes/Aceitação On Track 2/15/2019 2/23/2019 8
de Testes

Desenvolvimento + Empresa de
A3.13 Implementação com sistemas de back-office Milestone 2/23/2019 3/10/2019 15
Sistemas

A3.14 Certificado de Segurança Milestone Diretor de Infraestruturas e Segurança 3/10/2019 3/15/2019 5

A3.15 Homologação Milestone Diretor de Infraestruturas e Segurança 3/15/2019 3/20/2019 5

A4 Monitorização 11/16/2018 5/15/2019 180

A4.1 Controlo de Risco On Track Gestor do Projeto 11/16/2018 5/15/2019 180

A4.2 Dailys On Track Gestor do Projeto 11/16/2018 5/15/2019 180

A4.3 PMO’s Semanais On Track Gestor do Projeto 11/16/2018 5/15/2019 180

A4.4 Otimizar Processos On Track Gestor do Projeto 11/16/2018 5/15/2019 180

A5 Lançamento 2/1/2019 9/21/2019 232

Elaboração dos textos legais dos termos e condições


A5.1 Milestone Diretor Jurídico 2/1/2019 2/11/2019 10
/RGPD

A5.2 Adicionar a web app nas Virtual Stores Milestone Gestor Produtos Digitais (Marketing) 3/21/2019 3/24/2019 3

Comunicação para um número restrito de


A5.3 Milestone Equipa de Marketing 3/25/2019 3/26/2019 1
utilizadores

A5.4 Testes de carga On Track Carga 3/27/2019 4/1/2019 5

A5.5 Melhorias e aceitação dos testes de carga On Track Desenvolvimento + Manutenção 3/28/2019 4/7/2019 10

Elaboração do plano de comunicação e ações de


A5.6 On Track Equipa de Marketing 2/15/2019 3/7/2019 20
Marketing

A5.7 Implementar as ações de Marketing On Track Equipa de Marketing 4/8/2019 4/25/2019 17

A5.8 Lançamento (Kick-Off) Milestone Diretor de Marketing + Diretor IT 4/10/2019 4/25/2019 15

A5.9 Recolha de dados de performance da web app On Track Produção + Carga 3/25/2019 9/21/2019 180

A5.10 Recolha do feedback dos Users On Track Equipa de Marketing 3/25/2019 9/21/2019 180

Melhorias consoante o feedback dos users ou dos


A5.11 On Track Desenvolvimento + Manutenção 3/25/2019 9/21/2019 180
dados quantitativos

A5.12 Melhorias e atualizações com novas funcionalidades On Track Desenvolvimento + Manutenção 3/25/2019 9/21/2019 180

A5.13 Manutenção e Suporte On Track Manutenção 3/25/2019 9/21/2019 180

Tabela 1 - Cronograma Geral


1.2.3 MATRIZ DE RECURSOS/ FUNÇÕES / RESPONSABILIDADES

Cargo na Responsabilidades
Departamento Recurso Descrição da Função
Empresa na Web APP

Análise e desenvolvimento de Sistemas.


Diretor de
Análise e desenvolvimento de relatórios de apoio à Gestão; Estratégia e
João Copeto Sistemas
Controlo de Qualidade de Dados; Coordenação
21

Informação
Assistência técnica e consultoria em Sistemas de Informação;

Coordena o desenvolvimento e implementação do projeto e garante a correta


análise técnica do mesmo.
Otimizar Recursos
Melhorar o fluxo de comunicação
Desenvolver e implementar métodos de avaliação dos riscos associado ao
projeto;
Planear, monitorizar e avaliar a implementação de iniciativas derivadas do
Coordenadação e
projeto;
Nuno Silva Gestor de Projeto Monitorização do
Garantir que a implementação de iniciativas associadas ao projeto correspon-
projeto
de aos requisitos definidos inicialmente para o efeito;
Identificar e aplicar sistemas de controlo de projeto que permitam acompan-
har a evolução das iniciativas;
Garantir a qualidade e o alinhamento das soluções com o padrão do SL
Benfica;
Auxiliar na adoção de novas soluções e tecnologias e na implementação dos
procedimentos de IT no SL Benfica.

Análise e resolução de problemas relativos à manutenção da APP;


Conceber e programar sistemas de informação baseados nas tecnologias da Equipa de
João Cardoso Programador Web
Web; desenvolvimento
Planificar e executar páginas interativas.

Garantir o suporte ao projeto da APP;


Rui Gonçalves Analista Apoiar na manutenção da solução e sua arquitetura;
Proceder à análise e resolução de problemas relativos à manutenção.

Analisar e desenvolver a APP.


Departamento
Planeia, executa e distribui programas na linguagem e/ou ambiente definido;
Sistemas de
Concebe e programa sistemas de informação abertos baseados nas tecnolo-
Informação Amilcar Programador Equipa de
gias da Web;
Amaral Informático desenvolvimento
Planificar e executar páginas interactivas da APP;
Conceber e manusear uma base de dados;
Proceder à análise e resolução de problemas relativos à manutenção da APP.

Garantir o funcionamento e a manutenção evolutiva do DatawareHouse (DW)


– Business Intelligence (BI).
Garantir a manutenção diária do funcionamento do DW;
Gestor de Master Analisar e implementar as alterações futuras ao DW, nomeadamente inte-
Lúcio Espirito Equipa de
Data – Business gração de novas fontes de informação;
Santo desenvolvimento
Inteligence Adaptar o DW a novas regras do negócio;
Analisar e implementar ferramentas de BI sobre a informação constante no
DW;
Otimizar processos no âmbito do DW.

Master Data/
Arnaldo Reporting Corpo- Garantir a manutenção evolutiva DatawareHouse (DW)/ Report Corporativo Equipa de mel-
Teixeira rativo – Business SAS – Business Intelligence (BI). horias
Inteligence

Analisa, desenha, implementa e adapta templates gráficos, por forma a mel-


horar a lógica, usabilidade, acessibilidade e a satisfação da interação entre o
usuário e o produto.
Garante que evolui a usabilidade e eficiência das aplicações, por forma a
responder às necessidades dos usuários e deixar os mesmos satisfeitos com
Equipa de
todo o processo;
desenvolvimen-
Tiago Pereira UI/UX Developer Garantir a criação e a manutenção de normas de usabilidade;
to + Equipa de
Criar uma nova linha de imagem/ usabilidade, percorrendo todas as fases do
melhorias
processo: análise, desenho, implementação, testes e aceitação;
Garantir a correta utilização de ferramentas para a criação de Storie Boards,
Proof of Concept e Workflows;
Promover e garantir que o design aprovado, as melhores práticas e os padrões
definidos são cumpridos nos desenvolvimentos

Coordena e implementa Sistemas de Segurança Digital, assegurando


evolução/ atualização das mesmas.
Identifica e mitiga as fragilidades relacionadas com a segurança da informação
digital;
Digital Security/
Garante a melhoria e implementação contínua de políticas de segurança da
Data Center Segurança digital
Ana Faustino informação digital;
Operations Coor- para o cliente
Definir os planos de formação e sensibilização para a segurança dos dados
dinator
digitais;
Departamento de Define e planeia os processos de certificação de qualidade para segurança dos
Infraestruturas e dados digitais;
apoio operacional Garante o suporte e manutenção dos Sistemas de Segurança Digital.

Coordena e Implementa Tecnologias de Informação (TI), assegurando


evolução/ atualização das mesmas.
Information Implementa e coordena a Plataforma Digital (web app);
Equipa de Testes
Manuel Róis Technology Identifica e coordena modelos operacionais para diversos módulos e tecno-
/ Carga
Coordinator logias digitais;
Coordena as atividades das pessoas externas à web app relativamente aos
serviços de TI.
Cargo na Responsabilidades
Departamento Recurso Descrição da Função
Empresa na Web APP

Define, parametriza e tuning de sistemas e bases de dados e gerir Redes e


Comunicações.
Implementa e gere as cópias de segurança;
Identifica e procede à resolução de falhas;
Departamento de Network & Sys- Instala serviços, patches e updates;
Catarina Equipa de Testes
Infraestruturas e tems Adminis- Implementa e gere a segurança;
Sousa / Carga
apoio operacional trator Gere a utilização dos recursos de sistemas, análise da evolução de utilização,
previsão de tendências e antecipação de necessidades;
Gere e monitorizar o equipamento;
Implementa e administra redes estruturadas;

22
Configurar os Routers/Switches.

Define a Estratégia Digital.


Prepara e controla o orçamento (vertente custos) da Direção de Marca;
Planeia, implementa e gere todas as campanhas do lançamento da web app,
Jorge Diretor de Mar- quer através dos meios internos, quer externos, na relação com agências de Estratégia e
Castanheira keting publicidade, agências de meios e outros fornecedores; Coordenação
Controlar os meios necessários para a implementação dessas campanhas;
Identificação de todas as necessidades de defesa dos valores da marca no
Universo Benfica e implementação de medidas de proteção à mesma.

Gere e operacionaliza todas as ações de comunicação e imagem.


Gere e operacionaliza todas as ações que envolvam a imagem, comunicação
e estratégia.
Gere o budget alocado à comunicação;
Garante o correto desenvolvimento, uniformização e operacionalização da
comunicação e imagem, através da gestão corrente com as agências de
meios, publicidade e design:
Definir e implementar o Plano de Comunicação (below & above the line);
Manuel Product Owner /
Gestor de Marca Realizar o briefing dos projetos junto das agências, fazer o acompanhamento
Rosado Gestor do negócio
e dar feedback;
Operacionalização de tarefas marketing;
Realizar análises benchmarking das melhores práticas de mercado
relacionadas com Marketing, com o intuito de inovar.
Gere o conteúdo e analisa métricas para web app;
Define a estrutura e conteúdo da web app;
Direção Comercial Analisa, definir e segmentar o comportamento do consumidor com recursos
& Marketing ao CRM;

Implementação de Produtos e Serviços Digitais.


Gestor digital, faz
Operacionalização das diferentes Soluções implementadas;
a ponte na parte
Gestor de Produ- Apoio ao licenciamento digital;
Rita Menezes operacional entre
tos Digitais Gestão da plataforma PayPal e restantes métodos de pagamento;
o Marketing e o
Análise dos vários produtos e negócios com identificação das áreas com maior
Gestor do projeto.
volume de faturação;

Está em constante
ligação com a
Desenvolvimento da web app; agência externa de
Carla Martins Webdesigner Aplicar layout definido; design. Aplica os
Conceção e desenvolvimento de melhorias da imagem; layouts recebidos e
ajuda na conceção
do mesmo.

Ajuda na con-
ceção das peças
para a web app.
Responsável por elaborar o design das Interfaces da web app, tendo em conta
Faz bases para
Mónica a sua usuabilidade por parte do utilizador (UX)
Designer passar aos Web
Rebelo Desenvolvimento de projetos de comunicação e imagem das Escolas de
Designers. Está em
Futebol
constante ligação
com a agência
externa de design.

Tabela 2 - Matriz de Recursos / Funções / Responsabilidades


1.2.4 MATRIZ DE RACI

Diretor Investigação e Desenvolvimento

Diretor de Infraestruturas e Segurança


Gestores do negócio / Product Owner

Equipa de Produção / Implementação


Equipa de Melhorias e Manutenção

Equipa de Testes / Analista / Carga

Empresa Externa de Design Digital


Gestor de Design e Contéúdos

Empresa Externa de Sistemas


Equipa de Desenvolvimento

Empresa Externa de IT
Diretor de Marketing

Diretor Financeiro
Gestor do Projeto

Diretor Jurídico
Admnistração
Gestor Digital

Diretor IT
23

Outros
Tarefas Marketing IT Outros Internos
Externos

A1 INICIAÇÃO

Identificação do Projeto e
A1.1 R C I A C
respetivas necessidades

A1.2 Estudo de Mercado C I I A R

Modelo de negócio: Business


A1.3 R C I A C
Model Canvas

Viabilidade Económica e
A1.4 C C I A R
Financeira

A1.5 Determinar o orçamento I A R

Análise e aprovação do
A1.6 R I A C
projeto

A2 Planeamento

A2.1 Levantamento de requisitos C C R A I

A2.2 Definir os Stakeholders C C R A I

Definir o Scope e Out of


A2.3 C R A
Scope

Definir as atividades e
A2.4 C I I C R I A I I I
respetivas durações

Prioritizar as journeys das


A2.5 R C C C C A I I I
atividades da web app

A2.6 Definir o MVP R C C C C A I I I

A2.7 Definir as métricas analíticas I I I C R A C I I I

Desenvolver o plano
A2.8 C C C C R A I I I I
estratégico e cronograma

Definir os responsáveis e
A2.9 R I I I R C I I I I A I I I I I I I
respetivas equipas

Definição de Processos,
comunicação entre
A2.10 equipas, reuniões diárias/ C I I I C R I I I I A I I I I I I I
semanais/PMO, templates de
documentação (stories)

A2.11 Gestão de risco C I I C R A I I I I

A3 Execução

A3.1 Escrever Users Stories A C R A C I I I I I I I

A3.2 Arquitetura de informação C I I C R I I I I

A3.3 Guia de Estilos A C C R I I I I I I I I R

A3.4 Design de Interfaces A C C R I I I I I I I I R

A3.5 Testes de Usabilidade A C R R I I I I I I I I C

Melhorias e Correções de
A3.6 A C C R I I I I I I I I R
usabilidade

Testes/Aceitação de
A3.7 A C R R I I I I I I I I C
usabilidade

Desenvolvimento da web app


A3.8 I I I A C R I I I C I
(Programação)

Acompanhar o
A3.9 desenvolvimento da web app I C C A C R I I I C I
pelos product owners

A3.10 Plano de testes por Journey I C C A C C I I R C I

A3.11 Melhorias e Correções I C C A C R C I I C I


Diretor Investigação e Desenvolvimento

Diretor de Infraestruturas e Segurança


Gestores do negócio / Product Owner

Equipa de Produção / Implementação


Equipa de Melhorias e Manutenção

Equipa de Testes / Analista / Carga

Empresa Externa de Design Digital


Gestor de Design e Contéúdos

Empresa Externa de Sistemas


Equipa de Desenvolvimento

Empresa Externa de IT
Diretor de Marketing

Diretor Financeiro
Gestor do Projeto

Diretor Jurídico
Admnistração
Gestor Digital

Diretor IT

24
Outros
Tarefas Marketing IT Outros Internos
Externos

A3.12 Testes/Aceitação I C C A C C I I R C I

Implementação com sistemas


A3.13 I I I A C C I R I C I C
de back-office

A3.14 Certificado de Segurança I I I A C I I C C R I C

A3.15 Homologação I I I A R I I I I I I C I

A4 Monitorização

A4.1 Controlo de Risco A C C I A R C C C C I I I I I I

A4.2 Dailys A C C I A R C C C C I I I I I I

A4.3 PMO’s Semanais A C C I A R C C C C I I I I I I

A4.4 Otimizar Processos A C C I A R C C C C I I I I I I

A5 Lançamento

Elaboração dos textos legais


A5.1 dos termos e condições / A I C A C R
RGPD

Adicionar a web app nas


A5.2 A R I A C I I I I I I I
Virtual Stores

Comunicação para um
A5.3 A I C R C A C
número restrito de utilizadores

A5.4 Testes de carga I I C A C I C C R I I

Melhorias e aceitação dos


A5.5 I C C A C R C I I C I
testes de carga

Elaboração do plano de
A5.6 comunicação e ações de A I R C I I C
Marketing

Implementar as ações de
A5.7 A I R C I I I
Marketing

A5.8 Lançamento (Kick-Off) R I C C I I A I

Recolha de dados de
A5.9 I I I A C I I R R C C
performance da web app

Recolha do feedback dos


A5.10 A C R I C
Users

Melhorias consoante o
A5.11 feedback dos users ou dos A C R I C I C I I I I I
dados quantitativos

Melhorias e atualizações com


A5.12 I I I A C C R C C I I I
novas funcionalidades

A5.13 Manutenção e Suporte C C C A C R R R R I I I

LEGENDA:

R A C I

Responsible Accountable Consulted Informed

Tabela 3 - Matriz de RACI


1.2.5 MATRIZ DE RISCO

Conseqüências

Data para Ação


Probabilidade
Descrição do

Classificação

Responsável

Resposta do
Severidade

do Risco
Impacto

Matriz
Risco

Risco

Ação
Falta de foco Elaboração de um
25

Alterar
Prazo & na prioritização Gestor do documento com
frequentemente 2 2 Baixo Mitigar 11/23/2018 4
Qualidade dos objetivos do Projeto prioritização das
o Scope
projeto. atividades.

Elaboração de
Falta de Prazos por Dailys (reuniões
Prazo,
coordenação cumprir. Gestor do diárias) de
Custo e 2 4 Médio Mitigar 12/5/2018 8
entre projetos Desperdício de Projeto manhã com um
Qualidade
dependentes trabalho. responsável de
cada equipa.

Angariar
patrocinadores
Fazer uma web
Redução do Custo & Diretor para suportar uma
app com menos 1 4 Médio Mitigar 11/6/2018 4
orçamento Qualidade Financeiro parte do custo do
funcionalidades.
desenvolvimento
da APP.

Investimento Criar linhas de


Saída de Diretor IT
em tempo sucessão e não
colaboradores Custo & + Diretor
numa nova 3 3 Médio Mitigar ter um trabalho 11/16/2018 9
com relevância Qualidade Marketing +
pessoa. Atraso específico em uma
no projeto Diretor RH
no projeto. só pessoa.

Presença dos
Ambiente
membros chaves
conflituoso,
nas reuniões
alastrando-se Diretor IT
onde se tomam
Desentendimento Prazo, aos restantes + Diretor
as decisões
entre membros Custo e colaboradores 3 5 Alto Marketing + Mitigar 11/6/2018 15
estratégicas.
chave do projeto Qualidade do projeto. Gestor do
Criar condições
Qualidade do Projeto
de trabalho e
trabalho fica
bem-estar às várias
comprometida.
equipas.

Obrigatoriedade
Menos
de apresentação
consumidores
Ausência de do plano de
têm Diretor de
um plano de Qualidade 1 2 Baixo Prevenir comunicação à 2/15/2019 2
conhecimento Marketing
comunicação Administração
da existência da
1 mês antes do
web app.
lançamento.

As Elaboração do
responsabilidades Prazo, Desperdício RACI, consultar e
Gestor do
não estarem Custo e Qu de sinergia de 3 4 Médio Mitigar partilhar com todos 11/19/2018 12
Projeto
claras e definidas alidade produção. os elementos da
para as equipas equipa.

Juntar a equipa e
Arquitetura de a empresa externa,
Prazo, Desperdício de Diretor de IT
software não para consultar e
Custo e tempo, dinheio 2 5 Médio + Gestor do Prevenir 2/23/2019 10
ser fiável na testar previamente
Qualidade e energia. Projeto
implementação todos os cenários
que possam existir.

Necessário fazer
Elaboração de
mais desen-
Defeitos de testes por mais
volvimentos e
software Diretor de IT que uma equipa
melhorias na
só serem Qualidade 2 3 Médio + Gestor do Prevenir ou contratação de 3/10/2019 6
web app. Colo-
detetados após Projeto uma consultora ex-
caria a qualidade
implementação terna para ter uma
e os prazos em
visão independente.
risco.

Perda de
tempo para
encontrar um Ter um contrato
Quebra de novo parceiro. onde esteja
Diretor de IT
contrato com Necessário disponível um valor
Prazo 1 3 Baixo + Gestor do Prevenir 11/23/2018 3
as empresas investimento no a receber se atingir
Projeto
externas. parceiro para determinados
colocar a par objetivos.
do ponto de
situação.

Infomar todos os
Menos tempos intervenientes da
Pressão para
reflete-se Administração dos
antecipar o
Prazo & num aumento Gestor do passos e progresso
lançamento da 1 3 Baixo Prevenir 11/16/2018 3
Qualidade de custo e Projeto do projeto, para
web app antes do
numa menor terem a expetaiva
prazo previsto.
qualidade. e timings sempre
atualizadas.
Probabilidade
Descrição do

Classificação

Responsável
Conseqüên-

Resposta do
Severidade

Data para
do Risco
Impacto

Matriz
Risco

Risco

Ação

Ação
cias
No início do projeto
envolver todos os
funcionários de
forma a explicar
o projeto, tirarem
dúvidas e sentirem-

26
Resistência dos Menor se envolvido com
funcionários à qualidade do Diretor IT o projeto. Explicar
implementação trabalho e a + Diretor a importância do
Custo 3 4 Médio Prevenir 11/29/2018 12
das medidas mudança ser Marketing + projeto para a
impostas para o mais lenta e Diretor RH organização e que
projeto pesada. eles são a alavanca
do projeto. Haver
reconhecimento
para a equipa no
final do projeto se
o mesmo for bem
implementado.

Estudos de
Qualidade da web mercado e
app não atingir Custo & web app Diretor de obter feedback
2 5 Médio Prevenir 4/10/2019 10
a expetativa do Qualidade obsuleta Marketing constante durante
utilizador o desenvolvimento
da web app.

Total 98

Probabilidade

1 2 3 4 5

5 5 10 15 20 25

4 4 8 12 16 20 Legenda

Severidade 3 3 6 9 12 15 Baixo

2 2 4 6 8 10 Médio

1 1 2 3 4 5 Alto

Tabela 4 - Matriz de Risco


1.2.6 MATRIZ DE RISCO - plano de ação
Descrição Responsável Data

Ação 1 Elaboração de um documento com prioritização das atividades. Gestor do Projeto 11/23/2018

Ação 2 Elaboração de Dailys (reuniões diárias) de manhã com um responsável de cada equipa. Gestor do Projeto 12/5/2018

Ação 3 Angariar patrocinadores para suportar uma parte do custo do desenvolvimento da web app. Diretor Financeiro 11/6/2018

Diretor IT + Diretor Marketing +


Ação 4 Criar linhas de sucessão e não ter um trabalho específico em uma só pessoa. 11/16/2018
Diretor RH
27

Presença dos membros chaves nas reuniões onde se tomam as decisões estratégicas. Criar Diretor IT + Diretor Marketing +
Ação 5 11/6/2018
condições de trabalho e bem-estar às várias equipas. Gestor do Projeto

Obrigatoriedade de apresentação do plano de comunicação à Administração 1 mês antes do


Ação 6 Diretor de Marketing 2/15/2019
lançamento.

Ação 7 Elaboração do RACI e consultar e partilhar com todos os elementos da equipa. Gestor do Projeto 11/19/2018

Juntar a equipa e a empresa externa, para consultar e testar previamente todos os cenários que
Ação 8 Diretor de IT + Gestor do Projeto 2/23/2019
possam existir.

Elaboração de testes por mais que uma equipa ou contratação de uma consultora externa para
Ação 9 Diretor de IT + Gestor do Projeto 3/10/2019
ter uma visão independente.

Ação
Ter um contrato onde esteja disponível um valor a receber se atingir determinados objetivos. Diretor de IT + Gestor do Projeto 11/23/2018
10

Infomar todos os intervenientes da Admnistração dos passos e progresso do projeto, para terem
Ação 11 Gestor do Projeto 11/16/2018
a expetaiva e timings sempre atualizadas.

No início do projeto envolver todos os funcionários de forma a explicar o projeto, tirarem dúvi-
das e sentirem-se envolvido com o projeto. Explicar a importância do projeto para a organização Diretor IT + Diretor Marketing +
Ação 12 11/29/2018
e que eles são a alavanca do projeto. Haver reconhecimento para a equipa no final do projeto se Diretor RH
o mesmo for bem implementado.

Ação 13 Estudos de mercado e obter feedback constante durante o desenvolvimento da APP. Diretor de Marketing 4/10/2019

Tabela 5 - Matriz de Risco - plano de ação

1.2.7 MATRIZ DE STAKEHOLDERS

COMO PODERÁ ESTRATÉGIA


NOME CONTRIBUIÇÃO DO O STAKEHOLDER PARA MANTER
CONTACTO IMPACTO INFLUÊNCIA IMPORTÂNCIA
STAKEHOLDER STAKEHOLDER BLOQUEAR O ENVOLVIDO O
PROJETO STAKEHOLDER

Se não for focado


Tem a visão do no objetivo e
Parte integrante
cliente e do negócio. estratégia. Não
Gestão e potencialidade nas decisões
É o driver da alterar as prioridades
Diretor de Jorge da área de negócio e estratégicas do
Elevado Elevado estratégia das futuras constantemente.
Marketing Castanheira lançamento da web a projeto. Autonomia
funcionalidades da Estabelecer
para o mercado. perante a equipa e
web app da Benfica corretamente as
Stakeholders..
Escolas de Futebol. prioridades para não
haver desperdício.

Se não for focado


Define a tecnologia,
no objetivo e
as iniciativas Elo de ligação com Parte integrante
estratégia. Não
estratégicas do IT. os stakeholders do IT. nas decisões
alterar as prioridades
João Líder de todos os Centro de decisão e estratégicas do
Diretor IT Elevado Elevado constantemente.
Copeto colaboradores do de conhecimento da projeto. Autonomia
Estabelecer
IT. Responsável parte tecnológica e de perante a equipa e
corretamente as
por escolher os sistemas da web app. Stakeholders..
prioridades para não
stakeholdes do IT
haver desperdício.

Se for desorganizado Ser consultado


Fazer as coisas acontecer
na monitorização e participar
Visão 360º de - Capacidade de
das tarefas e se nas decisões
todos os processos, descodificar a linguagem
não acompanhar estratégicas. Ter
permite planear, entre as diversas equipas
Gestor do diariamente o estado autonomia e o
Nuno Silva Elevado Elevado controlar, executar e multidisciplinar, de forma
Projeto dos processos. Se não apoio das decisões
monitorizar o projeto. a que todos estejam a
tiver uma resposta que toma por parte
É o responsável pelo trabalhar para o mesmo
rápida e adequada da admnistração e
timing do preojeto. objetivo e dentro dos
aos problemas que diretores de primeira
timings definidos.
possam surgir. linha.

Apoio na área
do Software,
permitindo melhorar Se não disponibilizar
Receber fee por
o desempenho o número
objetivos. Estar
empresarial - Força de trabalho e de pessoas/
presente nos PMO
Empresa promove a partilha de de produção na área trabalhadores
GFI Médio Baixo e ser consultado
Externa de IT informação, alavanca de desenvolvimento e suficientes para
nas áreas referentes
a inteligência do programação. respeitar os prazos
ao seu âmbito de
negócio e garante de entrega de cada
trabalho.
o cumprimento da journey.
regulamentação em
vigor.
COMO PODERÁ ESTRATÉGIA
NOME CONTRIBUIÇÃO DO O STAKEHOLDER PARA MANTER
CONTACTO IMPACTO INFLUÊNCIA IMPORTÂNCIA
STAKEHOLDER STAKEHOLDER BLOQUEAR O ENVOLVIDO O
PROJETO STAKEHOLDER

Adicionar o código
personalizado da
web app aos sistemas
Se não disponibilizar
existentes do SL Receber fee por
o número
Benfica. Importante objetivos. Estar
de pessoas/
Empresa por projetar todos os Força de trabalho e de presente nos PMO
OUT trabalhadores
Externa de Médio Baixo aspectos e detalhes produção na área de e ser consultado
SYSTEMS suficientes para
Sistemas da web app nas integração de sistemas nas áreas referentes
respeitar os prazos

28
plataformas internas ao seu âmbito de
de entrega de cada
e a forncer aplicativos trabalho.
journey.
melhores e mais
rápidos - acrescentam
valor.

Apoio no
Se não disponibilizar
desenvolvimento Receber fee por
o número
a nível de design objetivos. Estar
Criatividade e de pessoas/
Empresa para toda a web app presente nos PMO
desenvolvimento de trabalhadores
Externa de T-INSIGHT Baixo Baixo Tem a experiência e ser consultado
mensagens apelativas ao suficientes para
Design Digital e know-how de nas áreas referentes
cliente final. respeitar os prazos
tornar-la funcional e ao seu âmbito de
de entrega de cada
visualmente apetecível trabalho.
journey.
para o usuário.

Tabela 5 - Matriz de Stakeholders

1.3. DESENVOLVIMENTO
DE PERSONAS
A criação de uma aplicação deve ser pensada e estruturada com o utilizador no centro da
decisão, pois são eles que a vão utilizar e determinar o seu sucesso. Para tal, é necessário
conhecer as características, desejos e necessidades desses utilizadores.

Para ajudar a agrupar os utilizadores, é usual recorrer à criação de personas de forma a


facilitar a leitura e auxiliar o desenvolvimento do projeto; vão ajudar a guiar as decisões,
nomeadamente o conteúdo e funcionalidades a constarem.

Foram desenvolvidas as personas a utilizar na construção da web app para a Benfica Esco-
las de Futebol, explicando qual a metodologia aplicada e os respetivos resultados.

1.3.1 OBJETIVO

Os projetos de elaboração de aplicações tornam-se complexos devido às variações de


perfis e comportamentos dos diversos utilizadores, onde cada pessoa tem uma forma de
pensar e de agir diferentes, com crenças e objetivos distintos.

Para a criação da web para a Benfica Escolas de Futebol, é fundamental ter conta as ne-
cessidades do conjunto dos pais/tutores das crianças. Deste modo, é necessário recorrer a
uma pesquisa e observação profunda sobre as suas necessidades, experiências e compor-
tamentos.

É necessário determinar quais os tipos de utilizador e as variações do seu perfil. Conhecer o uti-
lizador é essencial para o sucesso da web, só através deste estudo é possível alcançar a usabili-
dade, conseguir criar um bom produto para prestar um bom serviço.
A criação de personas auxilia o processo de desenvolvimento e construção deste tipo de
interface, pois reúne a informação de forma prática e organizada, englobando o universo
dos pais, que serão os utilizadores.

1.3.2 PERSONAS
29

A técnica da criação das personas foi proposta por Alan Cooper. Estas representam um
estereotipo de pessoas com características semelhantes, traduzindo-se na personagem a
ser criada.

Estas personagens contêm um conjunto de informações reais com pormenores fictícios


para a caracterização do utilizador ser mais completa. São adicionados rostos, características
a nível de personalidade, entre outros, para serem mais realistas. Por serem personagens,
permite que a relação seja feita de forma empática com o utilizador, facilitando a tomada
de certas decisões. Simplifica o processo, pois não é necessário consultar os utilizadores a
cada etapa do processo.

A criação destas personas assenta sobre dados reais e a sua análise detalhada, de forma a
tornar-se útil e fidedigna. É possível obter estas dados de variadas formas, desde a análise
de base de dados, entrevistas, inquéritos, focus group, entre outras.

Estas personas visam a facilitar a análise desses dados, uma vez que quando são extraídos
e posteriormente analisados, tornam-se documentos extensos e de difícil leitura. Para uma
melhor organização e de forma a clarificar os dados, são criadas personas que ajudam as
decisões a serem tomadas para o desenvolvimento do projeto, uma vez que representam
os utilizadores reais. Através deste processo torna-se mais simples saber para quem se está
a desenvolver o projeto uma vez que as personas são mais visuais e comunicativas do que
gráficos e tabelas, facilitam a perceção e a memorização de quem são os utilizadores.

O principal objetivo é desenvolver funcionalidades para um conjunto reduzido de personas


que abranja todos os usuários com características, objetivos e desejos semelhantes.
O uso das personas garante que o foco está centrado no utilizador e que vai ao encontro
das suas necessidades. Desta forma garante a assertividade das soluções e funcionalidades
desenvolvidas para a web app.

As personas devem ser tidas em conta ao longo de todo o processo e devem ser utilizadas
de forma prática, para que corresponda sempre às necessidades e desejos do utilizador e
seja traduzido em resultados eficazes.

1.3.3 METODOLOGIA E RESULTADOS

Antes da construção das personas, foi feito um exercício de criação de proto-personas,


onde através da minha experiência e vivência profissional e de informações fornecidas pelo
coordenador das escolas foram definidos os protótipos das personas.

Para verificar que estas correspondiam de facto às personas reais do projeto, era necessário
ter uma confirmação através de respostas dadas pelos pais. Para tal, foi desenvolvido um
questionário para as comprovar.
Então, para conhecer os futuros utilizadores da web app e auxiliar a construção das personas
reais, foi enviado por e-mail uma newsletter aos pais das crianças que frequentam a Benfica
Escolas de Futebol no Estádio da Luz. (Link: https://goo.gl/forms/D28UKfV8klf7KOeh2).
Obteve-se 87 respostas completas (n=87) e foi utilizada a Escala de Likert de 1 a 5 nas
questões de opinião, pois permite medir diferentes atitudes e comportamentos, medir o
nível de concordância, frequência com que é realizada determinada atividade ou ação, tem
a possibilidade de atribuir diferentes níveis de importância a uma funcionalidade, avaliar o
serviço e probabilidades de ações futuras, que era fundamental para obter respostas mais
concretas e assertivas que permitissem uma maior aproximação à realidade.

30
A recolha dos dados deve conter informação relevante para o projeto, e por este motivo,
apenas os pais poderiam responder ao inquérito.

As questões colocadas foram estrategicamente elaboradas de forma a que os resultados


fossem de encontro ao pretendido: saber se valorizavam a criação da web app e quais as
funcionalidades que gostariam de ver ser desenvolvidas em função dos seus hábitos, com-
portamentos e motivações perante a atividade dos filhos.

O inquérito foi estruturado em 4 partes: perfil tecnológico, funcionalidades da web app, a


relação dos educandos com a Escola de Futebol e por fim a caracterização do inquirido.

Segundo os inquéritos realizados, apresentam-se os seguintes resultados:


o Média de 4,18 - Perfil de jogador do meu educando
• Por sua vez, os conteúdos/serviços que menos valorizavam:
o Média de 2,66 - Enviar mensagens diretamente aos treinadores.
o Média de 2,64 - Informações de outras atividades (Ex: campo férias)
o Média de 2,43 - Notificações de marketing e publicidade (descontos, campanhas,
parceiros do Benfica)
• 75% dos inquiridos colocaram a opção 4 ou 5 quanto à sua satisfação com a Benfica
Escolas de Futebol caso fosse lançada uma web app com os conteúdos que valoriza-
vam.
• A Privacidade e a segurança dos dados é algo muito relevante para os inquiridos,
apresentando a média de 4,98 e 4,97 respetivamente.
• 64% dos inquiridos tem 2 ou mais filhos, mas apenas 74% dos inquiridos tem 1 filho
inscrito nas Escolas de Futebol.
• 85% dos educandos nasceu entre 2008 e 2013 (6 a 11 anos).
• Por norma, a responsabilidade de levar as crianças ao treino é feita pelo inquirido ou
o cônjuge (74%).
• Os inquiridos valorizam mais assistir aos jogos dos educandos do que aos treinos. A
assistência aos jogos apresentou uma média de 4,37 e a assistência aos treinos foi de
3,83. Ainda de acrescentar que 70% leva carro próprio quando há jogo e apenas 28% se
juntam com outros encarregados de educação para partilhar a ida para o jogo.
• Os principais motivos pela qual colocam os educandos na Benfica Escolas de Futebol
são: “Praticar uma atividade física em grupo” (97%), “Por ser do Benfica” (91%) e “Apren-
der e absorver valores, educação e disciplina” (87%). Por sua vez os motivos menos
apreciados foram: “Aspiracional (quero que o meu educando se torne jogador)” (22%)
e “Aprender e ter objetivos” (43%).
• Sobre se recomendariam a Benfica Escola de Futebol, 97% respondeu 4 ou 5, obten-
do-se uma media de 4,62.
• Relativamente à caracterização dos inquiridos:
o 59% Pais e 41% Mães
o 91% são casados
o 72% têm entre os 31 e 34 anos
o 57% são adeptos e 42% são sócios
o 83% dos agregados familiares são de 3 ou 4 pessoas.
o 43% têm o rendimento liquido entre os 1000€ e 2000€.
o 70% são efetivos
o 66% têm no mínimo a Licenciatura
o 100% vive no distrito de Lisboa.
31

Este conjunto de informações representa a diversidade de utilizadores que serão consider-


ados no projeto de desenvolvimento da web app.

Concluí a partir da análise de dados que algumas das proto-personas que haviam sido
criadas, não representavam a maioria dos utilizadores. Foi importante confirmar os resultados
para não haver nenhuma lacuna em relação ao que os pais desejam/precisam e o que iria
ser desenvolvido.

1.3.4 MAPEAMENTO DAS PERSONAS

De seguida, os resultados foram mapeados consoante as respostas (variáveis) e agrupados


de acordo com os diferentes tipos de comportamentos e necessidades, não só perante as
funcionalidades da web app, mas também pelo seu comportamento e envolvimento com
as Escolas. A partir daí foram identificados padrões, mas uma vez que os utilizadores são
todos diferentes, era necessário sintetizar as características mais relevantes para a criação
da persona, chegando a 4 tipos de personas: Mãe Galinha, Pai Fanático, Pai Ausente e Pai
Desportista.

A partir deste conhecimento foram descritas as várias utilizações da web app desses uti-
lizadores, foram aplicados nomes e fotografia para identificar a persona, foi construída a
narrativa e elaboração do poster que consta em anexo.

A “Mãe Galinha” é aquela que se preocupa com o filho, o seu mundo gira em torno do filho
e tudo aquilo que valoriza é referente ao perfil do filho e à opinião dos treinadores.

O “Pai Fanático“ é o clássico pai que quer que o seu filho seja jogador de futebol. Valoriza
estatística, a metodologia e todos os assuntos relacionados com treino. O filho jogar fu-
tebol no Benfica é sinónimo de orgulho enorme, por isso partilha em todas as suas redes
sociais todos os jogos e treinos do seu educando.

O “Pai Ausente” é aquele que não assiste aos treinos, nem vai aos jogos. Precisa da web app
para se atualizar e poder ter tema de conversa com o filho sobre os treinos. Valoriza rece-
ber fotografias, porque nunca está presente. Como o filho gosta do Benfica, inscreve-o em
todas as atividades que existem para o entreter enquanto o Pai está a trabalhar.

O “Pai Desportista” é aquele que quer que o filho pratique desporto para que este tenha
uma atividade física e para que absorva todos os valores associados ao desporto e às ativ-
idades em equipa.

Nos quadros que se seguem, estão assinalados a cinzento as tendências de resposta para
cada persona (Consultar nos anexos a totalidade das respostas ao inquérito).
MÃE GALINHA

Indique as Rede(s) Socia(s) que tem por hábito utilizar: Nº Respostas %

Instagram 67 77%

WhatsApp 75 86%

Qual o sistema operativo do seu telemóvel? Nº Respostas %

32
IOS 65 75%

Qual é o dispositivo preferencial para aceder à internet? Nº Respostas %

Telemóvel 49 56%

Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? Nº Respostas %

4 32 37%

Tem por hábito fazer pagamento / compras online? Nº Respostas %

3 25 29%

Supondo que a Benfica Escola de Futebol cria uma web app, indique o quão valorizava os seguintes
1 2 3 4 5 Média
conteúdos a disponibilizar:

Perfil de jogador do meu educando 0 6 9 35 37 4,18

Ver avaliação/comentários feitos pelo treinador à prestação do meu educando 0 5 15 27 40 4,17

Enviar mensagens diretamente aos treinadores 12 36 17 14 8 2,66

Habitualmente quem é o responsável por levar a criança ao treino? Nº Respostas %

Eu 19 22%

Habitualmente assiste aos treinos do(s) seu(s) educandos? Nº Respostas %

4 37 43%

5 20 23%

Indique os motivos que o levaram a inscrever o seu educando na Benfica Escolas de Futebol? Nº Respostas %

Praticar uma atividade física em grupo 84 97%

Aprender e absorver valores, educação e disciplina 76 87%

Interação com crianças/jovens da mesma faixa/etária 67 77%

Indique a sua relação relativamente ao seu educando: Nº Respostas %

Mãe 36 41%

Estado civil: Nº Respostas %

Casado(a) 79 91%

Idade Nº Respostas %

31-45 anos 63 72%

Indique a sua relação com o Sport Lisboa e Benfica: Nº Respostas %

Sou adepto/simpatizante 50 57%

Rendimento mensal liquido do agregado familiar (opcional): Nº Respostas %

2501€-3000€ 14 18%

Tabela 6 - Mapeamento da Persona “Mãe Galinha”


PAI FANÁTICO

Indique as Rede(s) Socia(s) que tem por hábito utilizar: Nº Respostas %

Facebook 78 90%

Instagram 67 77%

WhatsApp 75 86%
33

Qual o sistema operativo do seu telemóvel? Nº Respostas %

IOS 65 75%

Qual é o dispositivo preferencial para aceder à internet? Nº Respostas %

Telemóvel 49 56%

Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? Nº Respostas %

5 45 52%

Tem por hábito fazer pagamento / compras online? Nº Respostas %

3 25 29%

Supondo que a Benfica Escola de Futebol cria uma web app, indique o quão valorizava os seguintes 1 2 3 4 5 Média
conteúdos a disponibilizar:

Estatística sobre o meu educando dos jogos e treinos 0 3 11 34 39 4,25

Ver avaliação/comentários feitos pelo treinador à prestação do meu educando 0 5 15 27 40 4,17

Consultar a metodologia de treino em que o meu educando participa 2 9 19 32 25 3,79

Possibilidade de partilhar as fotos dos treinos e jogos nas minhas redes sociais 16 25 17 18 11 2,80

Habitualmente quem é o responsável por levar a criança ao treino? Nº Respostas %

Eu 19 22%

Habitualmente assiste aos treinos do(s) seu(s) educandos? Nº Respostas %

5 20 23%

Indique os motivos que o levaram a inscrever o seu educando na Benfica Escolas de Futebol? Nº Respostas %

Desenvolver skills enquanto jogador 43 49%

Aspiracional (quero que o meu educando se torne jogador) 19 22%

Por ser do Benfica 79 91%

Indique a sua relação relativamente ao seu educando: Nº Respostas %

Pai 51 59%

Estado civil: Nº Respostas %

Casado(a) 79 91%

Idade Nº Respostas %

31-45 anos 63 72%

Indique a sua relação com o Sport Lisboa e Benfica: Nº Respostas %

Sou Sócio 24 28%

Sou Sócio com RED PASS 12 14%

Rendimento mensal liquido do agregado familiar (opcional): Nº Respostas %

1501€-2000€ 17 22%

Tabela 7 - Mapeamento da Persona “Pai Fanático”


PAI AUSENTE

Indique as Rede(s) Socia(s) que tem por hábito utilizar: Nº Respostas %

Twitter 5 6%

WhatsApp 75 86%

Qual o sistema operativo do seu telemóvel? Nº Respostas %

34
Android 22 25%

Qual é o dispositivo preferencial para aceder à internet? Nº Respostas %

Computador / Portátil 38 44%

Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? Nº Respostas %

5 45 52%

Tem por hábito fazer pagamento / compras online? Nº Respostas %

5 15 17%

Supondo que a Benfica Escola de Futebol cria uma web app, indique o quão valorizava os seguintes 1 2 3 4 5 Média
conteúdos a disponibilizar:

Receber fotos/vídeos do meu educando dos treinos e jogos 1 4 16 38 28 4,01

Consultar agenda de treinos e jogos do meu educando 1 5 20 35 26 3,92

Informações de outras atividades (Ex: campo férias) 18 24 22 17 6 2,64

Habitualmente quem é o responsável por levar a criança ao treino? Nº Respostas %

Partilhado entre mim e o meu cônjuge ou outro familiar 45 52%

Avós 8 9%

Habitualmente assiste aos treinos do(s) seu(s) educandos? Nº Respostas %

1 1 1%

2 6 7%

3 24 28%

Indique os motivos que o levaram a inscrever o seu educando na Benfica Escolas de Futebol? Nº Respostas %

A pedido do meu filho 73 84%

Praticar uma atividade física em grupo 84 97%

Aprender e absorver valores, educação e disciplina 76 87%

Indique a sua relação relativamente ao seu educando: Nº Respostas %

Pai 51 59%

Estado civil: Nº Respostas %

Casado(a) 79 91%

Idade Nº Respostas %

46-55 anos 17 20%

Indique a sua relação com o Sport Lisboa e Benfica: Nº Respostas %

Sou adepto/simpatizante 50 57%

Rendimento mensal liquido do agregado familiar (opcional): Nº Respostas %

3500€-4000€ 5 6%

>4000€ 10 13%

Tabela 8 - Mapeamento da Persona “Pai Ausente”


PAI DESPORTISTA

Indique as Rede(s) Socia(s) que tem por hábito utilizar: Nº Respostas %

Facebook 78 90%

Instagram 67 77%

WhatsApp 75 86%

Qual o sistema operativo do seu telemóvel? Nº Respostas %


35

IOS 65 75%

Qual é o dispositivo preferencial para aceder à internet? Nº Respostas %

Telemóvel 49 56%

Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? Nº Respostas %

3 8 9%

4 32 37%

Tem por hábito fazer pagamento / compras online? Nº Respostas %

3 25 29%

Supondo que a Benfica Escola de Futebol cria uma web app, indique o quão valorizava os seguintes
1 2 3 4 5 Média
conteúdos a disponibilizar:

Ver avaliação/comentários feitos pelo treinador à prestação do meu educando 0 5 15 27 40 4,17

Dicas de nutrição do meu educando 2 12 33 18 22 3,53

Consultar agenda de treinos e jogos do meu educando 1 5 20 35 26 3,92

Habitualmente quem é o responsável por levar a criança ao treino? Nº Respostas %

Partilhado entre mim e o meu cônjuge ou outro familiar 45 52%

Habitualmente assiste aos treinos do(s) seu(s) educandos? Nº Respostas %

4 37 43%

Indique os motivos que o levaram a inscrever o seu educando na Benfica Escolas de Futebol? Nº Respostas %

Praticar uma atividade física em grupo 84 97%

Desenvolver capacidades motoras 56 64%

Aprender e absorver valores, educação e disciplina 76 87%

Indique a sua relação relativamente ao seu educando: Nº Respostas %

Pai 51 59%

Estado civil: Nº Respostas %

Casado(a) 79 91%

Divorciado(a) 7 8%

Idade Nº Respostas %

31-45 anos 63 72%

Indique a sua relação com o Sport Lisboa e Benfica: Nº Respostas %

Sou adepto/simpatizante 50 57%

Rendimento mensal liquido do agregado familiar (opcional): Nº Respostas %

1001€-1500€ 16 21%

Tabela 9 - Mapeamento da Persona “Pai Desportista”


1.3.5 CRIAÇÃO DAS PERSONAS

36
MÃE GALINHA PAI FANÁTICO
Ganhar ou perder é desporto. Quero Tem o toque do João Félix e a
é que o meu filho não se aleije classe do Jonas

BIO

Ana Silva MOTIVAÇÕES - Que o filho se divirta sem se magoar;


- Estar presente nos momentos
Rui Pereira MOTIVAÇÕES - Que o filho se torne jogador
profissional;
35 anos, Lisboa importantes para o filho. 37 anos, Lisboa - Que o filho seja o melhor jogador e
que seja convocado para todos os
Bancária Distribuidor de Pão jogos.
FRUSTRAÇÕES - Se o filho se magoar;
FRUSTRAÇÕES - O filho não ser titular em todos os
- A meteorologia adversa; jogos;
Casada 1 filho 2501€ - 3000€ - Não ter forma de comunicar com Casado 2 filhos 1501€ - 2000€ - Não fazerem treinos específicos
(6 anos) outros pais para combinar (10 e 14 anos) para o filho;
deslocações e partilhar as suas
preocupações. SOBRE - Não passarem o filho para o escalão
SOBRE superior;
Toda a sua vida sonhou em ser mãe, Nunca gostou de estudar, tem o 12º ano
INTERAÇÕES - Está presente em todos os jogos e
apenas tem um filho por opção própria. incompleto. Trabalha numa panificadora treinos
INTERAÇÕES - Falar com staff e com outros país
Quer conseguir acompanhá-lo a 100% em sobre suas preocupações;
onde faz trabalho de distribuição. Tem dois
filhos, um rapaz e uma rapariga. - Acompanha as Escolas nas Redes
todos os momentos da sua vida. - Quer saber a agenda completa de Sociais;
É uma mãe muito protetora, procura É apaixonado pelo Benfica, ambiciona que
jogos e treinos.
o filho se torne jogador profissional. - Está sempre a comparar o jogo do
sempre o conforto e bem estar do filho. filho com os outros;
Sempre que necessário, alerta os Está presente em todos os momentos,
responsáveis sobre o estado fisico ou vive centrado para atividade do filho. Quer
psicológico do seu filho. que o filho viva as suas próprias vontades e
O QUE NECESSITA / VALORIZA O QUE NECESSITA / VALORIZA
não o deixa ter outros sonhos.
Pagamentos / Renovações

Pagamentos / Renovações
Segurança Segurança
Metodologia / Avaliação

Metodologia / Avaliação
Agenda / Informações

Agenda / Informações
Jogos e passatempos

Jogos e passatempos
dos dados dos dados
Perfil do Aluno

Perfil do Aluno
Fotos e videos

Fotos e videos
Privacidade Privacidade
PERSONALIDADE PERSONALIDADE
Chat box

Chat box
Rapidez Rapidez

Usabilidade Usabilidade
Meiga Impulsivo
Design Design

Protetora Teimoso
Cuidadosa Irrealista
DISPOSITIVOS SISTEMA OPERATIVO DISPOSITIVOS SISTEMA OPERATIVO
Curiosa Sarcástico

REDES SOCIAIS REDES SOCIAIS

PAI AUSENTE PAI DESPORTISTA


Hoje não pude ir mas se der vou O meu filho tem é de fazer
para a próxima desporto, não é jogar Playstation

BIO

Jorge Garcia MOTIVAÇÕES - Fazer a vontade ao filho, que


queria jogar futebol no Benfica; Diogo Costa MOTIVAÇÕES - Que o filho realize uma atividade
física com profissionais
47 anos, Lisboa - O seu filho estar feliz e realizado; 41 anos, Lisboa credenciados;
- Ocupar tempos livres do filho. - Que o filho desenvolva
Advogado Policia capacidades motoras.
FRUSTRAÇÕES - Não conseguir estar presente
na atividade como gostaria; FRUSTRAÇÕES - O filho eventualmente não
Casado 2 filhos >4000€
- Ter de se deslocar à Escola para Divorciado 1 filho 1001€ - 1500€ querer ir aos treinos;
(12 e 14 anos) (9 anos)
tratar de burocracia. - Não saber reagir positivamente
SOBRE perante um comentário ou
SOBRE
Sempre foi uma pessoa intlectual, não INTERAÇÕES - Só se desloca à Escola para avaliação menos positiva por
gosta de futebol nem de nenhum desporto fazer inscrições e pagamento; Sempre praticou desporto e continua a parte do treinador.
coletivo, apenas vai ao ginásio para se faze-lo todos os dias, corre, vai ao ginásio e
- Raramente conversa com os
manter em forma. responsáveis; joga futebol com os colegas. Quer impor
INTERAÇÕES - Presente na atividade;
O filho, por influência de amigos que já ao seu filho essa rotina pois considera
- Inscreve-o nos torneios e outras essencial ao seu desenvolvimento. - Procura saber informações mais
treinavam na Benfica Escolas de Futebol, atividades existentes (Ex: Campo férias). Inscreveu o filho aos 4 anos porque morava especificas sobre os treinos.
pediu para o pai o inscrever.
Como tem pouco tempo livre disponível perto do Estádio.
devido à sua profissão, não tem muito Divorciou-se quando o filho tinha 6 anos,
envolvimento com a atividade mas gostava O QUE NECESSITA / VALORIZA por isso nem sempre é ele que o leva aos O QUE NECESSITA / VALORIZA
de poder estar mais presente. treinos.
Pagamentos / Renovações

Pagamentos / Renovações

Segurança Segurança
Metodologia / Avaliação

Metodologia / Avaliação
Agenda / Informações

Agenda / Informações
Jogos e passatempos

Jogos e passatempos

dos dados dos dados


Perfil do Aluno

Perfil do Aluno
Fotos e videos

Fotos e videos

Privacidade Privacidade
PERSONALIDADE PERSONALIDADE
Chat box

Chat box

Rapidez Rapidez

Calmo Usabilidade
Determinado Usabilidade

Design Design
Paciente Desconfiado
Ambicioso Presistente
DISPOSITIVOS SISTEMA OPERATIVO DISPOSITIVOS SISTEMA OPERATIVO
Confiante Perseverante

REDES SOCIAIS REDES SOCIAIS

F igura 4 - Personas do projeto da web da Benfica Escolas de Futebol


2. DESENHAR
2.1. ESTRATÉGIA DE
INFORMAÇÃO
37

A arquitetura de informação tem como objetivo organizar o conteúdo da web app através
de uma estrutura que permita aos utilizadores encontrar o que necessitam ou concluir
determinada tarefa sem muito esforço. Através de um esquema lógico, indica aos utilizadores
os caminhos possíveis a seguir para realizar uma determinada ação.

Para construir a arquitetura de informação da web app é necessário perceber qual o cenário
onde esta vai estar inserida e quais os problemas/necessidades que visa resolver.

Com a criação dos wireframes é possível ver como é que as secções que constam na ar-
quitetura de informação se dispõem no layout da tela do telemóvel.

2.1.1 METODOLOGIA

Após a identificação das personas, o próximo passou por dispor a informação para que esta
fique organizada e prática. Toda esta estratégia deverá ter em conta os hábitos, consumos,
objetivos e problemas dos futuros utilizadores.

Para a aprendizagem do processo ser mais lógica e também perceber o que já existe no
mercado, foi feita de análise de uma app que tivesse paralelismo com a que está a ser de-
senvolvida.

A aplicação escolhida para analisar foi a do Totti Soccer School, onde foram considerados
vários aspetos como os objetivos da app, qual a missão da organização e o seu público alvo,
de que forma a app suportava esta missão, o que levava as pessoas a utilizarem-na e quais
as tarefas que podiam realizar, a política e o tom de comunicação presente, se a informação
era atualizada, o grau de investimento humano e económico para esta ferramenta e ainda a
estrutura do site que vai desde o layout à disposição de informação e a sua navegabilidade
e também observar o site map presente nessa mesma aplicação.

No mercado não existem muitas apps com as funcionalidades propostas para a web app da
Benfica Escolas de Futebol. As escolas de futebol que tem aplicação têm todas um layout
standard onde as informações e conteúdos são pouco atraentes e raramente atualizados.

A partir desta análise foi feita uma listagem de serviços e conteúdos a constar na web
app para a Benfica Escolas de Futebol que já havia sido identificado anteriormente através
do resultado do inquérito feito aos pais/tutores das crianças que praticam a atividade, e
utilizando a técnica de card sorting, esses conteúdos foram sendo agrupadas de forma
hierárquica para garantir que a navegação será fluída e intuitiva e por fim foi designada a
nomenclatura para definir essas secções (taxonomia).

O ser humano já está habituado a padrões hierárquicos, por isso naturalmente quando
procuram um conteúdo já está implícito que estará disposto desta forma.
2.1.2 CARD SORTING

NECESSÁRIO GERAL
LOGIN

38
Dicas de Perfil do Metodologia
Pagamentos Media Calendário Perfil Campo de Benfica Escolas
Cartão Nutrição Chat box Alertas
jogador de Treino Férias de Futebol
e Performance

Efetuar Dica da Calendário Alterção /


Transmitir Estatística Fotografias Notícias Informações
pagamento semana jogos Atualização de
Cartão e inscrições
dados

Consultar Nutrição pré e Calendário Staff e


Records Vídeos Permissões Loja
Pagamentos pós jogo treinos jogadores

Renovar Nutrição pré e Newsletter Redes Sociais


Avaliação O meu albúm
matrícula pós treino

Sabias que... Assiduidade Passatempos Definições

LEGENDA
Conteúdos que estão
presentes nas duas áreas (login e geral)

Identificação das áreas da web app

Conteúdos a constarem na web app

F igura 5 - Card Sorting

A partir da organização e definição dessas seções foi desenhada a arquitetura de infor-


mação, termo proposto pelo arquiteto e designer gráfico Richard Wurman, que se traduz
num diagrama hierárquico, onde está representado o esquema da web app e a forma como
é que os conteúdos vão estar dispostos, assim como os caminhos para chegar a determina-
do serviço ou informação. É necessário testar várias hipóteses de caminhos de navegação
para ter a certeza que não existe nenhuma lacuna, como não ter caminhos lógicos ou in-
completos, ou ter informação repetida

Após a definição da arquitetura de informação foram elaborados os wireframes que repre-


sentam graficamente como é que essa informação estará disposta nas interfaces das pági-
nas da web, determina o espaço para colocação de imagens, textos, icons, botões, apenas
serve como base antes da criação do protótipo real e do mock up para perceber se a dis-
posição resulta.

Com a criação dos wireframes é possível confirmar se as informações ou conteúdos que


estão pensados na arquitetura de informação resultam a nível gráfico pois depende da
resolução do ecrã. É importante criar o wireframe do menu inicial e dos separadores/
páginas mais importantes e para as mais complexas, definir o layout para replicar para as
restantes seções.

A partir desta fase já é possível perceber o sistema de navegação, quais as secções que de-
vem ser dadas mais destaque, qual é a ordem a constar no menu e o peso dos elementos.

Seguidamente, foi feito um inventário de conteúdo com a informação a constar em cada


secção. Uma vez que a web app é muito extensa, ajuda a organizar a arquitetura de infor-
mação e a apresentar uma visão geral dos conteúdos da mesma. De seguida, foi elaborado
um guia de estilos onde define as cores, fonts, tamanhos, alinhamentos, botões, icons e
começar a preencher os wireframes com informação e conteúdos reais.
2.1.3 OBJETIVOS E FUNCIONALIDADES DA WEB APP

Através do questionário realizado para a definição das personas, os pais decidiram quais as
funcionalidades e conteúdos que valorizavam estar presentes na web app da Benfica Esco-
las de Futebol. A partir desta informação foi necessário agrupá-las de forma a não ter um
menu muito extenso e poder ter os conteúdos interligados entre si.
39

A web app estará dividida em dois momentos, conteúdos e informações em que não é
obrigatório registo e funcionalidades e informações exclusivas para quem tem o filho/edu-
cando inscrito na Benfica Escolas de Futebol.

Para quem não tenha um registo (que é exclusivo para tutores das crianças que frequentem
as escolas), vai ser possível ver conteúdos institucionais (visão, missão, história, localização,
contactos), informativos (Localização das escolas e possibilidade de inscrição), jogadores
que foram formados na Escola e hoje são uma referência a nível mundial como é o caso do
Gonçalo Guedes, Bernardo Silva, João Carvalho, entre outros), Staff (treinadores e fisiotera-
peutas, Campos de Férias e possibilidade de inscrição, notícias, Loja (possibilidade de com-
prar artigos como equipamento, bolas, etc) e ainda a ligação às redes sociais (Facebook,
instagram e twitter). Alguns destes conteúdos estão presentes também para quem tenha o
login efetuado, com a diferença da presença do menu fixo na parte inferior (rodapé).

As funcionalidades a constarem na web app (que foram as mais relevantes, escolhidas pelos
pais através de um inquérito) são a possibilidade de ter o cartão de aluno virtual (a entrada e
saída da Escola ser feita através da web app em vez de ser feita através do cartão da Escola),
ver as estatísticas sobre o filho/educando nos jogos e treinos, aceder ao perfil de jogador,
ver a avaliação e comentários feitos pelo treinador, receber videos e fotos e poder editar
estes conteúdos, consultar a metodologia dada em cada treino, inscrever e renovar matrícula,
dicas de nutrição e performance, registo de assiduidade, jogos e passatempos, fazer paga-
mento das mensalidades, comprar equipamento para a prática da modalidade ou outros
artigos de merchandising, notícias, enviar mensagens diretamente ao treinador através da
criação de um chat box e a possibilidade de comunicar com outros pais e resolver ou tirar
algum esclarecimento com a equipa administrativa e ainda notificações de marketing e
publicidade não só sobre as Escolas, mas de todo o Universo Benfica.

Uma vez que a web app vai conter muitas funcionalidades e conteúdos, vai ser dada a
possibilidade dos utilizadores (pais) escolherem os conteúdos/secções a constar no visor,
para que seja ainda mais prática e útil. Vai existir uma organização pré-definida e poderão
sempre restaurar as definições e a web app voltará a ficar com a organização inicial. Para os
casos em que um tutor tem mais de um educando, houve a preocupação de estruturar a
web app com a possibilidade de ter múltiplos perfis de aluno no mesmo login.

Está previsto que a web app possa ter um “modo aluno” para que estes possam também
participar e estarem envolvidos, mas com alguns conteúdos bloqueados (tudo o que for
relacionado com compras e pagamentos, definições – consultar arquitetura de informação)
e sempre com a permissão dos pais.

Para o sistema de navegação ser funcional é crucial que seja facilmente apreendido para o
utilizador para que não se torne frustrante e massativo, tem de dar resposta ao que o uti-
lizador procura encontrar ou realizar; economizar tempo nas ações e caminhos a percorrer
para chegar a um determinado destino e que a informação ou tarefa mais importante e
desejada seja facilmente alcançada; as descrições dos itens no menu devem corresponder
e ser claros do conteúdo que está contido nessa secção para que o utilizador não ande
perdido; promover um visual atrativo e consistente (formato dos botões, posicionamento
dos elementos, linguagem dos icons, etc) e ainda auxiliar o utilizador na conclusão do seu
objetivo, para tal é necessário estudar o comportamento do mesmo.

Para garantir uma boa navegabilidade, houve a preocupação de olhar para as funcionali-
dades mais requisitadas pelos tutores e avaliar APPs com boas reviews no mercado.
Verificou-se a necessidade de colocar um menu fixo na web app onde apenas com um
clique tivessem a funcionalidade que desejam e que garantam a boa navegação, foram

40
estas: Home (voltar ao menu inicial para que rapidamente possam selecionar outra opção),
cartão do aluno (desmaterialização do cartão para que consigam dar entrada e levantar o
filho sem ter de percorrer a web app), pagamentos, chat box (para que a qualquer momento
possam dar uma indicação ao treinador, fazer perguntas administrativas e falar com o grupo
de pais/pais cujos filhos também estejam inscritos) e ainda uma opção Mais que agrega
tudo o que são definições e permissões que podem ser alteradas em qualquer momento).

O que vai fazer com que os utilizadores voltem a usar a web app é a informação e conteúdo
que está presente após cada treino ou jogo. Todo o conteúdo relacionado com cada aluno/
jogador é dinâmico e varia semana após semana, pelo que há constantemente novidades.
O facto desta prestar serviço, tais como desmaterialização do cartão é um fator diferenci-
ador e os pagamentos das mensalidades também ajudam a que os pais voltem.
Além disto, ainda há mais argumentos para repetirem as visitas tais como: partilha das fotos,
avaliações dos treinadores, metodologia dos treinos, entre outros.

O maior constrangimento desta web app poderá passar pela obtenção dos consentimentos
segundo o RGPD. Só estará com os serviços todos ativos se os utilizadores os aceitarem, no
entanto, uma vez que os pais têm o desejo e necessidade da criação desta web app, será
um risco moderado/controlado.

2.1.4 ESTRATÉGIA DE CONTEÚDOS

O ciclo de vida dos conteúdos é composto pelas seguintes fases: análise, criação/recolha,
gestão e publicação.

Na fase inicial do ciclo de vida dos conteúdos, a análise e a estratégia tem de responder aos
objetivos: melhorar a experiência do dia a dia para os pais da Benfica Escolas de Futebol,
prestar serviço, aumentar o valor intangível da marca na mente dos clientes e facilitar a co-
municação entre a Escola e os clientes.

Nesta fase, foi feito um levantamento dos momentos que cada persona interage com as
Escolas de Futebol e foi criado um plano de ações para cada uma delas e como é que a
web app poderia responder/ajudar às necessidades de cada um. Paralelamente e em brain-
storming, apurou-se junto dos diversos intervenientes que fazem parte da Benfica Escolas
de Futebol quais os serviços e conteúdos diferenciadores é que se poderia prestar aos cli-
entes.

Os conteúdos definidos para a web app são:


- Apresentação de quem somos: missão, visão, história, localização, contactos, apre-
sentação dos treinadores,
- Notícias do Universo Benfica.
- Áreas de negócio a explorar: Benfica Escolas de Futebol, Campos de Férias e merchan-
dising.
-Prestação de serviço: desmaterialização do cartão de aluno, tratar os assuntos de secre-
taria (exemplos: pagamentos das mensalidades e renovação de inscrições) através da web
app, alertas e comunicar com a Escola ou com o treinador.
- Conteúdos de engagement: Fotos dos jogo e treinos, passatempos, dicas de nutrição e
de estudo
- Perfil do jogador: Estatísticas, calendário dos jogos e dos treinos, metodologia dos treinos,
assiduidade e avaliação

Para estes conteúdos serão necessários fazer um levantamento de requisitos, humanos,


técnicos e financeiros. A nível de recursos humanos terá de haver uma equipa multidiscipli-
nar das áreas da Benfica Escolas de Futebol, Comunicação, Branding (web designers, editor
41

de vídeo, copys, Gestor de Marca), SEO e IT e o workflow da criação do conteúdo passará


por estes intervenientes.

Na fase da criação/recolha há uma grande intervenção da equipa de branding, para a criação


dos conteúdos. Os conteúdos serão criados e serão colocados para apreciação, e poderão
ser alterados consoante os inputs dados e só depois das alterações feitas é que estarão
disponíveis para a fase seguinte. Após a criação do conteúdo é colocado numa plataforma
de sistema de gestão de conteúdo (CSM) para que seja possível criar, editar e publicar na
web app. Para finalizar publica-se o conteúdo, ou seja, passa a ficar disponível para o cliente
e monitoriza-se o mesmo de forma a mensurar o sucesso ou o fracasso do mesmo. No
quadro que se segue, podemos observar a duração do conteúdo após publicação.

Relativamente à informação estratégica, esta é centralizada, no entanto a informação de


conteúdo do dia a dia é autónoma.

Momento da Publicação Duração

Alerta Pagamentos mensalidades Final do mês Após pagamento mensal.

De junho a setembro ou até que o encarregado de educação efetue a


Alerta Renovações Final da época desportiva
renovação

Apresentação dos Treinadores Início da época Uma época desportiva e atualizado no início de cada época.

Assiduidade Após cada treino Uma época desportiva (histórico)

Avaliação Após cada trimestre Uma época desportiva (histórico)

Benfica Escolas de futebol - Apresentação do


Início da época Uma época desportiva e atualizado no início de cada época.
Produto

Calendário dos jogos Início da época Uma época desportivo e atualizações permanentes ao longo da época.

Calendário dos treinos Início da época Uma época desportivo e atualizações permanentes ao longo da época.

Campos de Férias -
Início da época Uma época desportiva e atualizado no início de cada época.
Apresentação do Produto

Cartão Virtual Início da época Uma época desportiva e renovável se os alunos

Contactos das Escolas Início da época Sempre disponível.

Dicas de estudo da
Semanalmente Um mês em histórico.
semana

Dicas de nutrição da semana Semanalmente Um mês em histórico.

Estatísticas Após cada treino / jogo Um mês em histórico.

Fotos e vídeos dos jogos Após cada jogo Um mês em histórico.

Fotos dos treinos Após cada treino (2x/semana) Um mês em histórico.

História Início da época Uma época desportiva e atualizado no início de cada época.

Localização das Escolas Início da época Sempre disponível e atualizado se alguma escola nova entrar ou fechar.

Metodologia do treino Após cada treino Um mês em histórico.

Missão Início da época Uma época desportiva e atualizado no início de cada época.

Passatempos Semanalmente Um mês em histórico.

Visão Início da época Uma época desportiva e atualizado no início de cada época.

Tabela 10 - Estratégia de conteúdos


2.1.5 ESTILO DE COMUNICAÇÃO

O estilo de comunicação da web app, será uma linguagem que transmita às crianças e
aos pais a mística Benfiquista e o valor das escolas para a evolução das crianças - primeiro
enquanto ser humano e depois como jogadores de futebol. O tom de discurso assumido
pela Benfica Escolas de Futebol passa por transmitir o crescimento das crianças na escola,
o desenvolvimento das suas capacidades para atingem um nível de performance superior e

42
assume ainda um tom aspiracional: permite que sonhem em atingir o patamar de jogador
profissional.

O tom de comunicação será feito por tu, a linguagem será cuidada e descontraída e as ima-
gens serão modernas, impactantes, funcionais e dinâmicas.

Além dos conteúdos de futebol e de performance, a Benfica Escola de Futebol terá o foco
no 360 do aluno, ou seja, não quer que seja só um bom jogador, mas acima de tudo um
bom ser humano. Conteúdos como dicas de estudo, hábitos saudáveis, benefícios da ativi-
dade física, dicas de nutrição, entre outros, assumirão uma posição de comunicação privi-
legiada na web app.

2.1.6 CUSTOS, APROVAÇÃO E RETORNO

Antes de lançar a web app, é feito uma apresentação do orçamento do projeto, expondo
os seus objetivos. Este orçamento terá de ser sempre aprovado até abril da época anterior,
pela direção do clube. Uma vez que o futebol formação do Sport Lisboa e Benfica é um pilar
estratégico no clube e que o mesmo gera milhões de euros anuais, facilmente se encontra
e se justifica um investimento 50 mil euros para o desenvolvimento da mesma.

O Sport Lisboa e Benfica tem recursos humanos, técnicos e financeiros disponíveis para
abraçar os projetos a que se propõe desenvolver. Atualmente tem uma estrutura empresarial
montada onde tem várias Direções (RH, Financeiro, Comercial & Marketing, Infraestruturas,
DSI, Futebol Profissional, Futebol Formação, Comunicação entre outros). Para o seu de-
senvolvimento, será necessário alocar recursos específicos das áreas do Futebol Formação,
Marketing, Comunicação e DSI.

A medição do sucesso da web app e do conteúdo dependem de vários fatores como o


número de downloads e instalações, número de desinstalações, número de registos, usuári-
os ativos (diariamente/ semanalmente / mensalmente), número de sessões por usuário
num determinado espaço de tempo, número de bugs / crashs, tempos de resposta a abrir
os conteúdos, tempo de carregamento da aplicação e do funil de conversão.

Num futuro próximo a web app poderá ter novas funções para ser utilizada entre treina-
dores e entre treinadores/coordenadores com a escola, de forma a que desmaterialize e
agilize a comunicação, reports, entre outros processos, com todos os intervenientes que
ensinam os alunos da Benfica Escola de Futebol.

2.1.7 LANÇAMENTO

A web app será lançada com os serviços que foram mais valorizados pelos pais e posteri-
ormente, quando estiver operacional, ser atualizada com outras funcionalidades (previstas
previamente e outras que irão sendo desenvolvidas consoante as necessidades). Desta for-
ma, há a garantia de estar sempre atualizada, com conteúdos e funcionalidades úteis.
O lançamento será feito numa primeira fase para a Benfica Escolas de Futebol do Estádio
da Luz e só depois alargada para as 42 Escolas de Norte a Sul do País e posteriormente
para as Escolas no estrangeiro (uma vez que isto vai necessitar de um esforço extra como a
tradução para outras línguas).

A web app, poderá ter atualizações cíclicas (época desportiva) e ainda pode ser personalizada
para cada escola (consoante região – exemplo escolas no estrangeiro)
43

2.2. ARQUITETURA
DE INFORMAÇÃO

Página Inicial

Inserir palavra pass Definir


Hambúrger Inserir Código Entrar
palavra pass
Esqueci-me da Campo para Mensagem Envio de nova
Configurar dados palavra pass
palavra pass nº de telefone de Sucesso

Benfica Escolas Slidshow


Ecrã inicial Possibilidade de saltar
de Futebol explicativo

Missão
Visão Dicas de Nutição Perfil do
Rodapé fixo Treinos Calendário Media Alertas
História e Performance Jogador
Fotos
Voltar à
Home página inicial Último treino Dica da Semana Estatística Treinos Fotos Partilhar Convocatórias

Histórico Nutrição Jogos Vídeos


Cartão Jogo Guardar Pagamentos
de Treinos pré e pós jogo
Informações
e Inscrições Nutrição Encerramento
QR Code Treino Os meus jogos O meu albúm
pré e pós treino em Dia de Jogo
Localização
Transmitir Sabias que... Jogos da Mudança de
Record Passatempos
QR Code minha Escola Treinadores
Por proximidade Lista escolas Morada Google maps
Mensagem Benfica Futebol Informações
Nº Telefone Avaliação Votação
de sucesso Formação dia de jogo
Escolher distrito Albúm fotos Dados para
Pagamento
Escalões inscrição Assiduidade nos SL Benfica Encerramento
Abrir contactos Prémios
Preçário jogos e treinos (Equipa Principal) aos feríado
Contactos
Pagamentos Jogos

Selecionar Métodos de Mensagem de sucesso


período de tempo pagamento com envio e-mail
Staff e jogadores
Consultar
pagamentos
Jogadores Jota Mensalidades
João Carvalho Lista fotos com história Campos Férias Enviar para o e-mail
Movimentações Equipamento Reenviar fatura
Bernardo Silva do seu percurso e com a fatura escolhida
Gonçalo Guedes mensagens dos jogadores
Tiago Dantas Dados Efetuar pagamento
Renovar Matrícula Escolher horário
Pré-preenchidos
Treinadores Lista fotos com
Staff expêriencia profissional
Fisioterapeutas
Chatbox

Grupo da turma

Campo Férias Pais

Identificação Validar Pagamento Treinador


Informações Escolher semana
do Aluno
Back office
Inscrições Mensagem de sucesso (Apoio secretaria)
com envio e-mail

Nós Ligamos
Mais

O meu perfil

Alteração
Resultados desportivos, password
Notícias noticias futebol formação,
etc
Atualização
dos dados
Nº telefone
E-mail
Morada
Produto Método de Preenchimento Mensagem de sucesso
Loja
pagamento Dados com envio e-mail Liga à câmara
Upload fotografia Tirar fotografia do telemóvel
Produtos presentes em
Filtro Pesquisa slbenfica/loja + produtos
exclusivos Escolas de Futebol Abrir Galeria Abre galeria de fotos

Permissões
do chat box

Newsletter

Redes Sociais

Facebook Definições
Instagram Dicas de nutrição e performance
Twitter Personalização
Perfil do jogador
do ecrã
Calendário LEGENDA
(Várias opções para Media
personalizar o ecrã) Alertas Opções iniciais após download da web app
Chat box Elemento fixo
Restaurar Ecrã Pagamentos
Cartão Menu Inicial com categorias principais
Loja Conteúdos/informações rotativas
+
Ajustes Primeira utilização
Subcategorias
Definições da Abre definições
web app no telemóvel Observações / Comentários

Colocar password
Bloquado no Modo Aluno
Ativar modo aluno

F igura 6 - Arquitetura de Informação


2.3. WIREFRAMES
SEM REGISTO COM REGISTO

INFORMAÇÕES E INSCRIÇÕES CAMPO FÉRIAS BENFICA ESCOLAS DE FUTEBOL

SELECIONAR ESCOLA INFORMAÇÕES E MORADA MORADA CAMPO FÉRIAS CAMPO FÉRIAS DADOS PAGAMENTO

44
NOTÍCIAS ECRÃ APÓS DOWNLOAD DA WEB APP REGISTO NA WEB APP CALENDÁRIO

SITUAÇÃO COM 2 FILHOS SITUAÇÃO COM 1 FILHO

BENFICA ESCOLAS
NOTÍCIAS NOTÍCIAS NOTÍCIAS DE FUTEBOL
CALENDÁRIO

LOJA STAFF E JOGADORES PERFIL DO JOGADOR

ECRÃ INICIAL SITUAÇÃO COM 1 FILHO SITUAÇÃO COM 2 FILHOS

LOJA LOJA PERFIL DO JOGADOR ASSIDUIDADE ESTATÍSTICA ESTATÍSTICA AVALIAÇÃO

MEDIA DEFINIÇÕES ALERTAS CARTÃO CHAT BOX

MEDIA MEDIA FOTOGRAFIAS VÍDEOS O MEU ALBÚM VOTAÇÃO DEFINIÇÕES ALERTAS CARTÃO TRANSMITIR CARTÃO TRANSMITIR CARTÃO CHAT BOX CHAT BOX

Figura 7 - Wireframes

WIREFRAMES com conteúdo


NOTÍCIAS ECRÃ PRINCIPAL PERFIL DO JOGADOR ALERTAS

NOTÍCIAS NOTÍCIAS PERFIL DO JOGADOR ESTATÍSTICA DE JOGO ESTATÍSTICA ALERTAS ALERTAS


Logotipo
AVALIAÇÃO GERAL
Título Hora do alerta Título
Mensagem Mensagem

CRIAR ALERTA GRAVAR

DADOS MICOACH

Título Hora do alerta


a Título Hora do alerta

SPRINTS DISTÂNCIA BATIMENTOS Mensagem Mensagem

Nº M BMP
ATITUDE
FOTOS
Estatística Avaliação Assiduídade FAIR PLAY Título Hora do alerta Título Hora do alerta

X/X
X Mensagem Mensagem
Hora
Mais Notícias
Título Treinos Dicas Perfil do Jogador
gador
VISÃO GERAL
TRABALHO EM EQUIPA
Título X/X
X/
Hora
CONCENTRAÇÃO
Nº Nº Nº Nº
X/X
JOGOS GOLOS ASSISTÊNCIAS FAIR PLAYER Título Hora do alerta Título Hora do alerta
CRIATIVIDADE Mensagem Mensagem
Calendário Media Alertas X/X
NACIONALIDADE
Título IDADE LEITURA DE JOGO
Hora LOCALIDADE X/X
Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais
Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais

CHAT BOX CARTÃO LOJA

CHAT BOX CHAT BOX CARTÃO CARTÃO TRANSMITIR CARTÃO TRANSMITIR CARTÃO LOJA LOJA LOJA

mensagem

Nome mensagem
Última mensagem escrita

mensagem NOME ALUNO NOME ALUNO NOME ALUNO NOME ALUNO


NOME DA ESCOLA PERTENCENTE NOME DA ESCOLA PERTENCENTE NOME DA ESCOLA PERTENCENTE NOME DA ESCOLA PERTENCENTE
Nome
Última mensagem escrita ESCOLAS DE FUTEBOL Descrição Descrição
mensagem
CONFRIMAÇÃO DO NÚNERO CARTÃO PARTILHADO Preço Preço
DE TELEFONE COM SUCESSO
Nome
Última mensagem escrita
NÚMERO DE TELEFONE

TRANSMITIR QR CODE CONTINUAR FECHAR


Nome
CRIANÇA
Última mensagem escrita

mensagem

Nome Descrição Descrição


Última mensagem escrita Preço Preço
TRANSMITIR QR CODE Preço

ADICIONAR
Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais Home Cartão Pagamentos Chat Box Mais

Figura 8 - Wireframes com conteúdo


2.4. MOCK UPS
INICIAIS
45

BENFICA
ESCOLA DE FUTEBOL

NOTÍCIAS ESTATÍSTICA DE JOGO


PERFIL DO JOGADOR

24 fevereiro 2019

7 - 3 JOÃO
SL Benfica Cova da Piedade ALEIXO

Há mais férias na Luz!


10
10 maio 2019, 14:39 ATITUDE

Há mais férias na Luz! Fair play


5/5
Porque há mais Benfica para conhecer, vem passar
Treinos Dicas Perfil do Jogador umas férias com o teu clube. Durante as férias Trabalho em Equipa 12 10 15
escolares o Benfica organiza o Campo de Férias
destinado a todos os jovens (rapazes e raparigas)
3/5 JOGOS GOLOS ASSISTÊNCIAS

3
dos 6 aos 16 anos. Estes campos, não só ajudam a Concentração
melhorar os conhecimentos do jogo, como também
proporcionam, num ambiente divertido, os valores
4/5 INFORMAÇÃO
sociais e humanos de que o SL Benfica não abdica. Criatividade
Media Alertas
Calendário

O Sport Lisboa e Benfica quer que a aprendizagem 4/5 Nacionalidade Portuguesa


passe por conhecer melhor o dia a dia do Clube. É Leitura de Jogo Idade 11 anos
realizada uma visita ao Estádio, passando pelo
Home Cartão Pagamentos Chat box Mais
balneário dos jogadores profissionais, Benfica TV, ver a 3/5 Localidade Lisboa
Águia Vitória e ainda conhecer as instalações do Caixa Peso 40kg
Futebol Campus. Vão ser ensinados temas como evitar
Altura 117cm
lesões ou aconciliar os estudos com a prática
desportiva. PERFORMANCE Épocas no SL Benfica 3

Durante as férias o corpo técnico é composto por


Posição Avançado
treinadores da Escola de Futebol do Benfica, que
assegurarão um acompanhamento personalizado às
Remates Estilo de Jogador Finalizador
necessidades de cada aluno. Durante todas as
atividades haverá um acompanhamento de um técnico Total Remates 7
de saúde. Remates Enquadrados com a baliza 6 Pé Preferencial
Total Golos Marcados 3
O Campo de Férias de Verão realiza-se no mês de julho
EFICÁCIA 43%
e há 4 semanas disponíveis 1 a 4 de julho, 8 a 11 de
julho, 15 a 18 de julho e 22 a 25 de julho.
PERFORMANCE GERAL
2 0 1 0
Golos Golos Golos Outros Fair play
Pé Esquerdo Pé Direito Cabeça

Leitura Trabalho
de Jogo em Equipa
As inscrições estão abertas até dia 29 de junho e tem
um custo de 160€ (1 semana) ou 180€ (2 semanas).
Eficácia de Dribles
Estes valores incluem seguro desportivo, alimentação
(almoço e 2 lanches), bem como todas as atividades a
realizar.
Todas as categorias sofrerão um desconto de €10 em Concentração
Criatividade
caso de irmãos ou irmãs também participarem assim
como os participantes que se inscrevam em mais que Qualidade do passe
uma semana (promoções não acumuláveis).
MELHOR GOLO
INSCRIÇÕES

Recuperação de bola

Mais Notícias
Os grandes jogadores são aqueles
que dão tudo Avaliação Global
10 maio 2019, 14:39

Nesta época tão especial para as crianças,


pedimos a ajuda de todos para contribuir a...

DADOS MICOACH
Jogador da Benfica Escolas de
Futebol assina contrato profissional
9 maio 2019, 09:32 Home Cartão Pagamentos Chat box Mais

O jogador da formação do SL Benfica, Jota, Sprints Distância Batimentos Acelaração Velocidade Máxima
com 22 anos de idade assinou contrato hoje ...

20
und.
800 m
182 BMP
3
m/s
5,03m/s
Inauguração das novas instalações
do Caixa Futebol Campus
9 maio 2019, 08:26
FOTOS
O Presidente do Sport Lisboa e Benfica,
inaugurou hoje as novas instalações do CFC...

Home Cartão Pagamentos Chat box Mais

VER GALERIA COMPLETA

Home Cartão Pagamentos Chat box Mais

Figura 9 - Mock ups iniciais


2.5. GUIA DE ESTILOS

CORES

46
#E61E25 - #EC303E #C1C2C4 #808082 #000000

TIPOGRAFIA

Roboto Regular
Roboto Medium
Aa Roboto Bold

ICONS

Homepage

Treinos Dicas Perfil do Jogador Media Alertas


Calendário

Tab Bar

Home Cartão Pagamentos Chat box Mais

Dados Micoach

Sprints Distância Batimentos Acelaração Velocidade Máxima


3. AVALIAR
O número de aplicações móveis tem crescido substancialmente, esse facto está relacio-
nado com o suporte que estas proporcionam no quotidiano dos utilizadores, pois confere a
possibilidade de as tarefas serem realizadas em qualquer local, sem que estejam dependentes
do computador para as realizar.
47

As necessidades dos utilizadores são fundamentais no desenvolvimento de interfaces,


só assim se consegue garantir que o produto foi criado de acordo com as suas necessi-
dades e especificações (Design centrado no utilizador). Para conhecer estas necessidades
é necessário recorrer a testes de usabilidade.

A realização dos testes de usabilidade faz parte do processo de desenvolvimento de um


produto com o objetivo de aumentar a qualidade do mesmo. Quando o produto é subme-
tido a testes de usabilidade muitos problemas podem ser eliminados, evitando a frustração
nos utilizadores.

Usabilidade
A usabilidade é um conceito que descreve a qualidade da interação a nível de eficácia e
eficiência dos utilizadores perante uma interface.

Segundo (NIELSEN 1993), está dependente de vários fatores como a facilidade de


aprendizagem (o sistema deve ser fácil de utilizar), produtividade (deve ser eficiente para
que o utilizador depois de o aprender tenha um nível elevado de produtividade), facilidade
de memorização (para que numa próxima utilização, o utilizador não ter de reaprender tudo
novamente), prevenção de erros e por último a satisfação do utilizador (ter uma utilização
agradável).

Os problemas de usabilidade ocorrem quando o utilizador apresenta dificuldades na


realização de uma tarefa com a interface. Estas dificuldades podem ter origem em vários
fatores e podem levar a que o utilizador a rejeite, são variáveis como o tipo de utilização em
questão, perfil dos utilizador e também o contexto em que é utilizada.

3.1. TESTES DE
USABILIDADE
Para a realização do estudo de usabilidade foram realizados primeiramente os testes não
moderados, foi feira a análise dos resultados e a partir dos mesmos foram efetuadas alterações
ao protótipo e posteriormente foram realizados os testes moderados.

O teste de usabilidade consiste num processo no qual as características da interação do


utilizador com o sistema são medidas e identificadas as suas fraquezas para que possam ser
corrigidas ou melhoradas.

O estudo de usabilidade foi dividido em duas partes: testes não moderados e testes moderados.
Foram realizados 10 testes não moderados, com uma média de 34 respostas e testes mod-
erados realizados com 7 participantes que executaram um total de 7 tarefas.

TESTES NÃO MODERADOS

Os testes não moderados são uma ferramenta rápida e simples de confirmar uma hipótese

48
ou saber a ideia/opinião dos inquiridos sobre algum detalhe especifico.

Para a realização destes testes foi utilizado o site usabilityhub.com que permitia escolher
o tipo de teste a realizar, gerava um link que permitia enviar aos utilizadores para que estes
respondessem e apresentava os resultados.

Foram realizados um total de 10 testes, 1 de five seconds, 2 de design test, 4 de first click, 1
de preference test e 2 de navigation test.
Escolhi realizar pelo menos um teste de cada para experienciar as diferenças entre eles e
perceber quais é que eram mais úteis para melhorar a interface.

Foi pedido ao coordenador das escolas para enviar um e-mail para um grupo restrito de
pais e em questões de design, foram abordados outros designers para darem o seu parecer.

Teste 1 – Five second test


1. Reconhecimento

n=48 | Duração média= 37.2s

Pergunta 1.
Recorrendo à sua memória, indique qual o âmbito desta web
app?
1.“Escolas do Benfica”
2. “Campo férias Benfica”
3. “Info escolas de futebol”
4. “Férias para crianças”
5. “Actividades para crianças”

Pergunta 2.
A que empresa/organização é que pertence esta web app?
100% Benfica

Figura 10 - Homepage da web app

Objetivo
Perceber se o conteúdo e organização eram imediatamente reconhecidos.

Resultados
1. A maioria identificaram a web app como sendo para a Benfica Escolas de Futebol, mas
uma vez que a imagem é estática e a notícia que aparece é sobre o campo de férias possa
ter influenciado a resposta de algumas pessoas.
2. Todos os participantes identificaram que a web app pertencia ao Sport Lisboa e Benfica,
uma vez que a notoriedade da marca também é muito forte.

Conclusão
O teste foi bem sucedido, pelo que concluo que não é necessário nenhuma alteração.
49

Teste 2 - Design Questions


1 – Icons

n=34 | Duração média= 41.9s

Pergunta 1.
Na sua opinião, indique quais os icons que NÃO
CORRESPONDEM às legendas apresentadas?

Todos os ícones correspondem às legendas apresentadas


Media
Dicas
Perfil do Jogador
Chat Box

Pergunta 2.
Na questão anterior, se tiver indicado algum ícone que não
correspondia às legendas, quer sugerir/indicar uma nova
proposta?

Figura 11 - Homepage da web app.


“As dicas deviam ser uma lâmpada”
“O calendário devia-se chamar agenda”
“O icon do media devia ser um jornal”
“Não percebi porque que se chama chat box”

Objetivo
Saber se os ícones apresentados estavam adequados às legendas propostas e num segun-
do patamar, se conseguiam perceber quais os conteúdos

Resultados
1. Embora a maioria (56%) tivessem indicado que todos os ícones correspondiam às legen-
das apresentadas, foram identificadas algumas que não se enquadravam na legenda apre-
sentada.

2. Alguns ícones não correspondiam à sua nomenclatura, como é o caso do MEDIA, em que
várias respostas sugeriram um jornal.

Conclusão
É necessário trocar os ícones das DICAS, e a descrição do calendário para AGENDA e ainda
o media para GALERIA. E talvez reduzir o nome do chat box, passando a chamar-se apenas
CHAT.
Teste 3 - Design Questions
2. Legibilidade

n=21 | Duração média=14.1s

Pergunta 1.

50
Gostaria que as letras do texto fossem alteradas
para outro tamanho?

Este tamanho está bom - 56%


As letras deviam ser maiores - 44%
As letras deviam ser menores - 0%

Figura 12 - página de Notícias da web app.

Objetivo
Perceber qual a opinião das pessoas sobre o tamanho da font.

Resultados
1. As respostas estão equilibradas. É necessário uma amostra maior

Conclusão
Uma vez que o objetivo é ler em mobile, aumentar a font uns pontos pode ajudar na leitura
dos artigos.

Teste 4 - First Click Test


1. Testar icons mais pequenos

n=34 | Duração média=18.3s

Pergunta 1.
Se quisesse pagar as mensalidades do seu educando,
em que botão clicava?

Pergunta 2.
Ficou indeciso(a) na escolha da sua opção?
Sim - 15%
Não - 85%

Figura 13 - resposta dos utilizadores ao primeiro teste de first click.


Objetivo
Testar um icon que não aparece como principal na homepage.

Resultados
1. A grande maioria clicou na opção correta.
2. Quase ninguém teve dúvidas ao escolher a opção

Conclusão
51

Apesar dos ícones do rodapé fixo não terem o mesmo peso que as restantes opções na
homepage, não deixa de ter destaque e as pessoas consideram-nos também como uma
opção.

Teste 5 - First Click Test


2. Conteúdos de nutrição

n=40 | Duração média=20.6s

Pergunta 1.
Se quisesse ver conteúdos de nutrição,
em que botão clicava?

Pergunta 2.
Ficou indeciso(a) na escolha da sua opção?
Sim - 53%
Não - 48%

Figura 14 - resposta dos utilizadores ao segundo teste de first click.

Objetivo
Avaliar se as dicas era a opção escolhida para conteúdos de nutrição.

Resultados
1. A grande maioria clicou na opção correta.
2. Praticamente metade das respostas indicam que ficaram indecisos na escolha.

Conclusão
Apesar da maioria ter acertado, hesitaram na sua escolha. Juntamente com o teste de de-
sign question sobre os icons, a conclusão é clara sobre trocar o icon da opção das dicas.
Teste 6 e 7- First Click Test
3. Treinos vs Jogos - Treinos

n=36 | Duração média= 15.3s

Pergunta 1.
Se quisesse saber quando seria o próximo treino

52
em que botão clicava?

Pergunta 2.
Ficou indeciso(a) na escolha da sua opção?
Sim - 6 %
Não - 94%

Figura 15 - resposta dos utilizadores ao terceiro teste de first click (treinos).

4. Treinos vs Jogos – Jogos

n=42 | Duração média= 30.4s

Pergunta 1.
Se quisesse saber quando seria o próximo jogo em que botão
clicava?

Pergunta 2.
Ficou indeciso(a) na escolha da sua opção?
Sim - 21%
Não - 79%

Figura 16 - resposta dos utilizadores ao quarto teste de first click (jogos).

Objetivo
Perceber se as respostas eram as mesmas quando a pergunta era relativa a calendário, mas
com fins distintos.
Resultados
1. Embora as respostas não tivessem sido corretas, os resultados demonstram que não
houve dúvidas na escolha da opção.

2. Quando a pergunta era relativa aos jogos, a opção selecionada era o calendário, mas
quando a questão era sobre treinos as respostas foram para outra opção porque existe um
icon com essa descrição.
53

Conclusão
Alterar a nomenclatura de TREINOS para metodologia.

Teste 8 - Preference Test


1. Opção mais

n=25 | Duração média=44.7s

Pergunta
Qual das opções prefere para ser o
separador “mais” da web app, onde constam
as definições?
Opção A - 35%
Opção B - 65%

Opção A Opção B

Figura 17 e 18 - Opções para os separadores “mais” da web app.

Objetivo
Perceber qual dos ambientes era o mais apreciado pelos utilizadores.

Resultados
1. A grande maioria escolheu a opção B.

Conclusão
Os resultados apresentados são significativos e portanto, vinculativos no futuro desenvolvi-
mento da web app, não sendo necessário recorrer a testes aleatórios de performance.
Teste 9 - Navigation Test
1. Estatística de jogo

n=38 | Duração média=49.3s

Tarefa
Dê os passos necessários até encontrar a estatística do jogador do último jogo.
INSTRUÇÕES: se não conseguir avançar para os ecrãs seguintes, responda com 1 à questão

54
colocada. Se conseguir chegar ao ecrã final, clique em qualquer área para concluir o teste.

Passo 1 Passo 2 Passo 3


68% 100% 100%

Figura 19 - resposta dos utilizadores no navigation test (passo 1, 2 e 3).

Pergunta
Na escala de 1 a 5, indique a facilidade com que encontrou a estatística do jogo.
Média: 4.2

Objetivo
Navegar desde a homepage até uma sub-página sendo necessário mais do que um clique.

Resultados
1. O primeiro passo teve uma taxa de sucesso de 68% e foi respondido em média em 11,8s.
O segundo passo teve 100% de taxa de sucesso e uma média de 6,4s.

2. 78% considerou a tarefa como muito fácil (Escala de 1-5)

Conclusão
Depois de passarem o primeiro passo, todos os outros passos são intuitivos.
Teste 10 - Navigation Test
2. Transmitir QR Code (Cartão de Aluno)

n=22 | Duração média=22.6s

Tarefa
Se não conseguisse ir buscar o seu filho/educando a um treino e quisesse dar permissão
a outra pessoa para o ir buscar, o que faria?
55

Passo 1 Passo 2 Passo 3 Passo 4 Passo 5 Passo 6


25% 80% 100% 100% 100% 100%

Figura 20 - resposta dos utilizadores no segundo navigation test (passo 1, 2, 3, 4, 5 e 6).

Objetivo
Sendo uma prestação de serviço distintiva e muito específica, perceber se era intuitivo a
navegabilidade e os diversos passos necessários, até efetuar o processo completo da trans-
missibilidade.

Resultados
1. A taxa de sucesso do primeiro passo foi baixa (25%) e demorou em média 13,6s a ser re-
spondido. No entanto após passar o primeiro passo as taxas de sucesso foram para 80% no
segundo passo e 100% nos restantes passos.

A partir do passo 2 a duração de resposta foi inferior a 1 segundo em todos os passos , ex-
ceto no passo 3, que foi de 2 segundos.

Conclusão
O serviço de transmissibilidade que foi solicitado pelos pais no estudo de mercado, terá de
ter uma comunicação explicativa por marketing direto ou “pop up explicativo” nas primeiras
vezes que o utilizador fizer login na web app.

a) Constrangimentos
Uma vez que a plataforma estava a ser utilizada na versão gratuita, apresentava algumas lim-
itações e lacunas, nomeadamente, só era possível fazer um teste por link, deixava selecionar
várias opções (exemplo: era possível numa pergunta de sim/não selecionar as duas opções),
quando era colocado o iPhone como fundo para simular um telemóvel criava automatica-
mente um scroll e o site não era responsive. Além disto, era muito standard, o que não per-
mitia que as perguntas/testes fossem mais flexíveis e fazer diferentes direções consoante as
respostas do inquirido (exemplo: na pergunta sobre se os icons estavam bem legendados, se
o inquirido respondesse sim devia terminar o teste e só se respondesse que não é que apar-
ceria a questão de quais é que eram os icons é que não correspondiam às legendas).
Os utilizadores como viam muitos links, apesar de serem testes rápidos de fazer, os últi-
mos links a aparecerem na lista já não eram abertos. Por este motivo foi necessário partir
o número de links para ter um número de respostas equilibradas, sendo que nem todos os
utilizadores responderam às mesmas questões, o que nesta fase também não era relevante.

56
TESTES MODERADOS

a) Objetivo
Os testes moderados são testes realizados a um conjunto de potenciais utilizadores e con-
siste em apresentar cenários e tarefas definidas para que cubram uma grande quantidade
e importantes funcionalidades de um sistema de software, simulando a utilização real da
interface.

A realização deste teste teve como finalidade verificar como é que os utilizadores realiza-
vam as tarefas, as dúvidas e hesitações que tinham, identificando no processo possíveis
erros a nível da arquitetura de informação ou outros problemas na construção da web app.

b) Metodologia
Para a realização dos testes moderados foi necessário numa primeira fase definir as prin-
cipais funcionalidades a serem desenvolvidas (a escolha baseou-se nas respostas do ques-
tionário que havia sido realizado aquando a identificação das personas), de seguida deter-
minou-se quais as tarefas a serem realizadas e foram elaborados os restantes mock ups e
a interatividade dos mesmos. Posteriormente elaborou-se um questionário pré e pós teste,
scripts de apresentação/recrutamento e o roteiro. Com todos os materiais e documen-
tação pronta, realizaram-se dois testes piloto e só depois os testes com os utilizadores. De
seguida, analisaram-se os resultados e foram sugeridas propostas de melhoria.

A metodologia aplicada nos testes moderados teve como base a observação e registo das
informações de cada participante na realização das tarefas no protótipo da web app para a
Benfica Escolas de Futebol.

Em cada sessão foram registados dados sobre o desempenho do participante, erros encon-
trados, sucesso das tarefas e pormenores que foram observados durante a execução das
mesmas.

Os dados extraídos da avaliação dos testes moderados aos utilizadores foram dados quanti-
tativos e qualitativos. Quantitativos na medida em que era pretendido avaliar a eficiência do
sistema, para tal foi medido o tempo gasto para a concretização de cada tarefa e qualitati-
vo para identificar os problemas que os utilizadores tiveram na realização das mesmas. Foi
aplicado uma métrica de sucesso, sendo que vermelho significava a não concretização da
tarefa, a amarelo, a conclusão da tarefa com dificuldades e a verde, a conclusão da tarefa
sem dificuldades. Foram também extraídas as sugestões e opiniões dos utilizadores.

Em todas as sessões eu tive o papel de moderadora e observadora, onde solicitava a realização


de cada tarefa, cronometrava o tempo que cada utilizador demorava a realizar cada tarefa e
tomava notas do que estava a observar e das perguntas que me eram questionadas para perceber
as dificuldades encontradas. Uma vez que estava a realizar todas as tarefas em simultâneo,
tive necessidade de ver/ouvir os testes gravados para fazer outras observações e até mesmo
expressões faciais que não tinha conseguido captar durante a realização dos testes.
c) Público alvo, recrutamento e local dos testes
Para a realização dos testes de usabilidade desta web app recorreu-se aos pais da Benfica
Escolas de Futebol, que apesar de serem um grupo muito especifico de pessoas apresentam
perfis e características muito diversificadas.

O recrutamento decorreu durante o treino das crianças, assim como o teste, uma vez que os
pais tinham pouco tempo. (Consultar nos anexos o texto de recrutamento). Senti bastante
interesse por parte dos pais e como forma de agradecimento por terem participado, foi
57

oferecido um cachecol do Sport Lisboa e Benfica.

Foram realizadas 7 sessões de usabilidade, ente 20 e 30 de março de 2019 no Estádio da


Luz, não só porque o tempo era limitado, mas também porque era o local apropriado para
a realização dos mesmos, uma vez que o produto é referente a um serviço Benfica e a web
app apesar de poder ser utilizada em qualquer local, possivelmente irá ser utilizada muitas
vezes enquanto estiver a decorrer os treinos e jogos, até porque para alguns serviços será
necessário a utilização da web app, como é o caso da desmaterialização do cartão de aluno.

Os testes foram realizados num ambiente descontraído para que os utilizadores se sentissem
mais à vontade e menos inibidos, por vezes adaptando a linguagem e o discurso apelando à
utilização da interface como se a tivessem a utilizar para os seus filhos, que era uma forma
de se entusiasmarem e desenvolverem mais a sua opinião, pois estavam a pensar com base
neles e no que podiam/queriam que acontecesse.

d) Roteiro
Foi elaborado um guia, lido previamente a todos os utilizadores a realizarem as tarefas, para
que seguissem todos as mesmas normas, explicando o seu propósito e solicitando que o
fizessem de forma natural e que fossem falando em voz alta à medida que realizavam as
tarefas.(Consultar nos anexos texto do roteiro). Seguidamente foi entregue um termo de
autorização de gravação (consultar nos anexos o termo de autorização).

e) Questionários
Pré teste
Antes de cada sessão foi pedido que preenchessem um questionário pré teste que tinha como
objetivo conhecer o perfil de cada testado, nomeadamente sociodemográfico (género,
idade, habilitações literárias), relação que têm com a Benfica Escolas de Futebol (nível se
satisfação, o que valorizam e o tipo de interação que têm) e o seu perfil tecnológico (como
é que acediam à internet, redes sociais que tinham por hábito utilizar e se faziam compras
online). Este questionário ajudou a compreender o comportamento dos utilizadores durante
o teste.

Pós teste
Após a realização dos testes, foi solicitado que preenchessem um questionário sobre a
experiência do utilizador de forma a obter feedback sobre os testes realizados. Este ques-
tionário é fundamental, uma vez que os utilizadores ainda têm na memória a experiência
que acabaram de ter. Foi pedido que o utilizador avaliasse o design (a nível visual e de or-
ganização dos elementos), nomenclaturas e sua correspondência aos ícones, navegação e
utilidade, facilidade em encontrar as informações e localização onde o teste foi realizado e
ainda uma pergunta aberta sobre qual a opinião em relação à web app e à experiencia do
utilizador na realização dos testes. Além de querer saber a opinião dos utilizadores, preten-
dia-se também cruzar as respostas dadas com as observações feitas ao longo dos testes.
Muitos aspetos de usabilidade podem ser questionados aos utilizadores, principalmente
quando se trata de questões de satisfação e possíveis dificuldades.

Estes questionários foram feitos no Google forms para que posteriormente fosse mais fácil
extrair os dados. Foi utilizado um ipad, um vez que não podia sair do programa para não
comprometer os testes seguintes, isso iria implicar confirmar novamente se estava tudo
operacional.

58
Foi utilizado novamente a escala de likert (De 1 a 5 onde 1 indica que o utilizador discorda
totalmente e 5 concorda totalmente) nas afirmações para medir o nível de satisfação, que
era importante para obter respostas mais concretas, ao invés de respostas de sim ou não
porque não são conclusivas.

f) Materiais
Os materiais utilizados foram uma câmara de filmar, um tripé, um cronómetro, um telemóvel
ligado ao computador com o protótipo em Adobe XD, um iPad para preenchimento dos
questionários pré e pós teste e um caderno para registar informações.

g) Teste piloto
Foram feitos dois testes piloto onde se detetou algumas falhas que foram retificadas, no
protótipo interativo (exemplo: elementos soltos ou fora do local, secções com nomes tro-
cados, etc) e também na descrição de uma das tarefas que não estava clara para o utiliza-
dor uma vez que ele ficava sem perceber o que é que era pretendido, e ainda uma questão
reformulada no questionário pós-teste. Também serviu para verificar o tempo que cada
tarefa demorava a ser realizada e quanto tempo demorava o teste na sua globalidade, não
podia passar de meia hora, não só por não querer que as pessoas ficassem aborrecidas e
saturadas, mas também porque o treino é curto e teriam de voltar para ir buscar os seus
filhos/educandos.

Uma vez que é uma web app e está estruturada como tal, as opções estão dispostas de uma
forma intuitiva e organizada e por este motivo não foi necessário retirar nenhuma tarefa da
lista.
Com a realização dos destes piloto houve uma melhoria considerável que aumentou a
eficácia do processo, tanto para o utilizador como para os resultados.

Este teste foi igualmente realizado no Estádio, no mesmo local onde foram feitos os testes
aos utilizadores, para simular o cenário real e perceber também as limitações, verificar se
o som se ouvia bem nas gravações, testar a luz e o contraste e até mesmo a posição do
ecrã para garantir que o plano estava centrado e se via as ações a serem realizadas pelos
utilizadores.

Observei que as pessoas queriam ler as tarefas todas e faziam perguntas sobre tarefas mais
à frente, ou faziam exclusões de parte, por essa razão optei por ser eu a pedir tarefa a tarefa
para que o utilizador não perdesse o foco.

h) Tarefas
As tarefas foram estrategicamente elaboradas de forma a conseguir extrair as informações
pretendidas e cruzar os dados com o resultado dos testes não moderados. As questões
representavam tarefas reais que os utilizadores poderiam encontrar na web app da Benfica
Escolas de Futebol.
Foram estabelecidas uma ou duas tarefas por persona, uma vez que serão as funcionalidades
mais utilizadas e uma mais difícil (e não tão direta) para conseguir perceber o que é que
os utilizadores fariam se o que fosse pedido não estivesse em nenhuma das opções da
homepage. Num total, foram definidas 7 tarefas, sendo as primeiras de mais fácil resolução
para dar mais confiança ao utilizador e as duas últimas mais difíceis de concretizar (uma vez
que não estavam diretamente nas opções apresentadas). Era pretendido que os utilizadores
navegassem e descobrissem as funcionalidades e a sua arquitetura de informação para que
conseguissem mais facilmente realizar as tarefas mais difíceis.
59

Primeiramente, foi pedido aos utilizadores que olhassem para a homepage e dissessem
o que é que lhes saltava logo à vista, onde é que lhes apetecia carregar primeiro, o que é
que achavam que podiam fazer com aquela web app e para quem é que se destinava. Não
podiam carregar em nenhuma opção para não verem o que estava por detrás das mesmas,
isso iria influenciar as tarefas a realizar.

Lista tarefas
Tarefa 1.
Se quisesse ver quando é que seria o próximo jogo do seu filho, o que faria? Diga-me onde
é que ele se iria realizar.

Tempo estimado: 3 minutos.

Esta tarefa teve como objetivo tentar perceber se o utilizador carregava na agenda. Foi
pedido que dissesse onde é que o jogo se iria realizar para ver se o utilizador percebia que
tinha de fazer swipe up na agenda para ver mais informações.

Na realização do teste piloto, a tarefa era para que o utilizador fosse ver onde é que se
iria realizar o próximo jogo mas conclui que a pergunta era demasiado abstrata para que o
utilizador percebesse à priori que seria na agenda e optei por rescreve-la.
Esta tarefa teve como base a persona pai desportista.

Tarefa 2.
Se a Benfica Escolas de Futebol tivesse alguma informação para lhe dar, onde é que a iria
ver?

Tempo estimado: 2 minutos

Tinha como objetivo perceber se era intuitivo que os alertas eram informações da Benfica
Escolas de Futebol ou se iriam carregar noutras opções.
Esta tarefa teve como base a persona mãe galinha.

Tarefa 3.
Se quisesse combinar uma deslocação para ver um jogo fora com outro pai/mãe, como é
que o iria contactar?

Tempo estimado: 2 minutos.

Atualmente não há nenhuma plataforma onde os pais possam comunicar entre si, por esse
motivo queria perceber qual era a reação e o comportamento face à realização desta tarefa.
Esta tarefa teve como base a persona mãe galinha.
Tarefa 4.
Se não conseguisse vir ao próximo treino e quisesse dar permissão a outra pessoa da sua
confiança para entregar o seu filho/educando e recolhe-lo após o treino, o que faria?

Tempo estimado: 3 minutos

Uma vez mais, hoje em dia não há a possibilidade de transmitir o cartão de aluno, é obrigatório

60
que sejam os pais a irem levá-los e buscá-los ou darem autorização previamente.
Esta tarefa boi baseada nos interesses da persona pai ausente.

Tarefa 5.
Veja qual foi a prestação do seu filho/educando no último jogo.

Tempo estimado: 3 minutos

Esta tarefa foi escolhida como uma das últimas porque era mais complexa. Era necessário
mais do que uma iteração para chegar ao resultado final.
Esta tarefa foi escolhida a partir da persona pai fanático.

Tarefa 6.
Veja as últimas notícias publicadas.

Tempo estimado: 2 minutos

Há varias formas de aceder às noticias, mas na homepage vão estar a passar as noticias em
loop (que não foi possível faze-lo no protótipo), o objetivo entender qual o raciocínio que
as levava a ir de uma ou outra forma.
Esta tarefa teve como base a persona pai desportista.

Tarefa 7
Tente comprar o equipamento principal da Benfica Escolas de Futebol.

Tempo estimado: 3m

Esta tarefa foi elaborada num âmbito geral, para testar a arquitetura de informação, não
foi estruturada a pensar em nenhuma persona mas sim com o objetivo de colocar a tarefa
mais complexa aos utilizadores, depois de já terem realizado todas as outras e descobrirem
o que estava por de trás de algumas opções.
A loja é uma secção secundária, não tem interferência direta com os treinos nem jogos e
não é utilizada com tanta frequência como as restantes.

i) Resultados
Os resultados foram organizados numa tabela. A tabela 11 contém o resultado com as me-
didas de tempo da execução das sete tarefas realizadas nos testes moderados, em com-
paração com valores previamente estabelecidos e considerados como aceitáveis e também,
as tarefas que os utilizadores concluíram ou não com sucesso.

A partir dos resultados dos testes moderados, foi necessário realizar uma análise dos dados
para perceber quais os principais problemas e as alterações que são necessárias efetuar,
tendo sempre em conta as respostas dadas pelos utilizadores no questionário pós teste.

Duração e concretização das tarefas

Tarefa 1 Tarefa 2 Tarefa 3 Tarefa 4 Tarefa 5 Tarefa 6 Tarefa 7

Tempo
3 min 4 min 3 min 4 min 3 min 2 min 4 min
Estimado
61

Participante 1 2 min 10 seg 6 min 12 seg 2min 40 seg 3 min 45 seg 3 min 13 seg 1 min 40 seg 3 min 28 seg

Participante 2 1 min 50 seg 3 min 10 seg 1 min 33 seg 2 min 58 seg 2 min 43 seg 1 min 24 seg 2 min 47 seg

Participante 3 2 min 03 seg 3 min 15 seg 3 min 02 seg 4 min 45 seg 2 min 30 seg 1 min 35 seg

Participante 4 2 min 08 seg 2 min 59 seg 2 min 23 seg 3 min 43 seg 2 min 18 seg 1 min 10 seg 2 min 58 seg

Participante 5 3 min 05 seg 3 min 37 seg 1min 01 seg 5 min 08 seg 3 min 04 seg 3 min 40 seg

Participante 6 1 min 10 seg 2 min 34 seg 57 seg 2 min 55 seg 2 min 11 seg 1 min 18 seg 2 min 17 seg

Participante 7 59 seg 2 min 01 seg 30 seg 3 min 20 seg 2 min 30 seg 1 min 1 min 14 seg

Tarefa concluída sem Tarefa concluída com Tarefa não


dificuldades dificuldades concluída

Tabela 11 - Resultados qualitativos e quantitativos na realização das tarefas

Observando a tabela dos resultados, 4 participantes concluíram as tarefas com uma taxa de
sucesso de 100%, o que significa que conseguiram realizar todas as tarefas sem dificuldades
e com um tempo inferior ao considerado como aceitável. Um dos participantes realizou 6
das 7 tarefas com sucesso e apenas uma com dificuldade, o que resulta numa média de
85,7%, dois dos participantes conseguiram realizar 5 das 7 tarefas com sucesso, uma com
dificuldade e outra não conseguiram realizar, o que representa uma taxa de sucesso de
71,4%.

As tarefas que apresentaram uma maior dificuldade foram a 6 e a 7, como já tinha sido pre-
visto inicialmente aquando defini a sua ordem. Na tarefa 6 os utilizadores ficaram indecisos
entre a opção mais e os alertas. Na tarefa 7, se os utilizadores ainda não tivessem carrega-
do anteriormente na opção mais, a primeira reação era carregar na opção pagamentos. O
participantes 3 e 5 selecionaram ambos a opção media, porque acreditavam que estariam
fotos do equipamento e que fosse possível comprar.

As observações feitas durante a realização dos testes, perguntas, comentários e sugestões


feitas pelos utilizadores (quer durante a realização dos testes, quer no questionário pós
teste que preencheram) à web app, realçam-se as seguintes observações:
Nenhum participante sentiu necessidade de usar o motor de pesquisa, por isso poderá ficar
com menos destaque na homepage ou mesmo ir para o separador “Mais”.

A transmissibilidade digital do cartão de aluno é uma funcionalidades que atualmente não


existe. Neste sentido, será necessário criar um ecrã nas primeiras vezes de utilização para
dar conhecimento desta nova funcionalidade.

A maioria dos participantes não percebeu que as notícias iriam estar a passar em slide na
homepage. Esta iteração não foi possível realizar no protótipo interativo por limitações do
programa. Por este motivo não irei considerar esta observação.

Os participantes tentaram carregar nos dias da agenda e uma vez que o protótipo não es-
tava preparado, houve observações neste sentido. Uma vez mais, deveu-se às limitações do
programa e por isso também não irá ser considerado, quando a web app estiver operacional
irá ser possível consultar a agenda diária na web app.

62
Analisando os dados do questionário pós teste, concluiu-se que todos os utilizadores con-
sideraram que a web app tinha um aspeto agradável e apelativo, que as tarefas tinham sido
fáceis de realizar e que valorizavam as funcionalidades propostas. Não fizeram nenhum co-
mentário ou sugestão à nomenclatura e aos icons (que já tinham sido previamente altera-
dos, após a realização dos testes não moderados). Em relação à navegação, não deram uma
pontuação muito elevada mas considero que isso se deve ao facto do protótipo bloquear
algumas vezes. Consideraram ainda apropriado o local onde os testes foram realizados.

Uma vez que a web app tem funções muito especificas considerei normal o facto de nem
todos os utilizadores testados compreenderem de imediato as tarefas de imediato ou que
fossem na primeira tentativa à opção correta, principalmente para quem não estivesse mui-
to envolvimento com a atividade, tivesse um perfil tecnológico mais limitado ou até mes-
mo porque não sabiam que seria possível realizar determinado procedimento, por esse
motivo considerei que a tarefa tinha sido realizada com sucesso, não só quando os utiliza-
dores carregavam de imediato na opção correta, mas se tivesse lógica o seu raciocínio (até
porque para algumas tarefas havia mais do que uma opção possível) e que conseguissem
de seguida, chegar à resolução da tarefa, dentro do tempo estipulado.

Apesar de ser fundamental o teste com os utilizadores, também considero que é necessário
um processo de aprendizagem e habituação ao sistema, porque só através da exploração
é que o utilizador começa a compreender as funcionalidades presentes, é normal que na
primeira utilização não consiga realizar tudo o que pretende ou que tenha sido pedido, até
mesmo pelo desconhecimento que tem de determinadas ações.

j) Constrangimentos e resoluções
Inicialmente o objetivo era que cada pessoa realizasse as tarefas no seu próprio telemóvel
para não se sentirem constrangidas com o facto de estarem a utilizar um telemóvel que não
fosse o seu, no entanto por limitações técnicas isso não foi possível, precisava da aplicação
do Adobe XD instalada no telemóvel e que este estivesse ligado a um computador para
passar para a tela exatamente o que estava criado no programa. Por esse motivo, também
os testes não puderam ser realizados no sítio inicialmente definido, que seria numa sala do
estádio do Sport Lisboa e Benfica para deixar os utilizadores mais à vontade.

Os testes foram assim realizados no departamento da marca (um open space), também
localizado no estádio.
Para não criar frustração na navegação, foram realizadas duas imagens de páginas 404 para
os mock ups que ainda não estavam desenvolvidos, assim como funcionalidades que não
são permitidas em protótipos, como é o caso da ferramenta da pesquisa.

Como era um protótipo, várias vezes encravava ou iterações que estavam feitas não abriam.
Outro problema detetado foi o facto de aparecer a azul as opções que eram clicáveis,
condicionando o resultado dos testes.
404! Page not found :) 404! Page not found :)
63

O motor de pesquisa ainda não está Neste protótipo, este link ainda não
operacional. Consegues realizar a tarefa funciona.
com outra opção? Se não, podes Se acreditas que a tarefa se completaria
prosseguir para a próxima tarefa. por esta página, podes prosseguir para a
próxima tarefa.

Se achas que podes lá chegar de outra


forma podes tentar.

VOLTAR À HOMEPAGE
VOLTAR À HOMEPAGE

Figura 21 e 22 - Ecrãs de page not found

Como o telemóvel tem umas dimensões de ecrã bastante reduzidas face a um desktop e as
ações estão a um passe de um clique com os dedos, aconteceu em vários testes as pessoas
carregarem em sítios que não queriam, porque se enganavam e carregavam ao lado da
opção que pretendiam ou até mesmo sem querer encostavam o dedo.

Em alguns testes os utilizadores atenderam chamadas, distraiam-se a ver os produtos que


estavam ao seu redor, ou faziam fazer perguntas sobre o escritório e o departamento.

Seis dos sete utilizadores deram autorização para a gravação, mas quando estava tudo
operacional, uma delas não se sentiu confortável e a câmara foi retirada, mas teste foi realizado
da mesma forma, seguindo os parâmetros definidos.

Tomar notas, observar o comportamento do utilizador e moderar os testes foi complicado,


a atenção estava dividida entre ver e anotar, o ideal seria ter tido outra pessoa que fizesse
esses apontamentos, mas para isso teria de conhecer bem o projeto e a web app a ser de-
senvolvida, como isso não foi possível, preferi dar mais importância a observar o que é que
o utilizador fazia e as suas reações e tomar notas só após o termino de cada tarefa.

Eu própria senti-me constrangida e desconfortável com a gravação da imagem porque es-


tava preocupada em que no vídeo, as imagem ficassem legíveis porque não seria possível
repeti-las e como estava a fazer várias tarefas em simultâneo, aconteceu por duas vezes
trocar a ordem das duas tarefas finais.
4. PROTÓTIPO
4.1. PROGRAMAÇÃO

64
4.1.1 LAYOUT

O layout da web app para a Benfica Escolas de Futebol foi criado com recurso a ferramentas
gráficas. Para transformar este layout em HTML foi necessário fazer uma análise do mesmo,
definir as várias áreas e de que forma este se iria estruturar, organizar e/ou agrupar, antes de
começar a escrever o código.

<header>
<h1>

<nav> <ul>
<li>
<img>

<h2>
Há mais férias na Luz! Há mais férias na Luz!
<div>
<nav> <ul>
<li> <li> <li>

Metodologia Treino Dicas Perfil do Jogador <div><a>


Metodologia
etodologia Trein
Treino <div><a>
Dicas <div><a>

Legenda:
<li> <li> <li>
Divisão da estrutura
Hierarquia 1
Hierarquia 2
Agenda Galeria Alertas <div><a>
Agenda <div><a>
Galeria <div><a>
Alertas
Hierarquia 3

<footer> <ul>
<li> <li> <li> <li> <li>
Home Cartão Pagamentos Chat Mais <div><a> Cartão
<div><a> Pagamentos
agamento
<div><a> Chat
<div><a> Mais
<div><a>

Layout Original Divisão layout para HTML

Figura 23 e 24 - Layout dos ecrãs da web app e a respetiva divisória de estrutura da página

4.1.2 ESTRUTURA DOS ARQUIVOS E DO PROJETO

Foi criada uma pasta para o projeto da Benfica Escolas de Futebol. Dentro desta pasta foi
criado um documento com a página inicial, index.html e ao mesmo nível foram criadas
outras pastas que servem para separar os arquivos de imagens, folhas de estilo e scripts.

O projeto foi feito com recurso a um editor de código, o Visual Studio Code. Para visualizar o
que estava a acontecer no desenvolvimento do projeto, foi necessário ter o browser aberto
em segundo plano.
4.1.3 ESTRUTURA DO HTML

No HTML existem marcações denominadas de tags, que são responsáveis pela marcação
do conteúdo de uma página no browser, dando significado semântico ao texto, quer para
ser mais legível e de agradável leitura, quer para o browser ler de acordo com a importância
do conteúdo. Com base neste princípio e depois de analisar o layout, foi elaborado o
documento HTML.
65

Para manter o código legível foram adicionados comentários antes da abertura e após o seu
fecho e o texto foi identado para agrupar as várias tags.

Todos os documentos HTML começam pela instrução <!DOCTYPE html> que indica ao
browser qual a versão do HTML que deve ser utilizada para render a página, neste caso
refere-se à versão 5 que é a mais atual.
A estrutura de um documento HTML divide-se em <head> e <body>, estando estas duas
tags no mesmo nível hierárquico, em relação à tag <html>.

HEAD
A tag <head> contém informações sobre o documento direcionada para o browser, não
sendo exibidas na área do documento. Para esta tag é obrigatória a presença de outras tags,
nomeadamente o <tittle>, que diz respeito ao nome da página e que aparecerá na barra
do título do browser e o <meta charset> que está relacionada com os idiomas, nomeada-
mente os caracteres suportados, como os acentos e as cedilhas, neste caso utilizou-se o
UTF-8 que é suportada por todos os browsers e é compatível com quase todos os idiomas
do mundo.
<title>Benfica Escolas de Futebol</title>
<meta charset=”utf-8”>

Foi escolhida a font “Roboto”, no site Google fonts. Além de ser uma font grátis, já é utilizada
noutras plataformas digitais do SL Benfica, mantendo a coerência. Para tal, foi necessário
copiar o url fornecido pelo site e juntar ao head.

<link href=”https://fonts.googleapis.com/css?family=Roboto:100,300,400,900” rel=”stylesheet”>

BODY
A tag <body> inclui toda a estrutura exibida pelo browser. Nesta tag estão presentes outras
duas tags, <header> e o <footer> que dizem respeito ao cabeçalho e ao rodapé, respetiva-
mente.

HEADER
Conforme a divisão de estrutura feita no layout, dentro do <header> está presente a tag
<h1> que é a tag de headling mais importante e que define o título da página. Mais tarde foi
“substituído” pelo logotipo das Escolas de Futebol através das propriedades CSS.

SLIDESHOW
Para o slideshow foi criado uma tag de navegação <nav>, contendo com uma lista não
ordenada.
A tag preferencial para definir uma lista não ordenada é indicada como <ul> com a marcação
de cada item da lista <li>.

Dentro de cada elemento da lista tem uma tag <h2>, que indica o título da notícia, uma vez
que o objetivo era terem o mesmo ênfase/importância. Podia ter sido aplicado um <p>, por
exemplo, mas apesar de visualmente ter a mesma aparência, não teria a mesma semântica.

Foi ainda aplicada uma tag <img> para definir as imagens, tendo dois atributos relacionados
com ela, o src que indica o local da imagem e o alt que é uma legenda caso a imagem não
seja carregada ou visualizada. As imagens devem ser todas carregadas via CSS, exceto se for
conteúdo, como é o caso. Mais tarde se for necessário substituir as imagens/noticias, seria
feito através de backoffice. Para os elementos serem clicáveis foi utilizada a propriedade
“onclick”.

66
Ainda dentro desta <nav> do slideshow, foi criado uma <div> para aplicar posteriormente o
gradiente conforme consta no layout.

MENU PRINCIPAL
Para as opções do menu principal, foi também utilizado a mesma estrutura presente no
slideshow, um menu de navegação com uma lista não ordenada. Através das propriedades
CSS foi transformada, ficando com um aspeto de botões.
Foi criada dentro de cada item da lista não ordenada uma tag <div> para agrupar conteúdo,
para que mais tarde seja possível atribuir-lhes estilos.

FOOTER
Para este elemento, a lista de navegação não precisa de estar dentro de uma tag <nav>, pois
ele próprio já tem uma lista de navegação.

4.1.4 ESTRUTURA DO CSS

O CSS é uma linguagem à parte e tem como objetivo dar estilo à página, sendo um docu-
mento separado do HTML. Para o HTML ler a folha de estilos foi necessário indicá-la dentro
da tag <head>.

<link rel=”stylesheet” href=”./style/styles.css”>

A sintaxe do CSS passa pela declaração de propriedades e valores, como alterar fonts e o
tamanho das mesmas, espaçamentos, cores, formatos, dimensões, margens, etc, para que
apareça o mais próximo possível do layout definido inicialmente.

Para que o documento fique organizado e de fácil leitura, aplicaram-se comentários, tal
como já havia sido feito no documento HTML e os elementos foram formatados pela mes-
ma ordem desse mesmo documento.

CSS Reset
Para formatar os estilos já pré-definidos pelo navegador foi aplicado o CSS Reset, de modo
a evitar comportamentos indesejados ao longo da formatação.

Uma vez que a família de font a utilizar era a Roboto, cujo link já estava presente do docu-
mento HTML, foi aplicado no também no documento CSS, para que fosse possível aplicar
a propriedade font-weight.

Para aplicar um conjunto de propriedades a vários elementos foram aplicadas “classes”,


representada pelo símbolo do ponto final “.”
HEADER
No header foi aplicada um cor de fundo, e outras propriedades tal como o padding e o
box-sizing para receber e posicionar o logotipo.

O Box model é composto por 4 partes: content, padding, border e margin. Os valores
destas propriedades são somadas à sua largura e altura, fazendo com que as dimensões
superem o tamanho inicialmente definido. Para que estes valores sejam incorporados às
dimensões originais utilizou-se a propriedade box-sizing: border-box, que faz com que o
67

browser assuma o valor do content mas que contenha as restantes propriedades.

A propriedade padding serve para alterar o espaçamento, a margin para alterar as margens
e o hight e o width para alterar a dimensão dos elementos e é utilizada inúmeras vezes ao
longo do documento para posicionar e definir as dimensões dos elementos.

A tag <h1> presente no documento HTML foi “substituída” pelo logotipo da Benfica Escolas
de Futebol, ficando o texto oculto, através da propriedade “text-indent” com um valor
negativo alto, permite deslocar o texto de forma a que este fique ”escondido”e não apareça
na imagem lida pelo browser, mas que este o continue a conseguir lê-la. É essencial para
os motores de pesquisa e também para a leitura do site para invisuais.

A imagem foi aplicada através da propriedade background, indicado o url da imagem (local
onde está gravada na pasta). Foram também aplicadas propriedades da margem esquerda
e direita com valores auto para que o logotipo fique sempre centrado à classe “.topo”. Para
definir o tamanho das imagens recorreu-se à propriedade background-size.

SLIDESHOW
Para posicionar e ordenar os vários elementos do slideshow foi necessário dividir e aplicar
estilos específicos para cada elemento.

Para que não aparecessem as restantes imagens do slideshow foi aplicada a propriedade
overflow: hidden. Uma vez que o slideshow já tinha propriedades de altura e largura e os
mesmo não são aplicadas em cascata, para não as repetir usou-se a propriedade inherit que
indica que os valores utilizados são os mesmos que o elemento acima dele. Foi necessário
fazer ajustes e através desta propriedade só foi necessário a alteração de um valor.

A propriedade position determina o posicionamento de um elemento na página. Apesar de


haver quatro valores, só foram utilizados o relative e o absolute. As coordenadas dadas na
position relative dizem respeito à posição original do elemento, enquanto que na position
absolute tem como referência um elemento que esteja hierarquicamente acima dele.

Existe um outro conjunto de propriedades que dependem da position, top, bottom, left and
right que permitiram alocar determinados elementos com coordenada específica.

Para definir a direção das imagens aplicou-se o display:flex para que as imagens ficassem
em linha, uma ao lado da outra.

Para criar o gradient foi utilizada a ferramenta CSS Gradient Geneator e foi utilizada a pro-
priedade linear-gradient com indicação da cor e efeito pretendido.

A propriedade z-index determinou o posicionamento da profundidade dos elementos.


Como os dois elementos (<h2> e o gradiente) ficavam sobrepostos, esta propriedade es-
pecificou qual deles ficaria em primeiro plano, sendo atribuído um valor mais alto ao que
tinha de ficar à frente.
Ainda na formatação do slideshow, foram atribuídas propriedades ao <h2>, além de algu-
mas já especificadas em cima, como o tamanho e o peso da font.

MENU
Tal como aconteceu no slideshow, este menu teve de ser dividido e tiveram de ser aplicados
estilos individualmente para que ficassem com o formato e posicionamento desejado.

68
O elemento de uma <li> tem o valor block como defeito, para alterar a sua disposição foi
aplicado o valor display:inline-block para que obedecesse às propriedades height e width.

Para que os elementos da <li> ficassem com aspeto de botões, além da cor aplicada
diferente do fundo, a definição das alturas e larguras, foi ainda aplicado um border-radius,
que permitiu arredondar os cantos, tal como constava no layout gráfico.

Para retirar o sublinhado que aparece por padrão nos links, foi aplicada a propriedade text-
decoration: none.

Foi aplicada a pseudo classe :active para quando os botões do menu forem selecionados,
ficarem ativos, mudando a sua cor de fundo e dos icons.

Para incluir as várias imagens, quer no menu principal, quer no footer, foi utilizada a técnica
sprite sheet, que permite ter numa única imagem, várias imagens, ficando o documento
mais leve e mais rápido de carregar pelos browsers. Esta imagem foi criada com recurso ao
illustrator, uma vez que as imagens são vetoriais. Para não perderem qualidade foram salvas
com a extensão .svg. Foram atribuídas coordenadas às imagens, que detêm todas a mesma
dimensão e definida a respetiva altura e largura.

FOOTER
À semelhança do que foi feito para o menu principal, para o footer foram aplicadas proprie-
dades já explicadas anteriormente que permitiram que os icons, assim como as legendas
correspondentes ficassem dispostas lado a lado. Para a hiperligação “mais” foi necessário
aplicar uma declaração !important, indicando que o elemento tinha uma margem direita
de 0px. Esta propriedade ignora a hierarquia e prevalece sobre todas as regras de estilo já
aplicadas.

4.1.5 ESTRUTURA DO JAVASCRIPT

As animações do slideshow foram feitas com jQuery, que é uma biblioteca Javascript, que
compacta uma série de linhas de código numa única função, fazendo com que diminua
bastante as linhas de código.

Tal como na folha de estilos CSS, o javascript para funcionar, tem de ser aplicado ao HTML
criado, indicando a localização do ficheiro, assim como a biblioteca jQuery.

O slideshow é automático e as noticias com a respetiva imagem têm de estar sempre em


loop. Para este efeito acontecer, quando uma imagem sai e deixa espaço para a seguinte
entrar, a imagem tem de ser colocada no final da lista para que volte a aparecer novamente.

Para que a animação aconteça é necessário que os 3 documentos (HTML, CSS e Javascript)
tenham uma lógica sequencial entre si. No ficheiro HTML as notícias estão organizadas em
listas e são estas mesmas listas que tem de ser indicadas no ficheiro javascript para que
aconteça a ação pretendida. No ficheiro CSS já estão presentes os estilos de formatação
do slideshow, além das dimensões, tem uma propriedade que faz com que as restantes
imagens fiquem escondidas e no ficheiro javascript estão indicados de que forma é que as
imagens devem fazer a animação.

Explicação do código jQuery do slideshow:


69

$(function() {
é equivalente à função ready() de javascript puro, que significa que a animação só começa
quando o documento está todo carregado.
var imgWidth = $(‘.slideshow ul li’).width();
variável que obtem as dimensões das imagens que estão presentes na lista não ordenada
do slideshow.
setInterval(function() {
(...)
}, 1000);
define que a ação vai se repetida em intervalos de tempo regular, que defini como sendo
1seg
$(‘.slideshow ul’).animate({marginLeft: -imgWidth}, 1000, function() {
O objetivo é selecionar os elementos da ul, para que eles se movam para a esquerda através
de uma animação que aplica uma margem negativa do tamanho da variável, que neste caso
é o width da lista não ordenada do slideshow.
$(this).css({marginLeft: 0}).find(‘li:last’).after($(this).find(‘li:first’));
A função animate executa uma função de callback, que significa que quando a ação termina,
retorna “complete”. O “this” corresponde ao “.slideshow ul” que retorna o objeto jQuery.
Quando a animação da primeira imagem do slideshow termina, ele vai buscar essa imagem
e coloca-a no final da lista para ser reproduzida novamente.

}, 4000);
O valor “4000” no final da função corresponde ao tempo que cada imagem fica visivel no
browser, 4 segundos.
5. DIVULGAÇÃO
5.1. PLANO DE AÇÃO
E COMUNICAÇÃO

70
Assim que a web app estiver operacional, será lançada junto do segmento-alvo.
Numa primeira fase a comunicação será enviada através de newsletter (marketing direto) a
um grupo restrito de 200 pais. Será testado o tom de comunicação, através da realização
de um teste A/B, enquanto que o teste A será focado nos serviços, o teste B será focado na
novidade e lançamento do serviço. Complementarmente à análise do teste A/B, será envia-
do um questionário online para recolher a opinião do segmento-alvo.

Depois dos ajustes necessários, será lançada uma comunicação 360 com principal destaque
à estratégia digital. O foco da comunicação irá variar consoante o meio de comunicação e seg-
mento a atingir. Enquanto que, para os jovens será a criação de notoriedade e de construção da
imagem da marca, para os pais será mais focado nos atributos e serviços que a web app poderá
prestar. Os jogadores da formação do SL Benfica darão a cara pelo projeto.

A comumicação 360 para a web app da Benfica Escolas de Futebol contempla recursos hu-
manos, marketing direto, front office, decoração dos pontos de contacto com os clientes,
promotoras, BTV e Jornal O Benfica.

5.1.1 RECURSOS HUMANOS

Todos os recursos humanos envolvidos com a Benfica Escolas de Futebol terão formação
sobre a web app e serão eles próprios a fazer promoção junto dos pais e crianças. Esta
formação será disponibilizada aos treinadores, coordenadores, backoffice e front office da
secretaria das 42 Escolas em Portugal. Cada colaborador será um “vendedor e comunica-
dor” dos atributos da web app no seu dia a dia e terão um esforço deliberado, planeado e
continuado em estabelecer um entendimento mútuo entre os utilizadores e a Benfica Es-
cola de Futebol. Esta comunicação será bidirecional, ou seja, o colaborador também terá a
missão de comunicar com os responsáveis da web app e dar-lhes o feedback do que está
a resultar bem e o que está a resultar mal.

Exemplo de ações levadas a cabo pelos colaboradores: todos aqueles que forem à secre-
taria da Benfica Escolas de Futebol, serão abordados proativamente pelos colaboradores
de frontoffice sobre a web app, explicar os benefícios, entregar um folheto e se o cliente
quiser e tiver disponibilidade os colaboradores do front office fazem/ajudam os pais a fazer
o registo.

5.1.2 MARKETING DIRETO

O marketing direto permite comunicar diretamente com um segmento que já conhecemos,


a sua grande vantagem é que é assertivo e a mensagem pode ser adaptada ao público
alvo. Outro benefício é que pode ser testado, medido, registado e analisado, de forma a
melhorar a assertividade em utilizações futuras.
Para o plano de comunicação da Benfica Escolas de Futebol irá ser utilizado SMS e newsletter.
Numa primeira fase irá ser enviada a newsletter e a SMS aparecerá como reforço após 48h.
Os momentos da comunicação no primeiro mês
serão:
1º momento – Criar notoriedade da web app.
Dar a conhecer os serviços, conteúdos, perfil,
com push para o registo. Os segmentos serão
os pais e alunos.
71

2º momento - Antes do primeiro treino, o foco da


comunicação será direcionada para a utilização
do cartão digital e a sua transmissibilidade, caso
não consiga ir ao treino (passar digitalmente o
cartão para outra pessoa). O segmento serão os
pais.

3º momento – Antes do primeiro treino, o foco


da comunicação serão sobre dicas a fazer antes
do treino, alimentação, regras de fair play, e des-
canso. O segmento serão os alunos.
Figura 25 - Site SL Benfica com publicidade da web app

4º momento – Após os primeiros treinos, o foco será nos dados dos treinos: velocidade,
remates, metodologia do treino. O segmento serão os alunos.

5º momento – No final do mês, a estrela da comunicação será a possibilidade de pagamento


pela web app, além de rápido e cómodo, evita a deslocação à secretaria da Escolas de
Futebol. O segmento serão os pais.

5.1.3 PONTOS DE CONTACTO E PROMOTORAS

Em todos os pontos de contacto com os pais e com as crianças estará presente a comu-
nicação da web app. A secretaria, campos e as Escolas de Futebol serão “outdoors” dis-
poníveis para a promoção da mesma. Cada meio terá a sua comunicação.

- Secretaria das Escolas de Futebol: Comunicação focada nos serviços via web app e nas
suas funcionalidades, que passam a substituir os serviços da secretaria. Exemplo: Cartão
digital (caso se esqueça do cartão em casa) ou efetuar o pagamento das mensalidades.

- Campo: Nas zonas dos campos destinadas às crianças a comunicação será focada nos
dados do perfil dos jogadores e na metodologia de treino. Nas zonas do campo onde os
pais estão presentes, a comunicação será focado para eles, por exemplo, na entrada e saída
e zona de acreditação para os Pais, estar focado o serviço do cartão digital e da transmis-
sibilidade do mesmo.
Ainda nos campos de treino será utilizada uma equipa de promotoras para promover o
registo enquanto os pais assistem aos treinos. Estas promotoras estarão presentes ao longo
das 42 escolas com o objetivo de os ajudarem a fazer o registo e a explicarem os atributos
da web app.

Ainda para complementar a comunicação, será utilizado o canal de televisão BTV (autopro-
moção e editorial), no Jornal O Benfica (anúncios) e ainda no site (banners e notícias). O
objetivo de utilizar estes meios é aumentar as inscrições e utilizações dos serviços da web
app como um argumento na conversão.

Numa perspetiva de posicionamento e notoriedade da marca Benfica e da Benfica Escolas


de Futebol e com o objetivo de engagement, será aplicada uma estratégia de comunicação
nas redes sociais do Instagram e Facebook (Community Management). A estratégia a adotar
torna-se importante para a web app porque os conteúdos que surgirão nas redes sociais,
irão ter links para a web app.

5.2. ESTRATÉGIA DE COMMUNITY

72
MANAGEMENT
A internet e o mundo digital é um meio cada vez mais utilizado pelas empresas, devido ao
consumo de conteúdos e envolvimento do público nas redes sociais.

As empresas cada vez mais desenvolvem a presença nas redes sociais, é uma oportunidade
para comunicar com os seus clientes e potenciais clientes, promovendo o negócio com o
objetivo de melhorar o reconhecimento da marca, incrementar as vendas, reduzir custos
de marketing e ainda criar ligações com o público-alvo, fazendo uma espécie de apoio ao
cliente.

Ter um bom desempenho no facebook é fundamental para angariar mais utilizadores e criar
uma imagem positiva da marca.

O facebook é um canal que permite fazer marketing digital e obter resultados rápidos,
positivos e relativamente económicos face a outros (ex: mupis ou outdoors) e com moni-
torização capaz de identificar e quantificar os utilizadores.

Foi elaborado uma estratégia de community management para o facebook relativo à Benfi-
ca Escolas de Futebol.

A estratégia a ser implementada deve tirar o máximo partido da plataforma para que os
resultados surjam mais rapidamente, para tal, há boas práticas que se devem aplicar para
alcançar o objetivo pretendido.

Na estratégia de community management foram tidos em conta vários fatores, como os


dias e horas das publicações, texto/copy, imagem/vídeo, tipo de conteúdo, segmentação e
as ferramentas utilizadas. O conteúdo a ser publicado deve ser atraente, divertido e útil, não
só para angariar mais utilizadores, mas também para manter os que já lá estão.
5.2.1 ENQUADRAMENTO
73

Para uma estratégia bem definida, é necessário realizar uma análise swot da empresa e analisar
a sua presença online. Após a identificação do público-alvo, define-se em que plataformas
se irá marcar presença assim como os seus objetivos, estilo e tom de comunicação e de
seguida, é criado um plano de ações a curto, médio e longo prazo. Depois da criação dos
conteúdos para alimentar as páginas, são feitos planos de publicações de cada uma das
plataformas, tal como o protocolo de prevenção e gestão de crises.
São também estabelecidas ferramentas e KPIs para medir de cada uma das ações com base
nos objetivos definidos.

a) Público-Alvo
Para construir uma estratégia de community management para a Benfica Escolas de Futebol
foi necessário ter em conta o público-alvo, que são as crianças e os seus pais/tutores. Tendo
os utilizadores idades dispersas, é necessário delimitar uma estratégia para cada um deles,
adaptando o discurso, imagens e tipo de conteúdos (ex: publicações de cariz comercial são
exclusivos para adultos).

b) Redes Sociais utilizadas pelo público-alvo


As redes mais utilizadas pelo público-alvo são o facebook e instagram, sendo esta última
a preferida dos mais jovens, embora a nível de equilíbrio dos escalões etários se destaque
mais o facebook.

c) Tipo de conteúdos que querem ver


Aos pais/tutores interessa-lhes saber os valores que estão a ser passados e que produtos é
que existem para os filhos, já os mais jovens interessam-se por ver e interagir com os seus
ídolos e sentir o que é o Benfica; Têm o sonho e o desejo em serem jogadores profissio-
nais, aprenderem os valores necessários para se desenvolverem como atletas e também
seguir os seus jogadores de referência. As redes sociais abrem um canal de comunicação
entre os miúdos e os seus ídolos, podendo de certa forma, ter acesso aos jogadores com
conteúdos behind the scenes. Este interesse faz com que este tipo de conteúdos esteja
obrigatoriamente na estratégia de comunicação, como os lives e publicações do dia a dia
dos jogadores.
d) O que queremos comunicar
A linguagem a ser transmitida às crianças e aos pais será a mística Benfiquista e o valor das es-
colas para a evolução das crianças - primeiro enquanto ser humano e depois como jogadores
de futebol. O tom de discurso assumido pela Benfica Escolas de Futebol passa por transmitir o
crescimento das crianças na escola e o desenvolvimento das suas capacidades para atin-
girem um nível de performance superior e assume ainda um tom aspiracional: permite que
sonhem em atingir o patamar de jogador profissional.

74
O tom de comunicação será feito por tu, a linguagem será cuidada e descontraída e as ima-
gens serão modernas, impactantes, funcionais e dinâmicas.

Além dos conteúdos de futebol e de performance serão passados valores humanos e so-
ciais. Conteúdos como dicas de estudo, hábitos saudáveis, benefícios da atividade física,
dicas de nutrição, entre outros, assumirão uma posição de destaque.

e) Quem pode ajudar


Tendo a Benfica Escolas de Futebol uma marca mãe associada, o Sport Lisboa e Benfica,
faz com que o trabalho se torne mais fácil, uma vez que já existe um histórico que permite
saber quais os melhores dias e horários para publicar, assim como tomar decisões sobre a
prioridade dos conteúdos.

A página principal de facebook do Sport Lisboa e Benfica, que tem 3.7M de fãs, será utilizada
taticamente para partilhar os conteúdos premium/estratégicos da Benfica Escolas de Fute-
bol, das 42 escolas existentes de norte a sul do país e 11 no estrangeiro, que irão mencio-
nar a página principal da Benfica Escolas de Futebol, além disto, os jogadores Jota e Tiago
Dantas, alunos que passaram pela Benfica Escolas de Futebol, irão partilhar na sua própria
página, conteúdos da Benfica Escolas de Futebol que lhes digam respeito. Esta estratégia
servirá para captar mais fãs e exponenciar a página.

Figura 26 - Tiago Dantas Figura 27 - Jota


5.2.2 OBJETIVOS
75

a) Para quem
A estratégia será direcionada para o público-alvo, neste caso para os pais e alunos da Benfi-
ca Escolas de Futebol.

b) Para quê
A tipologia dos conteúdos será ao nível do produto/conversão, de forma a estimular a
venda de campos de férias ou inscrições numa das Escolas do Sport Lisboa e Benfica, criar
engagment com o objetivo de melhorar a notoriedade e imagem da marca, não só para as
escolas como para os seus patrocinadores, envolver os fãs/seguidores, criando interação
entre eles e estimulá-los a publicar e partilhar conteúdo e ainda gerar tráfego para o website,
reduzir custos de marketing e também utilizá-lo como um canal de apoio.
A interação esperada é a obtenção de feedback, existir comunicação bilateral e aumentar
a relação com o target.

c) Como
O mundo do futebol é muito inconstante e pode mudar a qualquer momento, havendo
necessidade de ir ajustando o conteúdo à realidade, no entanto, ter um planeamento base
ajuda nas decisões estratégicas a serem tomadas.

#
O tipo de conteúdo será variado, além das publicações de fotografias (normais e 360º)
e vídeos (com menos de 1 minuto), serão colocados gifts, feitos passatempos, lives com
jogadores em direto e stories. Os passatempos serão um post fixo com um formulário de
participação instantâneo.

A Benfica Escolas de Futebol tem vários parceiros, como é o caso da adidas e da nutella.
Para lhes dar notoriedade e também vender posts, será agendado espaçadamente posts a
patrocinadores, em que o conteúdo irá sempre ser relacionado com as escolas. Além disto,
serão criados passatempos em parceria, em que estes irão identificar a página de facebook
da Benfica Escolas de Futebol (ex: Cria uma frase criativa com as palavras Nutella e Benfica
Escolas de Futebol. Partilha o passatempo no teu mural e identifica as duas páginas. A mais
original ganha uma inscrição na Benfica Escolas de Futebol).
Os produtos da Benfica Escolas de Futebol que irão ser promovidos no facebook são os
Campos de Férias e inscrições numa das Benfica Escolas de Futebol. Estes posts de carácter
comercial serão segmentados para adultos.

76
Figura 28 e 29- Exemplos de posts de facebook

De forma a complementar a estratégia de marketing e ter mais conversões irá será utilizado
ferramentas de otimização de conversão que o facebook disponibiliza:

Customer Audience
A Benfica Escola de Futebol irá utilizar a sua base de dados de e-mails/telefone dos seus
clientes da época passada, que nesta época ainda não tenham campos de férias ou inscrição
na Benfica Escolas de Futebol. Desta forma, estes clientes serão impactados no seu mural
com um post patrocinado pela Benfica Escola de Futebol.

Lookalike
A Benfica Escola de Futebol irá inserir a base de dados de e-mails/telefone dos seus clientes
e fazer um post pago com a ferramenta Lookalike. Esta ferramenta permite que apareça um
post no mural de todos as pessoas que tenham características e perfil semelhante aos seus
clientes. Este post é uma ação para captar novos clientes.

Para a identificação nas pesquisas do facebook, serão utilizados hashtags, que permite aos
utilizadores do facebook fazer pesquisas filtradas por temas.

O hashtag é uma palavra-chave antecedida de um cardinal (#) e é utilizada para as pessoas


e marcas identificarem o tema do conteúdo que estão a partilhar nas redes sociais.

#
Os hashtags a utilizar nas duas semanas de planeamento irão ser:
#BenficaEscolasFutebol – Nome da marca e identidade. Este hashtag acompanha todos
os outros.

#CamposFerias – Campos de Férias, por ser um produto de conversão, coloca-se este


hashtag para que haja um aumento da mesma, desta forma quem procurar campos de
férias, irá ver os campos de férias da Benfica Escolas de Futebol.

#ViveoSonho – associado aos conteúdos do Jota e do Tiago Dantas. O Jota e o Tiago


estão a jogar na equipa principal do SL Benfica, pelo que estão a viver o sonho dos atuais
jogadores da Escola do Benfica. Neste sentido, vive o sonho significa para as crianças que
é possível sonharem e que poderão chegar a este nível.

#JogadorABenfica – Tudo o que for bons exemplos, valores, fair-play, ética e assuntos rela-
cionados com o bem da sociedade, significa que é um jogador à Benfica, como tal usamos
este hashtag para reforçar que a missão da Benfica Escolas de Futebol é formar primeiro
pessoas e só depois jogadores de futebol.
5.2.3 CRIAÇÃO E CONFIGURAÇÃO DA PÁGINA

a) Facebook Business
Primeiro é necessário criar uma página profissional através do facebook business e com-
pletá-la com informações relevantes, como a apresentação do produto/serviço, contactos,
website, entre outros.
77

Colocar uma foto de perfil que identifique a página, no caso o logotipo da Benfica Escolas
de Futebol e uma imagem para a capa que revele o produto/serviço. Não só a imagem de
perfil e a foto de capa, mas todas as imagens ou vídeos a serem publicados na página de-
vem ter boa qualidade e serem atrativos.

A personalização do URL é outro paramento a ser editado para que seja personalizado e
fácil de promover.

Além das abas que vem por defeito na criação das páginas como as fotografias e avaliações,
acrescentaram-se algumas abas personalizadas como os campos de férias, localização de
todas as escolas e a loja.

Vanity URL

Foto de perfil
Foto de capa
Nome da página

Abas

Figura 30 - Página de facebook da Benfica Escola de Futebol


5.2.4 GESTÃO, MODERAÇÃO E VIRALIDADE

A criação de conteúdo foi feita de acordo com o segmento (Benfica Escolas de Fu-
tebol). Os fatores que foram tidos em conta foram:
• Rubrica diária de 1 minuto de vídeo a acompanhar o Jota e Tiago Dantas na
pré-época do Sport Lisboa e Benfica. O Benfica como foi fundado em 1904,
e sendo este o nosso conteúdo mais premium, colocou-se sempre às 19h04.

78
• A colocação do post de lançamento do passatempo é testado ao longo de
duas semanas, em 3 horários diferentes, de forma a abranger a maior diversi-
dade de pessoas.
• Acompanhamento dos jogos do SL Benfica na pré-época, assim como o dia a
dia dos jogadores formados na Benfica Escolas de Futebol.
• A conversão foi segmentada para os pais.
• Ainda no trabalho de conversão, há a hipótese de derivar por região, por exemplo,
adultos da região de Famalicão iriam receber no copy: “Inscreva o seu campeão
na Benfica Escolas de Futebol de Famalicão”, enquanto que um da região de
Setúbal iriam receber no copy, na “Benfica Escolas de Futebol de Setúbal”.

a) Planeamento Semanal

Tipo de Ferramentas
Hora Texto/Copy Imagem/Vídeo Segmento
Conteúdo Facebook

Hoje vão estar 34º. Sabe como te proteger


nestes dias e como ter a melhor hidratação.
Depois sê um campeão fora do campo e
Imagem com
ensina os teus pais, avós, amigos e familiares Notoriedade
12h sabe mais para a Todos
que comportamentos devem adoptar em e drive to site
página do site
dias de calor extremo.
Segunda #JogadorÀBEnfica
(15 de julho) #BenficaEscolasFutebol
Primeiro dia da pré-época nos USA. Vê como
foi a chegada e o primeiro treino do Jota e Vídeo (1 minuto
19h04 do Dantas. de Vídeo para Engagement Todos
#ViveoSonho resumir o dia)
#BenficaEscolasFutebol
GIF de várias
fotos (jogar
Estas são as férias dos nossos campeões.
futebol, cinema, Customer
Nestas férias do verão, inscreva o seu
19h04 praia, visitas Conversão Pais Audience +
campeão na Benfica Escola de futebol (link)
ao estádio e Lookalike
#CamposFerias #BenficaEscolasFutebol
Caixa Futebol
Terça Campus)
(16 de julho) GIF de várias
fotos (jogar
Vê como foi a semana dos nossos
futebol, cinema,
campeões, no campo de férias da Benfica
19h04 praia, visitas Notoriedade Crianças
Escola de Futebol
ao estádio e
#CamposFerias #BenficaEscolasFutebol
Caixa Futebol
Campus)
Imagem do
10h Bom dia Campeões. Estádio com o Engagement Todos
nascer do sol
Quarta
(17 de julho) Imagem
desfocada de
19h04 Consegues adivinhar quem é este jogador? Engagement Todos
um jogador do
Benfica
Story Pequeno
almoço da
Equipa Futebol
10h00 Reforço do dia :D Engagement Todos
Profissional
(Behind the
Quinta scenes)
(18 de julho)
Qualquer campeão tem de ter uma boa Imagem de
alimentação. Segue as nossas dicas de notícia do site
19h04 nutrição para as férias. da Benfica Engagement Todos
#JogadorABEnfica Escolas de
79

#BenficaEscolasFutebol Futebol.
Imagem do
Nesta foto o nosso craque tinha 8 anos. um jogador
17h Sabes quem é? do plantel do Engagement Todos
Benfica até aos
Sexta 10 anos.
(19 de julho)
Com o fim-de-semana, está a chegar a
Criação de
altura de vestires e jogares com a camisola
19h04 Evento com Notoriedade Todos
do SL Benfica. Marca na tua agenda os jogos
imagem.
deste fim-de-semana
Hoje é dia de jogo entre o SL Benfica e o
Chivas. Relembramos as 10 regras de fair
12h play da Benfica Escolas de Futebol. Imagem 360ª Notoriedade Todos
#JogadorABEnfica
#BenficaEscolasFutebol
Passatempo: De campeão para campeão.

Quer que o seu campeão entre em campo


de mão dada com os jogadores do Benfica,
na primeira jornada da Liga NOS?

Sábado Quem é que pode participar?


(20 de julho) Crianças entre os 3 e 10 anos
Passatempo
com Imagem e Post Fixo +
Duração do passatempo: até 26 de julho
21h Formulário In- Engagement Pais Formulário
stantâneo para Instantâneo
Como participar:
participação
Conte-nos uma história do seu pequeno
campeão ou de alguém que conheçam de
fair-play, entreajuda ou amizade.

Os 11 melhores exemplos entrarão com os


jogadores.

#BenficaEscolasFutebol
Bom dia, vê ou revê os melhores lances do
10h Vídeo Engagement Todos
jogo de ontem à noite frente ao Chivas.
Domingo
(21 de julho) O Jota e o Dantas estão em live dos USA.
20h30 Aproveita para fazeres todas as perguntas e Vídeo Live Engagement Todos
curiosidades que tiveres.

Tabela 12 - Planeamento semanal conteúdos do facebook

Para a elaboração do planeamento mensal será necessário ter uma estratégia definida,
consistente e coerente que permita aumentar os níveis de fidelização e envolvência da
audiência.

O conteúdo dos posts terão como objetivo estimular a interação, a emoção, explorar a
atualidade, colocar questões e desafios, as imagens serão de inspiração e aspiracionais e
os vídeos curtos e dinâmicos. Os lives do Jota e Tiago Dantas, por ser um conteúdo muito
emocional, exclusivo e raro será criada uma notificação no perfil dos fãs.

A primeira consideração a ter é a regra dos 80% do conteúdo e notoriedade e engagement


e 20% é conversão, ou seja, num mês haverá no máximo seis posts de produto/conversão,
sendo que terá de haver entre estes dois um espaçamento de três ou quatro dias.
Outro aspeto a ter em conta é o facto do fim-de-semana ser um momento de lazer e des-
canso, desta forma e para acompanhar este mood, serão lançados posts de entretenimento
e informação durante este período.

Em suma, para implementar o calendário requer planeamento e compromisso, no entanto


e visto que o contexto à volta da marca é dinâmico, o calendário terá de ser flexível, dinâmico
e espontâneo.

80
b) Planeamento Mensal
Passatempos – a cadência dos passatempos serão de 2 passatempos por mês.
Passatempo com patrocinadores – numa perspetiva de dar notoriedade ao patrocinador e
envolver a audiência com ambas as marcas, será considerado engagement e notoriedade.
Eventos – A criação de eventos, será principalmente à sexta, porque no fim de semana é
quando ocorre os jogos na Benfica Escola de Futebol e no Estádio.
Produto - Visto que a Benfica Escola de Futebol é direcionado para crianças, o projeto de
planeamento mensal terá 6 posts por mês, intercalando numa semana uma vez e na outra
duas vezes.
Entretenimento – Sempre presente aos fins de semana. Poderão ser vídeos curtos dos
melhores momentos dos jogos, técnicas de remate, lives, behind de scenes etc.
Informações/Dicas – Informações e dicas de como melhorar a alimentação ou regras de
Fair-Play.

A estratégia foi definida de forma a construir relações ao redor da marca e manter interações
na comunidade que esta representa. Fazer esta gestão e interagir com os utilizadores do
facebook, neste caso, aumenta a brand awareness e lealdade da marca.

Semana 1
Segunda Informações/Dicas Notoriedade
Terça Produto Conversão
Quarta Entretenimento Engagement
Quinta Informações/Dicas Notoriedade
Sexta Criação de Eventos Engagement
Sábado Passatempo 1 Engagement
Domingo Entretenimento Engagement

Semana 2
Segunda Produto Conversão
Terça Informações/Dicas Notoriedade
Quarta Lembrete Passatempo 1 Engagement
Quinta Produto Conversão
Sexta Criação de Eventos Engagement
Sábado Último dia do Passatempo 1 Engagement
Domingo Entretenimento Engagement

Semana 3
Segunda Informações/Dicas Notoriedade
Terça Produto Conversão
Quarta Entretenimento Engagement
Quinta Informações/Dicas Notoriedade
Sexta Criação de Eventos Engagement
Sábado Passatempo com Patrocinador Engagement + Notoriedade
Domingo Entretenimento Engagement
Semana 4
Segunda Produto Conversão
Terça Informações/Dicas Notoriedade
Quarta Lembrete Passatempo com Patrocinador Engagement + Notoriedade
Quinta Produto Conversão
Sexta Criação de Eventos Engagement
Sábado Último dia do Passatempo com Patrocinador Engagement + Notoriedade
81

Domingo Entretenimento Engagement

Tabela 13 - Planeamento semanal conteúdos do facebook

5.2.5 AVALIAÇÃO E MONITORIZAÇÃO

Todos os posts teriam de ser analisados e monitorizados, para se perceber se estão a ser
bem aceites a nível de conteúdo e se estão a ser colocado no horário mais adequado.
Exemplos:
• O post premium das 19h04, teria de ser monitorizado e testado para perceber se
estaria na melhor hora para sua exibição.
• Os posts de bom dia, poderiam ser adaptados a diferentes horas, tendo em contas dias
de semana e fins de semana.

Na monitorização irão ser analisadas métricas que são fundamentais para ir adaptando o
plano. São estas, métricas de alcance, ao nível do alcance orgânico, número de gostos/
cliques, interação, comparação homóloga e medição das taxas de percentagem e con-
clusão dos vídeos; métricas de conversão, quantas pessoas foram ao site oriundas dos post
publicados, qual a % de pessoas que pediu a informação e a quantidade de vendas (volume
e valor); métricas de afinidade, se a página está a ser mencionada e com que frequência e
ainda, em que posts e contextos é que os utilizadores falaram da Benfica Escola de Futebol.

Ao nível dos conteúdos pagos, deverá ser tido em conta o número de impressões, CPM
(Custo por 1000 impressões), frequência (número médio de vezes que cada individuo viu
o anúncio), montante gasto, CTR (Taxas de clique), número de conversões (inscrições) e o
custo.
82
CONCLUSÃO
Para transformar o modelo de negócio e ir em contra aos consumidores da nova era digital,
é preciso ter em conta o que é que eles desejam ou as suas necessidades.

Os pais/responsáveis pelas crianças definiram as personas Mãe Galinha, Pai Ausente, Pai
83

Desportista e Pai Fanático para a elaboração desta web app e através desta criação foi
possível desenvolvê-la com funcionalidades úteis e conteúdos relevantes e direcionados,
traduzindo-se na melhor prestação de serviço, aumentando assim a sua satisfação.

Através do inquérito feito aos pais, foi possível validar a criação da web app, uma vez que a
maioria valorizava a criação deste serviço.

Os serviços mais valorizados foram a desmaterialização do cartão, estatística de jogador,


perfil do aluno, avaliações, comentários e ainda a possibilidade de receber fotos dos treinos
e jogos.

Para garantir o sucesso da aplicação, a mesma foi desenvolvida com o utilizador no centro.
Garantir que a experiência é boa é fulcral e para isso foi necessário ter em conta os conteú-
dos e funcionalidades a constarem na web app, assim como a organização dos conteúdos,
de forma a garantir uma navegação que agrade aos utilizadores.

A principal preocupação no desenvolvimento da arquitetura de informação e criação dos


wireframes, foi que o utilizador conseguisse efetuar ou chegar a determinado sítio o mais
rápido possível e de forma intuitiva, para que não perdesse tempo a procurar ou a realizar
uma determinada ação, garantindo a fluidez da navegação.

Antes do lançamento do produto, recorreu-se a testes de usabilidade, não moderados e


moderados.

Os testes não moderados serviram para receber feedback sobre design, identificação de
pequenas lacunas presentes na interface e melhorar/substituir os ícones e/ou a sua termi-
nologia.

Já com os testes moderados foi possível, além destas questões, testar a arquitetura de
informação, observar os utilizadores a testarem a sua navegabilidade, saber a sua opinião
face ao que estão a sentir no momento e ouvir os comentários espontâneos e ainda a
sua reação, quer a nível de escolhas no momento da realização das tarefas como das ex-
pressões faciais.

A conjugação dos dois testes serviu para poder melhorar a interface segundo a experiência
e opinião dos utilizadores. No entanto, como os testes foram feitos numa fase de pro-
totipagem, os resultados obtidos serviram apenas para testar a credibilidade do produto,
iterações entre os ecrãs, layouts e branding, as micro iterações, pesquisa e formulários só
vão ser possíveis testar numa próxima fase, que acredito que apresente problemas a outros
níveis.

Na fase de lançamento, o conteúdo foi planeado para garantir a sua consistência e regulari-
dade, evitando a repetição dos mesmos, construindo relações com a comunidade, encora-
jando a interação.
Ter os objetivos bem definidos e perceber se estão em linha com o público alvo é funda-
mental para alcançar mais utilizadores e obter resultados mais eficazes. Para atingir esses
resultados é necessário fazer um acompanhamento, monitorização e controle de todas as
atividades e tarefas.

Com a web app vai ser possível os pais estarem conectados à atividade em qualquer parte,
permitindo uma interação constante, desta forma, vão poder acompanhar os seus filhos/

84
educandos.

A web app deve ser atualizada constantemente para que seja um produto útil e funcional.
BIBLIOGRAFIA
LIVROS
Osterwalder, A. (2004). The business model ontology: A proposition in a design
science approach.
85

OSTERWALDER, ALEXANDER, setembro de 2015, Criar Propostas de Valor, Edição


em Português, Dom Quixote

OSTERWALDER, ALEXANDER, abril de 2016, Business Model Generation, Wiley &


Sons

PROJECT MANAGEMENT INSTITUTE, setembro de 2017, Guide to the Project


Management Body of Knowledge (PMBOK® Guide) , Edição em Inglês, ePub, Proj-
ect Management Institute.

RASMUSSON, Jonathan, fevereiro de 2018, The Agile Samurai - How agile Masters
Deliver Great Software, Edição em Inglês, The Pragmatic Programmers.

NIELSEN, Lene. Personas - user focused design. Springer london ltd, (edição em
Inglês)

The User is Always Right: The User is Always Right. New riders, março 2015
ADLIN Tamara ; PRUITT John, The Essential Persona Lifecycle: Your Guide to Build-
ing and Using Personas. Morgan Kaufmann, março 2010

ROSENFELD Louis; MORVILLE Peter, Information Architecture for the World Wide
Web (edição em Inglês), O’Reilly Vlg. GmbH & Co, 2002

NIELSEN, Jakob. (novembro de 1994 ). Usability Engineering (Edição em inglês).


Elsevier science & technology.

SLIDES DADOS EM AULA:


FONTAN, Orlando; dezembro 2018. 1_Agile_GPI_v1_UE. Agile Part I, 29 slides.
FONTAN, Orlando; dezembro 2018. 2_Agile_GPI_v1_UE. Agile Part II, 14 slides.
FONTAN, Orlando; dezembro 2018. 3_Agile_GPI_v1_UE. Agile Part III, 15 slides.
FONTAN, Orlando; dezembro 2018. 4_Agile_GPI_v1_UE. Agile Part IV, 25 slides.
FONTAN, Orlando; dezembro 2018. 01_Gest_Projetos_APP_WebDsg_v1_UE. Proj-
ect Management - Casos Práticos, 22 slides.
FONTAN, Orlando; dezembro 2018. 01_Gest_Projetos_Chapter_01_v2_UE. Proj-
ect Management - Chapter 1, 18 slides.
FONTAN, Orlando; dezembro 2018. 01_Gest_Projetos_Chapter_02_v2_UE. Proj-
ect Management - Chapter 2, 24 slides.
FONTAN, Orlando; dezembro 2018. 01_Gest_Projetos_Chapter_03_v2_UE. Proj-
ect Management - Chapter 3, 24 slides.
FONTAN, Orlando; dezembro 2018. Gestao_Projecto_TI_UE. Gestão de Projetos,
28 slides.

DUARTE, Emília, Usabilidade e UX, 2019. 74 slides

COSTA, Pedro, Estratégia de Informação, 2019. 84 slides

86
NOBRE, Bruno, Design de Interação – 01/ Introdução, 2019. 50 slides

NOBRE, Bruno, Avaliação de Usabilidade e Experiência de Utilização - 03/Avaliação,


2019. 40 slides

CARVALHO, Luís, Media Sociais – Media Sociais, 2019. 43 slides

SITES
Strategyzer AG. (2018). Acedido em: 7 dezembro 2018, em: https://strategyzer.
com

Alex Cowan (2016). Acedido em: 14 dezembro 2018, em:


https://www.alexandercowan.com

BusModInc (2018) Business model canvas. Acedido no dia 17 dezembro 2018, em:
https://www.businessmodelsinc.com/about-bmi/tools/business-model-canvas/

Daniel Madureira (09/02/2017). Como Criar um Aplicativo em 13 Passos. Acedido


em: 27 dezembro 2018, em:
https://www.usemobile.com.br

Matriz de Risco - uma Ferramenta para Avaliação de Riscos. Acedido em: 27


dezembro 2018, em:
https://www.auditoriaoperacional.com.br

Rafael Ávila (20/10/2015). Como fazer o gerenciamento de riscos em projetos com


uma matriz de riscos. Acedido em: 3 janeiro 2019, em: https://www.blog.luz.vc

XIA, Vicent, 2017. What are & How to Create Personas: Step-by-Step Guidelines
of Every- thing. Disponível em <https://medi- um.muz.li/what-are-how-to-create-
perso- nas-step-by-step-guidelines-of-everything-493 57da2cb59>. Acesso em:
18 janeiro 2019.

BABICH, Nick, 2017. Putting Personas to Work in UX Design: What They Are and
Why They’re Important. Disponível em <https://theblog.adobe.com/putting-perso-
nas-to-work-in-ux-design-what-they-are-and-why-theyre-important/>. Acesso
em: 24 janeiro 2019.

2018. How to create Personas, a step by step guide.. Disponível em <https://uxplan-


et.org/how-to-create-personas-step-by-step-guide-303d7b0d81b4>. Acesso em:
24 janeiro 2019.

2019. What Is Information Architecture And What An Information Architect Does.


Disponível em <https://www.designyourway.net/blog/inspiration/information-ar-
chitecture-what-it-is-and-what-an-information-architect-does/>. Acesso em: 2
fevereiro 2019.
87

ARHIPOVA, Alina, Information Architecture. Basics for Designers. Disponível em


<https://tubikstudio.com/information-architecture-basics-for-designers/>. Acesso
em: 2 fevereiro 2019.

HERNANDEZ, Hamilton. The art of asking questions in usability testing. Acedido em:
13 março de 2019, em: https://www.akendi.com/blog/the-art-of-asking-questions-
in-usability-testing/

VOLPATO, Elisa (11 de junho de 2017). Como tabular e analisar os resultados de


um teste de usabilidade. Acedido em: 25 março de 2019, em: https://medium.
com/testr/como-tabular-e-analisar-os-resultados-de-um-teste-de-usabilidade-
7c37e6997fdc

ABSINT; HCIM, 2014. Relatório de usabilidade – Caixa Mágica. Acedido em: 14 de


março de 2019, em: http://proli.net/meu/kdeedu/Relatorio_CM_v7.pdf

VASALOU, Asimina; NG, Brian David; WIEMER-HASTINGS, Peter ; OSHLYANSKY Lidia


(Janeiro 2014). Human-Moderated Remote User Testing: Protocols and Applications,
DePaul University, School of CTI. Acedido em: 15 de março de 2019, em: https://
www.researchgate.net/publication/240035129_Human-Moderated_Remote_
User_Testing_Protocols_and_Applications

MORAES, Daniel (11 de junho de 2017). 34 dicas fantásticas de marketing no


Facebook que você deve por em prática agora mesmo. Acedido em: 15 julho de
2019, em: https://rockcontent.com/blog/dicas-marketing-no-facebook/

SPROUTSOCIAL (10 de abril de 2017). 7 passos para uma estratégia de marketing


no Facebook que dominará 2017. Acedido em: 15 de julho de 2019, em: https://
sproutsocial.com/insights/estrategia-de-marketing-no-facebook/

LLANO, Juan (2 de janeiro 2018). ESTRATEGIA EN REDES SOCIALES: CÓMO CREAR


UN PLAN ESTRATÉGICO DE SOCIAL MEDIA PASO A PASO. Acedido em: 16 de julho
de 2019, em: https://www.juancmejia.com/redes-sociales/estrategia-en-redes-
sociales-como-crear-un-plan-estrategico-de-social-media-paso-a-paso/

AÇÃO DIGITAL (julho 2017). 5 estratégias de marketing eficazes para o Facebook da


sua empresa. Acedido em: 16 de julho de 2019, em: https://acaodigital.marketing/5-
estrategias-de-marketing-eficazes-para-o-facebook-da-sua-empresa/
88
ANEXOS

Parte I

PERSONAS | Resultados do Inquérito


1. Perfil Técnológico
89

Tem um telemóvel com acesso à Internet? Nº Respostas %

Sim 87 100%

Não 0 0%

Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? Nº Respostas %

1 0 0%

2 2 2%

3 8 9%

4 32 37%

5 45 52%

Média 4,38

Tem por hábito fazer pagamento / compras online? Nº Respostas %

1 10 11%

2 6 7%

3 25 29%

4 31 36%

5 15 17%

Média 3,40

Indique as Rede(s) Socia(s) que tem por hábito utilizar: Nº Respostas %

Facebook 78 90%

Instagram 67 77%

Twitter 5 6%

WhatsApp 75 86%

Outra 12 14%

Nenhuma 0 0%

Qual o sistema operativo do seu telemóvel? Nº Respostas %

Android 22 25%

IOS 65 75%

Outro 0 0%

Qual é o dispositivo preferencial para aceder à internet? Nº Respostas %

Telemóvel 49 56%

Computador / Portátil 38 44%

Tablet 0 0%

Outro 0 0%

Tabela 5 - Resultado do Inquérito - Parte I. Perfil Tecnológico


2. Funcionalidades da web app

Supondo que a Benfica Escola de Futebol cria uma web app, indique o quão valorizava os
Rank 1 2 3 4 5 Média
seguintes conteúdos a disponibilizar:

Possibilidade de ter o cartão de aluno virtual (a entrada e saída da Escola ser feita através da web
1 0 2 8 24 53 4,47
app em vez de ser feita através do cartão da Escola)

2 Estatística sobre o meu educando dos jogos e treinos 0 3 11 34 39 4,25

3 Perfil de jogador do meu educando 0 6 9 35 37 4,18

90
4 Ver avaliação/comentários feitos pelo treinador à prestação do meu educando 0 5 15 27 40 4,17

5 Receber fotos/vídeos do meu educando dos treinos e jogos 1 4 16 38 28 4,01

6 Programa de edição de vídeo para criação de conteúdos 2 8 10 38 29 3,97

7 Consultar agenda de treinos e jogos do meu educando 1 5 20 35 26 3,92

8 Consultar a metodologia de treino em que o meu educando participa 2 9 19 32 25 3,79

9 Inscrever/renovar a matrícula do meu educando 8 4 16 31 28 3,77

10 Dicas de nutrição do meu educando 2 12 33 18 22 3,53

Alertas de prestação de serviço (ex: encerramento das escolas ao feriados, estacionamento em dia
11 4 13 33 21 16 3,37
de jogo )

12 Encontro/aproximação com outros pais/encarregados de educação 11 18 15 20 23 3,30

13 Ter o registo de assiduidade 14 10 20 28 15 3,23

14 Jogos e Passatempos para o seu educando 3 25 27 23 9 3,11

15 Fazer o pagamento das mensalidades da Benfica Escola de Futebol 10 18 24 23 12 3,10

16 Comprar os equipamentos ou outros artigos de merchandising 6 23 35 13 10 2,98

17 Possibilidade de partilhar as fotos dos treinos e jogos nas minhas redes sociais 16 25 17 18 11 2,80

18 Conteúdos e notícias sobre o futebol de formação do SL Benfica 18 26 21 12 10 2,66

19 Enviar mensagens diretamente aos treinadores 12 36 17 14 8 2,66

20 Informações de outras atividades (Ex: campo férias) 18 24 22 17 6 2,64

21 Notificações de marketing e publicidade (descontos, campanhas, parceiros do Benfica) 20 31 19 13 4 2,43

Se a Benfica Escolas de Futebol lançasse uma aplicação com os atributos que valorizou anteriormente, a Nº Respostas %
sua satisfação relativa ao serviço prestado pela escola aumentaria?

1 4 5%

2 6 7%

3 12 14%

4 26 30%

5 39 45%

Média 4,03

Indique o quão valorizava os seguintes atributos na web app: 1 2 3 4 5 Média

Segurança dos dados 0 0 0 3 84 4,97

Privacidade 0 0 2 8 79 4,98

Rapidez 2 1 15 22 47 4,28

Atualizações 6 11 13 31 26 3,69

Usabilidade 14 19 24 18 12 2,94

Design 8 14 20 23 22 3,43

Tabela 6 - Resultado do Inquérito - Parte II. Funcionalidades da web app


3. Relação dos educando com a Escolas

Indique o número de filhos / educandos que tem a seu cargo: Nº Respostas %

1 31 36%

2 45 52%

3 8 9%

4 ou mais 3 3%
91

Quantos dos seus educandos é que estão inscritos na Benfica Escola de Futebol? Nº Respostas %

1 64 74%

2 23 26%

3 0 0%

4 ou mais 0 0%

Desde que ano tem inscrito o seu educando na Benfica Escolas de Futebol? Nº Respostas %

1 26 30%

2 29 33%

3 31 36%

4 ou mais 1 1%

Quantos dos seus educandos é que estão inscritos na Benfica Escola de futebol? Nº Respostas %

2015 4 4%

2014 7 6%

2013 16 15%

2012 15 14%

2011 19 17%

2010 13 12%

2009 14 13%

2008 17 15%

2007 3 3%

2006 1 1%

2005 1 1%

2004 0 0%

2003 0 0%

2002 0 0%

Habitualmente quem é o responsável por levar a criança ao treino? Nº Respostas %

Eu 19 22%

Cônjuge 14 16%

Partilhado entre mim e o meu cônjuge ou outro familiar 45 52%

Avós 8 9%

Tios 1 1%

Irmãos 0 0%

Outros 0 0%

Habitualmente assiste aos treinos do(s) seu(s) educandos? Nº Respostas %

1 1 1%

2 6 7%

3 24 28%

4 37 43%

5 20 23%

Média 3,83
Na situação em que o seu educando tem um jogo, tem por hábito ir assistir? Nº Respostas %

1 0 0%

2 2 2%

3 14 16%

4 21 24%

5 50 57%

Média 4,37

92
Habitualmente como é que o seu educando se desloca para ir para o jogo? Nº Respostas %

Levo-o no meu veículo particular 61 70%

Combino com os encarregados de educação dos colegas do meu educando (boleia) 17 20%

Transportes públicos 1 1%

Não vai 0 0%

Outro 8 9%

Indique os motivos que o levaram a inscrever o seu educando na Benfica Escolas de Futebol? Nº Respostas %

Pedido pelo meu filho 73 84%

Praticar uma atividade física em grupo 84 97%

Desenvolver capacidades motoras 56 64%

Desenvolver skills enquanto jogador 43 49%

Aprender e absorver valores, educação e disciplina 76 87%

Interação com crianças/jovens da mesma faixa/etária 67 77%

Aspiracional (quero que o meu educando se torne jogador) 19 22%

Aprender e ter objetivos 37 43%

Por ser do Benfica 79 91%

Recomendaria a Benfica Escolas de Futebol? Nº Respostas %

1 0 0%

2 1 1%

3 2 2%

4 26 30%

5 58 67%

Média 4,62

Tabela 7 - Resultado do Inquérito - Parte III. Relação dos educandos com a Escola
4. Caracterização do Inquirido

Indique a sua relação relativamente ao seu educando: Nº Respostas %

Pai 51 59%

Mãe 36 41%

Avô 0 0%

Avó 0 0%
93

Tio 0 0%

Tia 0 0%

Irmão/ã 0 0%

Género: Nº Respostas %

Masculino 51 59%

Feminino 36 41%

Estado civil: Nº Respostas %

Casado(a) 79 91%

Divorciado(a) 7 8%

Viúvo(a) 1 1%

Solteiro(a) 0 0%

Idade Nº Respostas %

< 18 anos 0 0%

18-23 anos 0 0%

24-30 anos 6 7%

31-45 anos 63 72%

46-55 anos 17 20%

56-66 anos 1 1%

> 66 anos 0 0%

Indique a sua relação com o Sport Lisboa e Benfica: Nº Respostas %

Não sou adepto do Benfica 1 1%

Sou adepto/simpatizante 50 57%

Sou Sócio 24 28%

Sou Sócio com RED PASS 12 14%

Indique por quantas pessoas é que é composto o seu agregado familiar: Nº Respostas %

1 0 0%

2 4 5%

3 27 31%

4 45 52%

5 ou mais 11 13%

Rendimento mensal liquido do agregado familiar (opcional): Nº Respostas %

< 1000€ 14 18%

1001€-1500€ 16 21%

1501€-2000€ 17 22%

2501€-3000€ 14 18%

3001€-3500€ 2 3%

3500€-4000€ 5 6%

>4000€ 10 13%

Não Responderam 9

Indique a sua situação laboral: Nº Respostas %

Efetivo 61 70%
Contrato a termo 8 9%

Prestação de Serviços 15 17%

Desempregado 2 2%

Estudante 0 0%

Outro 1 1%

Habilitações Literárias Nº Respostas %

Sem escolaridade (mas sabe ler e escrever) 0 0%

94
Ensino Primário (1º Ciclo) 0 0%

Ensino Básico (2º e 3º Ciclo) 1 1%

Ensino Secundário 29 33%

Licenciatura 34 39%

Pós-Graduado (a) 6 7%

Mestrado 16 18%

Doutoramento 1 1%

Distância a que reside da Benfica Escola de Futebol: Nº Respostas %

< 10 km 29 33%

11 km – 50 km 58 67%

51 km – 100 km 0 0%

101 km – 150 km 0 0%

151 km – 200 km 0 0%

> 200 km 0 0%

Tabela 8 - Resultado do Inquérito - Parte IV. Caracterização do Inquirido


Parte II
TESTES MODERADOS

1. Texto Recrutamento

Olá, está tudo bem? Posso falar consigo 5m?


95

Estou a desenvolver um projeto para a Benfica Escolas de Futebol, no âmbito de uma pós
graduação do IADE. Trata-se de uma web app que vai permitir aos pais/responsáveis geri-
rem, acompanharem e obterem informações sobre o seu filho/educando.

Estou aqui para o/a convidar a testar esta web app. O teste será feito aqui no estádio agora,
enquanto decorre o treino e levará no máximo meia hora para que possa vir buscar o seu
filho.

Como forma de agradecimento, irei oferecer-lhe um cachecol do Sport Lisboa e Benfica.

(Se se mostrassem disponíveis para realizar os testes):

Já alguma vez participou num teste de usabilidade? Consiste basicamente em efetuar algu-
mas tarefas que irei pedir e o teste será realizado com um protótipo.

Não há respostas certas nem erradas, serve apenas para melhorar e aperfeiçoar o trabalho
desenvolvido até ao lançamento.

Posso contar consigo?

Muito obrigada.
2. Roteiro

Este teste de usabilidade tem como objetivo verificar se o utilizador consegue realizar as
tarefas propostas e indicar possíveis problemas, quer na arquitetura de informação quer nos
ícons ou nomenclaturas dadas, facilidade ou dificuldade em encontrar as informações ou
outras possíveis deficiências, avaliando o protótipo para a web app da Benfica Escolas de
Futebol.

96
O que será avaliado é apenas o protótipo e não o utilizador.

O teste vai ser composto pela realização de 7 tarefas, que serão realizadas no telemóvel que
contém o protótipo da web app. Solicito que fale em voz alta sobre o que está a pensar e
a sentir. Pode fazer perguntas para eu que perceba quais as suas dúvidas, irei responder a
todas quando terminar os testes.

Os testes vão ser gravados com áudio e vídeo, utilizando uma câmara num tripé, que se en-
contrará posicionado nas suas costas, focando o ecrã do telemóvel. As imagens e os dados
recolhidos serão usados apenas para fins académicos.

Antes da realização dos testes e no final, há um pequeno inquérito que visa saber o perfil da
pessoa que vai fazer os testes e posteriormente a sua perceção sobre a web app e o teste
em si.

Pode desistir a qualquer momento se não se estiver a sentir confortável ou pedir para tirar a
câmara e/ou o áudio. Se tiver alguma questão a colocar sobre o roteiro, a metodologia ou
outra, pode fazê-lo a qualquer momento.

Os testes vão ter um moderador, que serei eu, que vou orientá-los os testes e tirar notas
para posteriormente analisar.

Este roteiro vai ser lido a todos os utilizadores que irão realizar os testes para que sigam
todos as mesmas orientações.

Agradeço desde já a sua participação.


3. Termo de Autorização

Teste usabilidade – protótipo da web app para a Benfica Escolas de Futebol

1. Objetivo e informações
Este teste tem como objetivo testar a usabilidade da web app para a Benfica Escolas de
Futebol.
97

O que será testado é a sua usabilidade, a nível da arquitetura de informação, ícones e


nomenclaturas utilizadas, nunca o utilizador.

Será solicitado que preencha dois questionário, um antes e um após a realização das tarefas.

Durante a realização dos testes é pedido que fale em voz alta, sobre o que está a sentir e a
pensar, nomeadamente o porquê de ter escolhido determinada opção para realizar a tarefa,
se sente dificuldade, ou até algum input que queira dar.

2. Recolha de dados
As informações e os dados recolhidos serão utilizados apenas no âmbito da pós-graduação
em desenvolvimento Web & Mobile, realizada no IADE.

3. Autorização de Gravação
Os testes serão gravados com uma máquina de filmar, fazendo o registo da imagem e de
áudio. As imagens gravadas têm como finalidade perceber de que forma é que o utilizador
realiza as tarefas propostas e apenas serão utilizadas para fins académicos.

Assinando este documento está dar autorização a que as gravações das suas imagens e do
áudio a utilizar o protótipo na realização dos testes, sejam utilizadas para fins académicos.

4. Desistência
Pode parar ou desistir a qualquer momento.

Assinatura Data
4. Perfil dos participantes dos testes moderados

Participante 1
Perfil
William, 37 anos, Masculino, Nutricionista e com mestrado.

Relação com a Benfica Escolas de Futebol


Tem 1 filho na Benfica Escolas e Futebol à 2 anos e está presente nos treinos e jogos do seu

98
filho.

Perfil tecnológico
Tem acesso a telemóvel com sistema operativo IOS com internet e tem por hábito fazer
compras online. Prefere aceder à internet pelo telemóvel e é utilizador das redes sociais,
nomeadamente o Facebook, Instagram e Whatsapp.

Participante 2
Perfil
Margarida, 34 anos, Feminino, Marketeer e com licenciatura.

Relação com a Benfica Escolas de Futebol


Tem 1 filho na Benfica Escolas e Futebol à 1 ano e costuma estar presente nos treinos e
jogos do seu filho, embora marque mais presente nos jogos do que nos treinos.

Perfil técnologico
Tem acesso a telemóvel com sistema operativo IOS com internet, tem por hábito fazer
compras online. Prefere aceder à internet pelo telemovel e é utilizadora das redes sociais
Facebook, Instagram e Whatsapp.

Participante 3
Perfil
Sofia, 39 anos, Feminino, Lojista e com o 12º ano.

Relação com a Benfica Escolas de Futebol


Tem 2 filhos na Benfica Escolas e Futebol à 1 ano e normalmente está presente no treinos
e jogos dos seus filhos.

Perfil tecnológico
Tem acesso a telemóvel com internet cujo sistema operativo é Android e normalmente faz
compras online. Prefere aceder à internet pelo computador e é utilizadora das redes sociais,
Facebook, Instagram e Whatsapp.

Participante 4
Perfil
André, 44 anos, Masculino, Tradutor e com mestrado.

Relação com a Benfica Escolas de Futebol


Tem 1 filho na Benfica Escolas de Futebol à 2 anos e está presente em todos os treinos e
jogos do seu filho.

Perfil tecnológico
Tem acesso a telemóvel com sistema operativo IOS com internet. Prefere ir à internet
pela computador e de vez em quando faz compras online. É utilizador das redes sociais
Facebook, Twitter e Whatsapp.
Participante 5
Perfil
Francisco, 40 anos, Masculino, GNR e com licenciatura.

Relação com a Benfica Escolas de Futebol


Tem 1 filho na Benfica Escolas e Futebol à 3 anos e nem sempre pode estar presente nos
treinos e jogos do seu filho.
99

Perfil tecnológico
Tem acesso a telemóvel com sistema operativo IOS com internet. Prefere ir à internet
pelo telemóvel e raramente faz compras online. É utilizador das redes sociais Facebook e
Whatsapp.

Participante 6
Perfil
Carla, 43 anos, Feminino, Funcionária Pública e com licenciatura.

Relação com a Benfica Escolas de Futebol


Tem 2 filhos na Benfica Escolas e Futebol à 1 ano e está presente nos treinos e jogos dos
filhos.

Perfil tecnológico
Tem acesso a telemóvel com sistema operativo Android com internet. Prefere ir à internet
pelo computador e raramente faz compras online. É utilizador das redes sociais Facebook
e Whatsapp.

Participante 7
Perfil
Duarte, 36 anos, Masculino, Engenheiro e com mestrado.

Relação com a Benfica Escolas de Futebol


Tem 1 filho na Benfica Escolas e Futebol à 3 anos, normalmente está presente em todos os
treinos e vai a todos os jogos do seu filho.

Perfil tecnológico
Tem acesso a telemóvel com sistema operativo IOS com internet. Prefere ir à internet
pelo telemóvel e faz com muita frequência compras online. É utilizador das redes sociais
Facebook, Instagram, Twitter e Whatsapp.
5. Questionário pré-teste

Perfil do participante
Nome
Género
Idade
Habilitações

100
Profissão

Relação com a Benfica Escolas de Futebol


1. Quantos educandos é que estão inscritos na Benfica Escola de futebol?
2. Há quanto tempo tem o(s) seu(s) educando(s) inscrito(s) na Benfica Escola de Futebol?
3. Habitualmente assiste aos treinos do(s) seu(s) educandos? (Indique de 1-5, sendo que 1
é nunca vou e 5 vou sempre)
4. Na situação em que o seu educando tem um jogo, tem por hábito ir assistir? (Indique de
1-5, sendo que 1 é nunca vou e 5 vou sempre)
5. Indique o seu grau de satisfação relativamente à Benfica Escola de Futebol. (Indique de
1-5, sendo que 1 é muito insatisfeito e 5 muito satisfeito)

Perfil Tecnológico
1. Tem um telemóvel com acesso à Internet?
Sim / Não

2. Com que frequência é que acede à Internet ou a Apps através do seu telemóvel? (Indique
de 1-5, sendo que 1 é raramente e 5 muitas vezes).

3. Tem por hábito fazer pagamento / compras online? (Indique de 1-5, sendo que 1 é
raramente e 5 muitas vezes).

4. Indique as Rede(s) Socia(s) que tem por hábito utilizar:


Facebook
Instagram
Twitter
WhatsApp
Outra
Nenhuma

5. Indique as aplicações que utiliza (coloque 0, se não utilizar nenhuma).

6. Qual o sistema operativo do seu telemóvel?


IOS / Android / Outro

7. Qual é o dispositivo preferencial para aceder à internet?


Telemóvel / Computador / Tablet
6. Questionário pós-teste

Este questionário visa saber as suas opiniões e impressões sobre a web app e o teste de
usabilidade que acabou de realizar.

Indique o seu grau de concordância, relativamente às afirmações em baixo (1- Discordo


Totalmente a 5 - Concordo Totalmente):
101

1. A web app tem um aspeto agradável e apelativo

2. Foi fácil realizar as tarefas solicitadas

3. As funcionalidades que a APP tinham eram úteis

4. Os termos e expressões apresentadas no menu, eram fácil compreensão

5. A navegação da web app era bastante fluída

6. O local onde o teste foi realizado tinha um ambiente apropriado

Avalie a web app no seu conjunto (resposta aberta e opcional)

Nome Data
Anexo 7.
Resultados do questionário pós-teste

102
Indique o seu grau de concordância,
relativamente às afirmações em baixo
(1- Discordo Totalmente a 5 - Concordo Média do grau
Totalmente): P. 1 P. 2 P. 3 P. 4 P. 5 P. 6 P. 7 de concordância

A web app tem um aspeto agradável e


5 4 4 5 5 5 4 4,6
apelativo

Foi fácil realizar as tarefas solicitadas 4 4 5 4 5 4 4 4,3

As funcionalidades que a web app


5 5 4 4 5 5 5 4,7
tinham eram úteis

Os termos e expressões apresentadas


5 5 5 5 5 5 5 5,0
no menu, eram fácil compreensão

A navegação da web app era bastante


4 3 3 4 4 5 4 3,9
fluída

O local onde o teste foi realizado tinha


4 5 3 4 5 4 4 4,1
um ambiente apropriado

Média do Participante 4,5 4,3 4,0 4,3 4,8 4,7 4,3

P=Participante
Anexo 8.
Vídeo teste usabilidade
103

Link com o vídeo do teste moderado:


https://drive.google.com/open?id=1DeH5U3V3MbJGWcoRFtsV7dblQJMx96xG
104
2018 | 2019

Você também pode gostar