G5 - Boa Dica

Pós Graduação de Análise e Procecssamento de Dados
Trabalho de CGIU – Avaliação de Interface
(Avaliação Site Boa Dica)
Professora:
Lucia Aparecida Miceli
Turma:
APS121
Alunos:
Anabel França
Antonio Sergio Nunes de Azevedo
Erisvaldo Marinho Junior
Fábio Viana Benicio de Oliveira
Thiago Bomfim
Thiago Racca da Silva
Página 1
Sumário
Descrição do Propósito Geral do Sistema avaliado
Introdução.................................................................................................................3
A Pagina Escolhida...................................................................................................5
Definição do Modelo de Usuário deste aplicativo(suas características)
Tipo de Usuario.........................................................................................................6
Modelo Conceitual do Usuário..................................................................................6
Nível de habilidade Computacional...........................................................................8
Avaliação da Qualidade da Interface do Aplicativo(Prós e Contras)
Página Inicial……………………………………………………………………………….9
Caso de Uso: Pesquisa de Preço (Consulta)…………………………………………17
Caso de Uso: Classificados (Exibição)………………………………………………..21
Caso de Uso: Classificados (Preenchimento ………………………………………..23
Diagrama de Navegacao da Versao Original

Página Inicial………………………………………………………………………………24
Caso de Uso: Pesquisa de Preço (Consulta)… ……………………………………25
Caso de Uso: Classificados (Exibição)……… ………………………………………..26
Caso de Uso: Classificados (Preenchimento) ………………………………………..27
Diagrama de Navegacao da Proposta

Página Inicial………………………………………………………………………………28
Caso de Uso: Pesquisa de Preço (Consulta)… ……………………………………29
Sugetão de Melhorias
Página Inicial……………………………………………………………………………..30
Caso de Uso: Pesquisa de Preço (Consulta)…………………………………………31
Página 2
Introdução
Proposta geral da página analisada

Decidimos avaliar o site BoasDica pois refere-se a um contexto de nosso domínio, a área
de informática e uma ferramenta que eventualmente utilizamos. O Website já está
operando desde 7 de setembro de 1999. Tomamos como referência a versão atual do site
que estava em operação durante o prazo estipulado para o desenvolvimento da
avaliação.
Focaremos nossa avaliação nos 3 estudos de caso listados a seguir:
1. Pesquisa de Preço
2. Exibição dos anúncios de classificado
3. Cadastro de Empresa Publicadora
O Site selecionado tem diversas funcionalidades tais como:
 Pesquisa de preços de produtos de informática organizados por categoria de
tipo de produto e por tipo de fabricante e apresenta como resultado uma lista
de produtos organizados em uma tabela com fabricane,modelo, especificação,
preço, vendedor e localização
 Pesquisa de serviços de informatica organizados por categoria de tipo de
serviço e apresenta uma lista de produtos organizados em uma tabela com
empresa,atividades, telefone e localização
 Dicas sobre os produtos organizados em categoria por tipo de produto com
novidades, comparativos, lançamentos de hardware, tecnologia, etc
 Uma seção de usados organizado por categoria de tipo de produto onde lojas
ou profissionais de manutenção ou de compra e venda de usados anunciam
seus produtos de informática.
 Uma seção de classificados – os usuários podem anunciar para vender,
comprar ou trocar produtos de informática.
 Uma seção com informações sobre as versões do aplicativo para dispositivos
celulares e similares
 Um fórum de discussões técnicas de informática onde os usuários podem
trocar informações quanto as suas experiências com produtos ou serviços de
informática
Proposta geral da página analisada(Cont.)
Como objetivos complementares, oferece(Cont.):
Página 3
 Uma seção para cadastro – onde usuários , empresas prestadoras de serviço

ou loja /revendas podem se cadastrar no site.
 Uma seção antivirus – onde os usuários podem obter informações sobre a
escolha e o uso de programas antivirus
 Uma seção para pesquisa de CyberCafés(lojas que fornecem a locação de
equipamentos de informática com conectividade internet para uso em seu
estabelecimento) em diversas localidades no mundo. É possível realizar
cadastro de novos estabelecimentos.
 Uma seção sobre drivers – onde o usuário pode procurar, por categoria, o
driver para seu equipamento de informática
 Uma seção extensões – onde o usuário pode encontrar uma crescente relação
de extensões de arquivos e seu significado ou a que programas pertencem.
 Uma seção de humor – onde o usuário pode relaxar e curtir um pouco mais
nossa atividade através de uma boa risada com as piadas fornecidas por outros
usuários e pelo site , e onde é possível indicar novas piadas(a piada deve estar
em formato de imagem)
 Uma seção de manuais – onde o usuário pode encontrar links para o acesso
aos manuais de diversos fabricantes, componentes e modelos
 Uma seção de programas – onde o usuário encontra indicações de programas
por usuários, colunistas, técnicos na área.
 Uma seção de brindes - onde o site apresenta suas promoções e brindes
associados
 Uma Seção Indique este site – onde o site aciona o correio eletrônico padrão
do usuário e uma mensagem com o link do site para que o usuário possa
indicá-lo.
 Uma seção Esqueçi a senha – onde o usuário pode encontrar respostas para as
perguntas mais frequentes
 A Seção Como funciona – onde o usuário pode obter uma descriçaõ de como o
site funciona e as regras gerais(termos de uso)
 Uma seção de Dúvidas – onde o usuário pode encontrar respostas para as
perguntas mais frequentes
 Uma seção Publicidade – onde o usuário recebe informações do site de por que
é bom anunciar no site.
 Uma seção de política de privacidade – onde o site fornece informações sobre
as politicas de privacidade, segurança e publicidade
 Uma seção sobre imprensa – onde o usuário pode obter informações da
Imprensa e para a Imprensa relacionado ao setor de informática
 Uma seção de contatos – onde o usuário tem um formulário para entrar em
contato conosco direto com o site, para suas dúvidas específicas
 Uma seção cadastre-se - onde usuários,empresas prestadoras de serviço ou
loja /revendas podem se cadastrar no site.
 Uma seção termos de uso – Onde o site descreve as regras par autilização do
site.
Página 4
A Página Escolhida
www.boadica.com.br
Pagina inicial ate 23/07/2012
Página 5
Definição do modelo de usuário deste aplicativo (suas

características)
Tipo de Usuário
A dois tipos de usuário do site em questão:
 O usuário comum que utilizam de forma eventual interessado em buscar novidades e
informações em relação a equipamentos, programas ou técnicas de utilização sobre
produtos de informática
 Representantes de empresas, usuários revendedores e prestadores de serviço que
utilizam de forma mais frequente para ofereçer seus produtos.
Modelo Conceitual do Usuário
Objetivos do Usuário ao usar a página
Usuario Comum:
 Obter Informações sobre as lojas/revendas/prestadores de serviço que vendem um
determinado produto ou serviço de informática em relação ao preço que praticam,e dados
sobre a oferta e contato
 Informações técnicas sobre uso de um determinado produto ou serviço de informática
 Informações sobre a experiência de outros usuários com um determinado produto de
informática
 Relaxar através da visualização e diversão com as piadas cadastradas no site(imagens)
 Obter manuais de equipamentos de informática
 Obter conhecimento sobre extensões de arquivos a que produto pertencem
 Participar das promoções do site e obter brindes
 Obter a indicação de programas mais recomendados por outros usuários, técnicos e
especialistas do setor de informática
 Obter drivers para equipamentos de informática
Empresas , usuários revendedores ou prestadores de serviço:
 Cadastrar-se no site
 Publicar suas ofertas no site
 Captar clientes através dos fóruns
Página 6
Modelo Conceitual do Usuário (Cont.)

Compreensão do que o sistema oferece:
Funcionalidades:
 Pesquisas:
o Preços de uma determinado produto em seus fornecedores cadastrados
o Prestadores de serviço organizados em área de atuação
o Drivers para download
o Manuais para Download
o Dicas de uso de equipamentos e programas
o CyberCafés
o Empregos
 Publicação de oferta
o Equipamentos
o Serviços
 Cadastro no site
o Usuários
o Lojas/Revendas
o Prestadores de Serviço
Objetos:
 Equipamentos
 Programas
 Drivers
 Manuais
 Serviços
 Empregos
 Promoções
Interações:
 Links agrupados por categoria
 Caixas de seleção
 Menus de seleção
 Botões
 Campos de formulário
Página 7
Nível de habilidade computacional necessária para o usuário:

No caso do usuário comum,qualquer nivel de habilidade (novato, intermitente ou frequente).
No caso de empresas, usuários revendedores e prestadores de serviço , o fato de ser frequente (
ter experiências anteriores) facilita o processo em relação ao cadastramento da oferta.
Página 8

 Prós
 Contras
Página Inicial
Consistência
 Informação incompleta
 Como no detalhe da Página inicial resolveu-se criar descritivos para cada opção
deveria – se ter todas as opções listadas.
 Idem para os outros dois menus pois o usuário fica meio perdido de que opções
constam em um que não constam em outro
 Informação ambígua
 O uso de um menu horizontal e um menu vertical é valido desde que um seja com
as opções globais e outro com as opções locais. Não é o que ocorre. Ambos tem
quase todas as opções
 Informação inintelegível
 Poderia ter sido escolhido um tipo de fonte para as opções que permiti-se maior
legibilidade. Em algumas letras fica difícil de compreender
 Apresentação Visual
 É utilizado o mesmo espaço para apresentar as informações de todas as seções e
é mantido a disposição dos menus com raras exceções(Forum e pesquisa pela
opção produto.)
 Uso de mesma codificação
 As opções do menu utilizam a mesma apresentação e nomenclatura
 Combinação de cores adequadas
 O uso do vermelho como titulo de algumas seções fica agressivo demais e sem
harmonia com o restante das cores utilizadas
 No geral é feito o uso de duas cores e fundo branco o que respeita a regra de
combinação de cores
Página 9
 Prevenção a comportamentos inesperados

 Comandos globais disponibilizados continuamente , os menus de opção são
mostrados na maioria das páginas e subpáginas que deveriam receber pelo menos
no horizontal as opções locais
 Nomes e ícones diferentes representando coisas iguais, que é das opções
Pesquisa de Preço e Produto que fazem exatamente a mesma coisa
Nomes e ícones iguais representando coisas distintas não ocorre.
Feedback
Nível de Hardware ou léxico
 O foco com o mpuse na opção faz com que a cor de sua caixa fique em realce
 Já o uso da tecla Tab permite navegar no menu mas não existe nenhum sinal que
indique a mudança das opções
Nível de sequência ou sintático
 A escolha da opção por clique ou enter acontece de forma individual e distinta
Nivel funcional ou semantico
 Utiliza-se do recurso de troca da imagem do ponteiro para indicar situação de carga da
página
Prevenção de erros
Apresentar sempre comandos válidos
 Todos as opções demostram-se como válidos
Espaços com limitação de digitação – informe limite
Não procede para este caso pois não existe espaço para digitação
Minimizar entrada de dados
Não procede para este caso pois não ocorre entrada de dados no contexto
Exibição automatica de emails já cadastrados
Não procede pois não existe campos
Tratamento de erros
Respeito aos níveis de habilidade e comportamento humano
Habilidades Computacionais: Principiantes, Experientes
 Permite o uso do teclado mas não de combinação de teclas ou seja não favorece
Experientes
Flexibilidade de interação – seleção de modo preferencial de entrada de dados
Não procede neste caso pois não ocorre entrada de dados
Página 10
Tratamento de erros(Cont.)
Tipo de Formação dos usuários
Em geral formação média concluída , com o conhecimento básico de computação(
pelo menos experiência com navegação da internet
Meio Social dos usuários
Em geral, estudantes ,tecnicos e profissionais da área são mais frequentes
Variações de personalidade
Não procede neste caso
Favorecimento da percepção humana
Uso de Heurísticas Consistentes
Uso de boas metáforas e escolha dos ícones
Dentro do contexto de conhecimento do usuário
 No uso de icones, na listagem de opções na página principal a seleção foi bastante em
sintoia com o contexto
Minimização da carga de memória
Uso de comandos mneumônicos
 Títulos dos comandos simples e fáceis de memorizar, comuns ao público
Nomes de comandos curtos
 Títulos curtos
Eficiência no diálogo, movimento e pensamento
Combinação de teclas minimizadas
 Não é utilizada neste caso combinação de teclas
Eficiência no diálogo, movimento e pensamento(Cont.)
Distancia de percurso do mouse entre 2 picks
 Distância adequada entre comandos no caso dos menus.
 No caso das opções dispostas na Página Inicial, poderia ter sido otimizada
Janelas distintas para mostrar informações de diferentes tipos ou contextos
Uso eficiente do espaço da tela
 A repetição dos comandos na tela inicial poderia dar lugar ao destaque das novas
e ùltimas notícias
Uma imagem vale mais que um milhão de palavras
 O uso de imagens é comedido. Poderia ter sido explorado melhor para enriquecer
o contexto da página
Página 11
Classificação funcional dos comandos(menu pull down)

 É realizada no menu superior apenas na opção Pesquisa de Preço
Manipulação direta
Não é feito uso deste recurso na página
Exibição exclusiva de informação relevante
Não é feito uso deste recurso
Não usar popus
Não é utilizado
Uso de elementos invisiveis=labels, titulos em links,atributos alt em imagens
Não é feito o uso destes recursos
Não usar textos: clique aqui ou siga
Não procede neste contexto
Independência da resolução do monitor
 Sim. Respeita. Foram testados em um monitor de 15 e um de 17 e a apresentação
foi identica.
Uso de cores para favorecer a usabilidade
 Tentou-se utilizar a cor vermelha para destacar as opções mais importantes mas
demostrou-se agressivo e contra a harmonia da combinação das cores na tela.
Opções claras
 Diferente opções globais presentes em cada menu(Horizontal,Vertical) mas todas as
opções com títulos claros.
Página 12
Uso de recursos Multimídia

 Uso excessivo de tecnologia de ponta – 1 .Utiliza flash para compor o menu Horizontal
Superior.
1.O Uso de Flash
Chrome provocando falta de
consistência
Internet Explorer
Apoio a navegação
Indicação de campos obrigatorios
Mascaras
Exemplos em rótulos
FAQS
Tutoriais
 1. Permite retornar a pagina inicial (Opção Inicio no Menu Horizontal e Vertical de
opções)
 2. O botão voltar funciona de forma esperada(volta para ultima Pagina navegada) ou no
logo da Página
 3. Não informa ao usuario a página corrente. Visto que usa o mesmo área da tela para
apresentar o conteúdo de cada seção necessitaria também identificar a página Inicial.
 4. Não fornece o mapa do site
 5. Mantém os menus de funcionalidades disponíveis na maioria das subpáginas ( tanto o
Horizontal quanto o Vertical) mas não em todas
 6. Repetição de comandos( Menu Horizontal e Vertical)
Página 13
Apoio a navegação(Cont.)
Tempo de Download
 Texto e imagens icônicas que permitem carga rápida. Imagens em movimento e flash não
demostraram tornar o download mais lento
Rolagem de página para navegação

 É necessária a rolagem da página principal para a navegação em todos os itens
provocando que contextos fiquem “escondidos”.
 Nas páginas relacionadas as opções Produto,Dúvidas,Publicidade, Termos de Uso,
Contatos, Imprensa e Privacidade é necessário o rolar da página para abordar todos os
conteúdos
Página 14
Característica de leitura
 Apropriada
 Algumas propagandas na página Principal acabam sendo movimentos ou animações
desnecessárias.
Titulos utilizados
 Coerentes com o seu conteúdo.
Revisão do texto, linguagem simples

O texto em relação ao menu de opcões é coerente, pois ao clicar na opção leva a uma subpágina
de contexto equivalente.
Divisão da página / texto

 Feita utilizando imagens , lista de itens e categorias tornando a leitura mais atrativa
evitando textos longos e tediosos na maioria das telas de pesquisa
 Falta de indice para os tópicos nas opções Privacidade, Publicidade e termos de uso torna
a leitura cansativa e tediosa
Diretrizes de conteúdo
 Valoriza o conteudo, ligando categorias (imagens) com dados corroborando com os temas
 O conteudo é curto e objetivo na maioria das subpáginas de categorias
 Não foram encontradas paginas orfas e paginas nao identificadas.
 O site usa frames. A impressão da página fica diagramada conforme a sua apresentação
em tela.
 Predominancia de cores frias e uso de cores quentes com pouca saturação
proporcionando um ambiente bastante definido mas às vezes cansativo
 Utiliza a quantidade de cores recomendada (maximo 5, mais ou menos 2),
 Utilizacao adequada de cores predominantemente frias no plano de fundo e
mais quentes em primeiro plano.
 Uso de cor de elevada intensidade e saturacao para dar destaque a alguns fornecedores e
notícias
Página 15
Diretrizes de conteúdo (Cont.)

 Na visualização do produto a maioria deles tem espaço para imagem mas não
apresenta a imagem
 Não mantém o padrão de design para todas as subpáginas
 Referências Pessoais - os produtos tem seu fornecedores e fabricantes
identificados
 Links para a biografia do autor - Não se aplica
 Referências da empresa - Não tem
 Várias páginas possuem banners animados podendo desconcentrar a leitura.
 A pagina inicial apresenta vários banners animados e flash para montagem de
parte do menu vertical,que pode apresentar problemas em alguns navegadores
 Uso de links ainda não consultados em cor vermelha sublinhada inadequadas pois
pela cultura web dão a entender que já foram onsultados para destacar as notícias.
 O uso da cor branca em texto sem negrito nas opções do menu de titulo em fundo
verde escuro compromete a visualizacao do texto.
Globalização
 Site direcionado exclusivamente para a lingua protuguesa brasileira, pais origem
do dono do site, logo não existe intenção de globalização.
Página 16

 Prós
 Contras
Pesquisa de Preços( Exemplo de Consulta)

Consistência
 Apresenta uma tabela com as informações necessárias a apoiar a compra
 As mesmas informações de cunho geral apresentadas no início da página são
repetidas
 Apresentação Visual
 Como página de resultado apresenta asopções de filtro no início da página e a
tabela de detalhe do resultado abaixo.

 Utiliza caixas de seleção para a maioria dos filtros o que facilita a escolha só não
utilizando nas opções de inserir o preço máximo e mínimo de compra
 O uso do vermelho para destacar informações mais importantes com aviso fica agressivo
demais e sem harmonia com o restante das cores utilizadas
 A cor amarela predominante não promove uma sensação de calma e sim de agitação
 Prevenção a comportamentos inesperados

 São utilizadas caixas de seleção para opções de filtro
Feedback
 O clique nas caixas de seleção já apresentam todas as listas corretamente
preenchidas
Página 17
 Feedback(Cont.)
Nível de sequência ou sintático
 Não procede neste caso
página
Prevenção de erros
Apresentar sempre comandos válidos
 Todos as opções demostram-se como válidos
Espaços com limitação de digitação – informe limite
 Não apresenta limite no campo preço mínimo e preço máximo e caso seja
apresentado um numero muito grande e acionado o boão de listar aparece uma
página em branco sem nada
Minimizar entrada de dados
 Utiliza-se do recurso de caixas de seleção para os filtros
Exibição automatica de emails já cadastrados
Tratamento de erros
Respeito aos níveis de habilidade e comportamento humano
Habilidades Computacionais: Principiantes, Experientes
 Permite o uso do teclado mas não de combinação de teclas ou seja não favorece
Experientes
Flexibilidade de interação – seleção de modo preferencial de entrada de dados
Entrada de dados via clique ou teclado(tab+ setas)
Tipo de Formação dos usuários
Neste caso exige a experiência prévia com uso de caixas de seleção e dinâmica de
mecanismos de filtros/consultas
Meio Social dos usuários
Em geral, estudantes ,tecnicos e profissionais da área são mais frequentes
Variações de personalidade
Não procede neste caso
Página 18
Tratamento de erros(Cont.)
Favorecimento da percepção humana
Uso de Heurísticas Consistentes
Dentro do contexto de conhecimento do usuário
 Utiliza ícones para indicar a ação de incluir o produto na lista de compra
Uso de comandos mneumônicos
Nomes de comandos curtos
 Sim os títulos dos filtros são descritos de forma suscinta
Combinação de teclas minimizadas
Não é utilizada neste caso combinação de teclas
Eficiência no diálogo, movimento e pensamento(Cont.)
Distancia de percurso do mouse entre 2 picks
 Distância adequada entre comandos no caso das caixas de seleção
Janelas distintas para mostrar informações de diferentes tipos ou contextos
Uso eficiente do espaço da tela
 A utilização da repetição da área para o mesmo aviso tira espaço para mostrar mais
itens de resultado obrigando a uma maior navegação entre as páginas de resultado
Uma imagem vale mais que um milhão de palavras
 O uso de imagens é comedido. Poderia ter sido explorado melhor para enriquecer o
contexto da página talvez para exemplificar o item apresentado na tabela
Classificação funcional dos comandos(menu pull down)
Manipulação direta
Não é feito uso deste recurso na página
Exibição exclusiva de informação relevante
Não é feito uso deste recurso
Não usar popus
Não é utilizado
Página 19
Uso de elementos invisiveis=labels, titulos em links,atributos alt em imagens

Não é feito o uso destes recursos
Não usar textos: clique aqui ou siga
Independência da resolução do monitor
 Sim. Respeita. Foram testados em um monitor de 15 e um de 17 e a apresentação
foi identica.
Uso de cores para favorecer a usabilidade
 Tentou-se utilizar a cor vermelha para destacar as opções mais importantes mas
demostrou-se agressivo e contra a harmonia da combinação das cores na tela.
Opções claras
 Diferente opções globais presentes em cada menu(Horizontal,Vertical) mas todas as
opções com títulos claros.
Página 20

 Prós
 Contras
Classificados (Exemplo de Exibição)

Consistência
 Como no detalhe da Página inicial resolveu-se criar descritivos para cada opção deveria –
se ter todas as opções listadas.
 Idem para os outros dois menus pois o usuário fica meio perdido de que opções constam
em um que não constam em outro
 O uso de um menu horizontal e um menu vertical é valido desde que um seja com as
opções globais e outro com as opções locais. Não é o que ocorre. Ambos tem quase todas
as opções
 As opções do menu utilizam a mesma apresentação e nomenclatura
 O uso do vermelho como titulo de algumas seções fica agressivo demais e sem harmonia
com o restante das cores utilizadas
 Links fora do padrão.
Feedback

 O foco com o mouse na opção faz com que a cor de sua caixa fique em realce
 Já o uso da tecla Tab permite navegar no menu mas não existe nenhum sinal que
indique a mudança das opções
página
Página 21
Habilidade e comportamento humano

 Fácil entendimento no uso dos itens de menu.
 O uso de aceleradores como o Tab, não funcionam de forma intuitiva.
 Falta o uso de ícones para auxiliar ao usuário a escolha do item do menu de
classificados.
 O uso de metáfora diminuiria a quantidade de informação desnecessária ao usuário.

 Rápida transição entre objetos no site, o mouse não precisa percorrer muito.
 Cada área é apresentada em uma janela diferente.
 Espaço da tela bem aproveitado.
Classificação funcional de comandos
 Falta de menus pull-down para aperfeiçoar o uso dos menus.
Uso adequado de janelas
 Uso de pop ups somente para passar mensagens relevantes.
Uso de rótulos, abreviações e mensagens claras

 Características como negrito itálico e sublinhado passam despercebidas em meio ao
fundo branco.
Tratamento e prevenção de erros
 É possível volta e cancela uma ação em qualquer momento das solicitações.
Uso de recursos multimídia
 Não utiliza de vídeos longos de abertura nem música de fundo.
 Falta imagens para identificar determinados elementos ou sites.
Página 22

 Prós
 Contras
Caso de Uso
Cadastro( Exemplo de Preenchimento)
 Os campos obrigatórios estão destacados adequadamente

 Difícil identificar localização para cadastrar-se no site
 Opções redundantes na tela confundindo a visualização.
Original
Telas
Página 23
Diagramas de Navegação
Original
Página Inicial
Página 24
Diagrama de Navegação Original – Caso de Uso: Pesquisa de Preço
Página 25
Diagrama de Navegação Original – Caso de Uso: Classificados
Página 26
Diagrama de Navegação Original – Caso de Uso: Cadastro
Página 27
Proposto
Principal
Página 28
Proposto
Pesquisa de Preço:
Página 29
Sugestão de modificações:
Página Inicial
1 – Eliminação das opções de menu redundantes e repasse das opções não
existentes do menu horizontal para o vertical.
2 - Acrescimo do mapa do site na pagina inicial.
3 – Eliminação do menu Horizontal e propagandas(Imagens animadas)
4 – Inclusão de icones de aumento e diminuição da fonte de letra
5 – Ajustes para manter o mesmo padrão de Título da página(seção) – Usaria o
padrão utilizado na Página de Pesquisa de Preços com a mesma combinação de
cores do menu
6 – Na Pagina Inicial deixaria apenas o Frame Horizontal e o Manu Vertical com
as opções adicionadas e colocaria apenas as novas dicas e Ultimas Noticias
7 – Colocaria no local do menu horizontal os campos usuario e senha e o botão de
logina caso o usuário deseje se logar sem precisar navegar para uma tela de login
Página de Pesquisa de Preço

1 – A implementação da opção como menu drop down elimina as paginas de
seleção de categoria e subcategoria
2 – Inclusão de uma opção de pesquisa literal geral
3 – Inclusão na tabela da imagem do produto
4 – Eliminação da seção de aviso do topo da página
Página 30

G5 - Boa Dica

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

G5 - Boa Dica

Enviado por

Direitos autorais:

Formatos disponíveis

Pós Graduação de Análise e Procecssamento de Dados

Trabalho de CGIU – Avaliação de Interface

(Avaliação Site Boa Dica)

Diagrama de Navegacao da Versao Original

Diagrama de Navegacao da Proposta

Proposta geral da página analisada

 Uma seção para cadastro – onde usuários , empresas prestadoras de serviço

Pagina inicial ate 23/07/2012

Definição do modelo de usuário deste aplicativo (suas

Modelo Conceitual do Usuário (Cont.)

Nível de habilidade computacional necessária para o usuário:

Avaliação da Qualidade da Interface do Aplicativo(Prós e Contras)

 Prevenção a comportamentos inesperados

Classificação funcional dos comandos(menu pull down)

Uso de recursos Multimídia

Rolagem de página para navegação

Revisão do texto, linguagem simples

Divisão da página / texto

Diretrizes de conteúdo (Cont.)

Avaliação da Qualidade da Interface do Aplicativo(Prós e Contras)

Pesquisa de Preços( Exemplo de Consulta)

 Uso de mesma codificação

 Prevenção a comportamentos inesperados

Uso de elementos invisiveis=labels, titulos em links,atributos alt em imagens

Avaliação da Qualidade da Interface do Aplicativo(Prós e Contras)

Classificados (Exemplo de Exibição)

Nível de Hardware ou léxico

Habilidade e comportamento humano

Minimização da carga de memória

Uso de rótulos, abreviações e mensagens claras

Avaliação da Qualidade da Interface do Aplicativo(Prós e Contras)

Cadastro( Exemplo de Preenchimento)

 Os campos obrigatórios estão destacados adequadamente

Diagrama de Navegação Original – Caso de Uso: Pesquisa de Preço

Diagrama de Navegação Original – Caso de Uso: Classificados

Diagrama de Navegação Original – Caso de Uso: Cadastro

Página de Pesquisa de Preço

Você também pode gostar