atividade 02

Prévia do material em texto

CENTRO UNIVERSITÁRIO DA GRANDE DOURADOS
Tecnológico em Análise e Desenvolvimento de Sistemas
Disciplina: Comunicação Visual para Web II
Semestre: 5º Data: 31/08/2022
Pólo: Lisboa
Professor: GIOVANE SOUZA ROSA
Acadêmico (a): Ricardo Antunes Cristovão
 RGM: 343.5107
ATIVIDADE – SEO no Design de Interfaces
Orientações gerais para realização das atividades.
O objetivo da atividade seguinte é fazer você refletir sobre SEO, sobre como adequar o seu projeto para que este atenda os requisitos de SEO e tenha uma boa otimização no Google. Antes de responder o questionário abaixo, sugiro que você assista a uma aula online sobre SEO do Conrado Adolpho, autor do livro Google Marketing, um beste seller sobre marketing digital. Disponível em: http://conrado.com.br/aula-online-sobre-seo/
Esse questionário é uma síntese geral para levantamento de dados para fins de otimização, porém, é importante que cada negócio tenha sua própria versão para fornecer as diretrizes para a confecção do site da empresa/instituição.
 
Responda as questões que forem pertinentes á sua proposta de projeto, caso queria acrescentar mais informações coloque no final da atividade.
No questionário a seguir será abordada somente a página principal do seu web site:
QUAIS AS SUAS PALAVRAS-CHAVE PRINCIPAIS?
R: Country, roupa, calça ,boné, moda, peão, sertaneja.
QUANTO A URL:
A URL é funcional para o Google?
R: SIM
A palavra-chave está na URL?
R: SIM
QUANTO AO MENU:
O menu ficará em HTML ( e não em javascript ou flash)?
R: SIM . O menu ficará em HTML
O menu poderá ser expandido caso haja mais itens no futuro?
R: SIM 
O menu é dividido por seção, caso isso seja relevante?
R: SIM
TÍTULO DA HOME:
Qual é o título da página principal?
R: Estilo Country
O título tem menos de 70 caracteres?
R: SIM
A palavra-chave principal está no título da Home?
R: NÃO
METATAGS 
Há metatag description?
R: SIM
Essa metatag tem menos de 160 caracteres?
R: SIM
O texto desta metatag atrai a atenção do usuário para que ele clique?
R: SIM
Há metatag Keyword?
R: SIM
As metatag description e keywords são únicas para cada página?
R: SIM
ELEMENTOS DE USABILIDADE
Há uma linha de apresentação clara da empresa, dizendo quem ela é, o que faz e para quem?
R: SIM. Haverá essa apresentação.
O logotipo está em destaque e no lado superior esquerdo?
R: SIM
As seções principais do site estão em destaque no conteúdo da home?
R: SIM
ANIMAÇÕES 
Há uma animação com as principais áreas ou produtos do site?
R: SIM .
Temos um máximo de 5 animações?
R: SIM
Cada animação é um link para a página em questão?
R: NÃO
TEXTO 
Há texto na home?
R: SIM
Esse texto tem as palavras-chave principais?
R: SIM
FERRAMENTAS DO GOOGLE:
Há um “Sitemap” no site?
R: SIM
O Google Analytics está instalado no site?
R: NÃO
LAYOUT:
O layout inspira credibilidade?
R: SIM
O Layout é adequado ao público-alvo?
R: SIM
O layout é bem diagramado?
R: SIM
Os elementos mais importantes estão com a prioridade certa no layout?
R: SIM
A página tem uma boa distribuição entre texto e imagens?
R: SIM
A home Page é uma página funcional (não é uma “página de apresentação”)? 
R: SIM. A Home page ela é funcional.
A home Page é uma única página (sem janelas de pop-ups)?
R: SIM. 
PERSUASÃO:
Há elementos que expressam escassez? (por exemplo uma promoção anunciando as 10 últimas unidades de um produto a preço baixo)
R: NÃO
Há elementos de Autoridade (certificação e selos de segurança) que melhorem a imagem de credibilidade do site?
R: SIM
Há elementos de depoimentos de clientes no site (prova social)?
R: SIM
Há estatísticas que atestem a qualidade do serviço ou produto (prova social)?
R: SIM
A página principal é customizada para sazonalidades? (afinidade)? 
R: SIM
A página principal tem o link de uma apresentação em Power Point ou PDF (para download) sobre os serviços?
R: NÃO
A PÁGINA PRINCIPAL TEM “MINIMIZADORES DE MEDO”?
Há uma política de privacidade?
R: SIM
Há uma política de troca ou algo semelhante no segmento?
R: SIM
Há uma política de devolução de produto ou dinheiro no segmento?
R: SIM
Explica porque o site é seguro para deixar dados pessoais ou financeiros?
R: A Estilo Country , aposta na proteção da privacidade e confidencialidade dos dados pessoais que processa no âmbito dos serviços que disponibiliza aos seus clientes. A empresa tem implementadas medidas de segurança técnicas e organizativas (físicas, eletrónicas e processuais) adequadas à sensibilidade das informações que mantemos, conta com recursos atuais que garantem a segurança no tráfego de informações.
 A loja possui o selo LOJA PROTEGIDA, que quer dizer que todos os dados que você informar para a realização da transação financeira nessa loja virtual estão protegidos contra interceptação.
