Buscar

Comunicação Visual para Web II - Atividade2

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 8 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 8 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

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: 03/03/2021
Pólo: Nova Andradina - MS
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: Computadores, gamers, alta performance, acessórios, jogos, console.
QUANTO A URL:
A URL é funcional para o Google?
R: Sim
A palavra-chave está na URL?
R: Não estará presente na URL.
QUANTO AO MENU:
O menu ficará em HTML ( e não em javascript ou flash)?
R: Em HTML
O menu poderá ser expandido caso haja mais itens no futuro?
R: Sim será possivel expandir quando necessário.
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: Power UP Mundo Gamer.
O título tem menos de 70 caracteres?
R: Sim.
A palavra-chave principal está no título da Home?
R: Sim.
METATAGS 
Há metatag description?
R: Não haverá.
Essa metatag tem menos de 160 caracteres?
R: Não haverá.
O texto desta metatag atrai a atenção do usuário para que ele clique?
R: Não haverá.
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á apresentação da empresa.
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: Não, irá conter mais de 5 animações.
Cada animação é um link para a página em questão?
R: Não
TEXTO 
Há texto na home?
R: Sim, sobre o que o site oferece.
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 é uma única página (sem janelas de pop-ups)?
R: Não.
PERSUASÃO:
Há elementos que expressam escassez? (por exemplo um promoção anunciando as 10 ultimas unidades de um produto a preço baixo)
R: Sim.
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: Não.
Há estatísticas que atestem a qualidade do serviço ou produto (prova social)?
R: Não.
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: Não.
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: O site será extremamente seguro para o cliente deixar suas informações pessoais, vamos passar para o usuário do site toda a procedência do site e dar a garantia de que ninguém fora do responsável pelo setor vai poder conferir seus dados pessoais.
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.
( F ) 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.
 ( F ) 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.
( V ) 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 SGC é um sistema gestor de websites, e intranets que contem ferramentas necessárias para criar, inserir e editar conteúdos em tempo real sem a necessidade de programação de código. A sua importância traça um objetivo que é estruturar e facilitar a criação, administração, distribuição, publicação e disponibilidade da informação. Sua maior característica é a grande quantidade de funções presentes através de complementos galerias de fotos, gerenciadores de enquetes, gerenciadores de formulários que podem ser agregados ao SGC. No mercado atual o SGC evolui-o depois que ferramentas foram criadas com o objetivo de facilitar o difícil trabalho que tinha para editar e gerenciar pagina de um site. O SGC é uma ferramenta essencial de uma necessidade corporativo com apoio a processos, melhor dizendo ele é responsável por aumentara produtividade. O SGC no mercado reduz custos e melhora a qualidade dos serviços, fazendo com que contribua para uma melhor satisfação dos utilizadores da solução. No projeto do Exclusive Restaurante seria interessante o uso do mesmo, porem não decidimos se vamos desenvolver com o uso do SGC.
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.

Continue navegando