ATIVIDADE –Conteúdo
Avalie as sentenças abaixo e indique se estas são verdadeiras ou falsas. 
( F ) O primeiro lugar que o usuário olha em um leiaute é o canto superior direito.
( V ) Quanto menos elementos forem inseridos em um leiaute, maior será a probabilidade destes serem vistos.
( V ) Varredura Visual é um método pelo qual os usuários observam o conteúdo (texto e imagens) do website de forma continua, sequencial e ordenada.
( V ) O conteúdo textual do website deve ser redigido com uma linguagem simples, evitando-se o uso de jargões e termos técnicos.
( V ) A “Pirâmide Invertida” é uma convenção estrutural na qual o texto é iniciado pela conclusão dos fatos e o restante das informações dão suporte a esta conclusão.
( V ) A primeira informação que os usuários procuram em um e-commerce é o preço.
( V ) As informações sobre os recursos de um determinado produto devem ser exibidas na seguinte ordem: menos prioritárias para as mais prioritárias. Assim o consumidor irá ler todas as informações e tomar uma decisão mais assertiva na hora da compra. 
( V ) É recomendável estruturar conteúdo textual em camadas, em diferentes páginas, para satisfazer às necessidades dos usuários, ao invés de textos longos. 
( F ) O uso de jargões, acrônimos, modismos e piadas devem ser usados no conteúdo a fim de torná-lo mais atraente.
 ( V ) Em um e-commerce o fornecimento de informações como: descrição do produto, imagens e preço sobre um determinado produto podem auxiliar o usuário no processo de decisão de compra.
 ( F ) As informações sobre um determinado produto em um e-commerce devem ser colocadas em uma única página e não em camadas como em conteúdos textuais. 
( V ) Oferecer o recurso de comparação de muitos produtos com as mesmas características em um e-commerce não é uma boa estratégia de vendas, pois estes passam a competir entre si.
 ( V ) Posicionar elementos informativos no leiaute de forma estratégica ajudam o usuário a entender corretamente a mensagem do website.
( F ) Jakob Nielsen afirma que quanto mais complexas são as interações entre conteúdo e usuário, maior credibilidade o site terá.
 ( V ) A exibição de fotos detalhadas em um e-commerce, quando são solicitadas pelos usuários facilitam as vendas.
 ( V ) As pessoas interpretam elementos do tipo anúncio que aparecem imediatamente “acima da dobra” como o fim de uma página porque os anúncios são comumente colocados em áreas periféricas da página.
( F ) A regra dos três cliques é uma diretriz fundamental para garantir boa usabilidade em um website.
ATIVIDADE – Gestão de Conteúdo
No projeto que está desenvolvendo seria interessante o uso de um SGC? Quais seriam as funcionalidades básicas que o SGC deve ter para atendê-lo? Justifique suas respostas.
Resposta:
· O uso de SGC tem suas vantagens e seu diferencial, pois possibilita a gestão do conteúdo de forma rápida, eficaz e segura por meio de qualquer dispositivo conectado a internet, e auxilia na administração das informações de forma padronizada e prática. As organizações que necessitam atualizar constantemente seus dados, tanto para o público interno e externo, o SGC permite maior agilidade nesse processo e facilita a comunicação com o público-alvo. 
· É constituído por ferramentas necessárias para desenvolver, gerir (editar e inserir) conteúdosem tempo real, sem que para tanto, seja preciso programar um código, cujo intento é estruturar e facilitar o desenvolvimento, a administração, a distribuição, a publicação e disponibilidade da informação.
· É uma ferramenta essencial , responsável por aumentar a produtividade, reduzindo os custos e melhorando a qualidade dos serviços, contribuindo para uma melhor satisfação dos utilizadores.
Apesar de ser um Sistema interessante , decidimos não incluí-lo no nosso projeto do website Estilo Country.
ATIVIDADE – Arquitetura de Informação
Crie um wireframe utilizando a temática do projeto que você desenvolveu durante as atividades anteriores. É importante que neste wireframe sejam destacadas as principais informações, sessões, funcionalidades e a estrutura navegacional do projeto.
Faça sua atividade seguindo as orientações:
VERIFIQUE O EXEMPLO de como concluir esta atividade em Material de Aula > Arquivo> Exemplo aula 08.
Não será permitido o uso de templates;
Crie inicialmente um wireframe nas cores preto e branco e pontue cada zona navegacional como no exemplo do guia de estudo. Insira as imagens neste arquivo.
Descreva a funcionalidade de cada zona navegacional pontuada no wireframe; 
Crie um novo wireframe colorido. Utilize as cores citadas do briefing, assim como o logotipo do projeto. É importante a realização desta atividade, pois na disciplina de Desenvolvimento voltado a Web vocês irão implementar este projeto.
ESTRUTURA NAVEGACIONAL
Áreas de navegação:
 Esta é a área de maior visualização do site e por este motivo será utilizada para inserir o logotipo da empresa.
 Esta é a área reservada para o cliente fazer o login ou se cadastrar.
Esta é a área destinada á colocar o contacto do WhatsApp
Esta é a área da HOME
Esta é a área responsável pela categoria masculina ou feminina
Esta é a área responsável por fazer pesquisa
Esta é a área responsável por mostrar todos os produtos á venda
Esta é a área encarregada de mostrar as imagens rotativas dos produtos
Esta área é responsável por mostrar as novidades dos produtos, com imagens e descrição do mesmo
Esta é a área destinada á informação sobre a empresa
Esta é a área responsável pelas informações úteis
Esta é a área responsável pelas Mídias sociais
Esta área será responsável por informar as formas de pagamento no site.
Esta área faz uma breve apresentação da empresa
Esta área informa ao cliente que o site é seguro
3
Número contacto WhatsApp 
1
2
1
LOGO
Login ou Criar conta
6
5
4
4
HOME
Categoria 
Pesquisar 
2
3
Imagens Rotativas dos Produtos
MENU PRODUTOS
Bonés
Calças
Camisas
Camisetas
Cintos
Moletons
4
7
5
8
6
4
3
2
1
7
9
Novidades
8
13
15
14
 LINHA DE APRESENTAÇÃO DA EMPRESA
14
12
11
15
13
12
11
10
9
10
Selo Loja Protegida
Formas de Pagamento
Boleto
Visa
Mastercard
American Express
Elo
Maestro
Redes Sociais
Instagram
Facebook
Twitter
Youtube
Informações Úteis
Frete e entregas
Garantia dos Produtos
Trocas e Devoluções
Política de Privacidade
Sobre Nós
Quem somos
Depoimentos
Fale conosco
Onde estamos
Mapa do site
Email
Produto 4
Produto 3
Produto 2
Produto 1
 
 
 
.MsftOfcThm_MainLight1_Fill_v2 {
 fill:#FFFFFF; 
}
.MsftOfcThm_MainDark1_Stroke_v2 {
 stroke:#000000; 
}
 
 
.MsftOfcThm_MainLight1_Fill_v2 {
 fill:#FFFFFF; 
}
.MsftOfcThm_MainDark1_Stroke_v2 {
 stroke:#000000; 
}