Aula16 Artefatos

(1)

1 Aula 16

Artefatos

2

(2)

3

como usuários do público-alvo organizam as

informações da forma que seja a mais útil

para eles. A sua aplicação permite que

sejam criadas estruturas de organização de

informação otimizadas e mais adequadas ao

modelo mental dos usuários de projetos

interativos.

A técnica é rápida, econômica e confiável.

Servem de base para a geração de

estruturas, menus, navegação e taxonomias

(hierarquias dos itens de informação).

Função

Categorizar, classificar e agrupar entidades

(objetos, idéias, ações, informações) por

semelhança (Princípio da Gestalt).

A ideia básica é organizar os conteúdos com

baseando-se nos conceitos que os usuários

têm do conteúdo a ser disponibilizado.

(3)

3

5

Verificar se a Arquitetura da Informação

dos sites faz sentindo sob o ponto de

vista do usuário.

6

Tipos

Alta fidelidade: Utiliza os softwares

EZSort e o Optimalsort para tratar os

dados automaticamente.

Baixa fidelidade (Tradicional): Cartões

de papel, caneta e maquina fotográfica

para registrar.

(4)

7

usuários, embora NIELSEN(2003),

aconselhe a aplicar o Card Sorting com 15

usuários, pois o modelo mental e

vocabulário das pessoas são muito

variáveis, quanto maior a amostra, maior a

confiabilidade.

Passo a Passo

Escreva os nomes e uma breve descrição de

cada item de informação em pequenos cartões

de papel.

(5)

5

9

pode criar tantos grupos quanto quiser, sendo

os mesmos pequenos ou grandes.

No final, pode-se pedir ao participante que

nomeie as pilhas. Assim, ele fornecerá ideias

de palavras ou de sinônimos, que podem ser

usados nos rótulos, links, título se na

otimização de mecanismos de busca.

10

Análise dos Resultados

Identificar o esquema de organização dominante. Ajustar a consistência da nomenclatura.

Analisar categorias singulares. Analisar o todo:

Os rótulos são adequados?

As categorias são muitos extensas?

O grande ganho do Card Sorting é organizar a

informação a partir da perspectiva do usuário. Após o

refinamento você chegará a uma Taxonomia(Sistema

de Organização hierárquico).

(6)

11

Definição

Esboços preliminares, mostram o esqueleto do

sistema de navegação independente do design visual final.

Úteis para comunicar visualmente o layout e as funcionalidades de um site ou aplicação web. São ferramentas-chave no design de navegação, permitindo explorar várias alternativas.

(7)

7

13

14

Aspectos Importantes

Fidelidade.

Visualização de rótulos e textos.

Refletem requisitos do projeto e

informações coletadas.

Mostram como você irá coordenar as ações

micro e macro de um arquitetura da

(8)

15

Prioridades e Hierarquia

A definição da hierarquia das informações é crucial para o

resultado de um trabalho de AI.

Prioridades dos Usuários X Prioridades da Empresa

O usuário em primeiro lugar

Venda E-commerce Atendimento Dicas Brastemp

(9)

MSOffice2 falar de organização de informações e também da maneira "categorizada" de pensar: classificação geográfica, gramatical, de parentesco etc.

(10)

17 Atendimento Vendas E-Commerce Dicas Brastemp A _B A B C

Identificação das Páginas Modelo

Para criar um site, o arquiteto não precisa desenhar os

wireframes de todas as páginas.

Com o mapa de navegação, ele deve identificar quais

são as páginas modelo, a serem seguidas pelas demais.

O ideal é buscar padrões que possam abarcar várias

páginas.

(11)

(12)

19

Exemplo: CNN Internacional

Home

Homes Secundárias MSOffice6

(13)

(14)

21

Páginas de Conteúdo

Definição de Sitemap

Legenda MSOffice8

(15)

(16)

23

Arquitetura Convencional

Tenho 66 m

2

_{para montar um apartamento}

(17)

(18)

25 4 3 0 p ix e ls 778 pixels

WEB

(19)

14

27 28 5 8 0 p x 960px

(20)

(21)

15

29 5 8 0 p x 30 Busca:

Alunos Futuros Alunos Ex-Alunos Docentes Visitantes

OK

Home

Digite a palavra-chave Em todo site

Fale Conosco Newsletter Área Restrita: Aluno OK

• Cursos

Gastronomia: mini curso de culinária italiana. • IESB em Ação

Psicologia: saiba o que aconteceu na II Semana Universitária.

RSS

Por área Por Data

23/10/2006 – II Semana Universitária de Psicologia. 23/10/2006 – Confira a II Semana Universitária de Psicologia. 23/10/2006 – II Semana Universitária de Psicologia. Mais Notícias News DESTAQUES IESB • Cursos

Gastronomia: mini curso de culinária italiana. • Eventos

Psicologia: saiba o que aconteceu na II Semana Universitária. 23/10/2006 – II Semana Universitária de Psicologia. 23/10/2006 – Confira a II Semana Universitária de Psicologia. 23/10/2006 – II Semana Universitária de Psicologia. Notícias Eventos Mais Eventos Mais Recentes Artigo Periódicos ♫Podcasts Vídeos Teses Monografias Rádio CENTRAL DE CONHECIMENTO RSS FAQ Atendimento Online

RÁDIO Escute o programa “Na Prática” dessa semana. ♫ PODCAST

Confira a entrevista com o Professor Fulano. VÍDEO Confira o programa produzido nesta semana. TESE Publicada tese de Doutorado do Professor Tal. + O IESB - Graduação Processo Seletivo Administração Ciência da Educação Ciências Jurídicas Relações Públicas Eng. de Computação Engenharia Elétrica Jornalismo Normal Superior Psicologia Publicidade e Propaganda Relações Internacionais Secretariado Executivo + Pós-Graduação + MBA + Educação à Distância + Conheça as Profissões - Central de Conhecimento Periódicos Produção Acadêmica Agência de Notícias Vídeos Podcasts Rádio + Biblioteca News Classificados Calendário Acadêmico Logo MSOffice12

(22)

; 24/10/2006

Slide 30

(23)

16

31 Parceiros e Apoiadores Todos OK Peça de parceiros Endeavor no Mundo

Sobre o Palestrante Download da apresentação

Nota Legal

Índice Selecione um capítulo

Apoio

00:05:08

Ajuda

32 PARTICIPE

O famoso crítico Gaspar Ferdinand vai revelar talentos na nova arte da pequena tela. Você pode participar de duas formas:

1. Enviando um filme 2. Votando no seu filme favorito

Se sua obra for uma das selecionadas na semana pelo Gaspar Ferdinand e também a mais votada pelo júri popular, você ganha um Celular Gradiente GF-930. Gradiente O Crítico Críticas Do Gaspar Volta ao início Participe GF-930 menu menu GRADIENTE

1º Festival da Pequena Tela

Convite do Gaspar Ferdinand menu Gradiente O Crítico Críticas Do Gaspar Volta ao início Participe GF-930 GRADIENTE

Passo a passo Regulamento Enviar Filme

Gradiente O Crítico Críticas Do Gaspar Volta ao início Participe GF-930 GRADIENTE

Passo a passo Regulamento Enviar Filme

ENVIAR FILME

Para mandar o seu filme, cadastre-se agora:

Quero enviar meu filme

Participe Indicar para amigos

Enviar Filme

Seu nome Seu e-mail Título do filme

Pelo celular Pelo MSN MSOffice14

(24)

; 24/10/2006

Slide 32

(25)

17

33 2. Votando no seu filme favorito

Se sua obra for uma das selecionadas na semana pelo Gaspar Ferdinand e também a mais votada pelo júri popular, você ganha um Celular Gradiente GF-930.

menu menu

Convite do Gaspar Ferdinand

menu

Quero enviar meu filme

Participe Indicar para amigos

Enviar Filme

Seu e-mail

Pelo celular Pelo MSN

(26)

35

Especificação Funcional

Os wireframes são os documentos que servirão de guia

para todas as etapas posteriores de um projeto.

Neles, devem estar todas as indicações das

funcionalidades idealizadas pelo arquiteto, para serem

conhecidas e seguidas por toda a equipe de criação e

tecnologia.

Crie seu filme

Quem é o protagonista de seu filme?

PROCURAR FOTO PROCURAR FOTO Procure uma foto digna de astro de cinema e clique em continuar!

CONTINUAR CONTINUAR

[ 2.1 ] Crie o seu filme > Passo1

Crie seu filme

Quem é o protagonista de seu filme?

CONTINUAR CONTINUAR Clique e arraste a imagem para ajustá-la no personagem principal: TROCAR FOTO TROCAR FOTO TAMANHO + -ROTAÇÃO I

--[ 2.1.2 ] Crie o seu filme > Passo 2

1 2 3 PASSOS PASSOS 1 2 3 LETREIRO A VIDA É UM FILME Como Participar Crie seu Filme Campeões de Bilheteria Jogo dos 7 Erros LETREIRO A VIDA É UM FILME Como Participar Crie seu Filme Campeões de Bilheteria Jogo dos 7 Erros

Crie seu filme

[ 2.1.3 ] Crie o seu filme > Passo 3 Selecione os coadjuvantes

CONTINUAR CONTINUAR Coloque uma foto bacana de seus amigos ou de quem você mais gosta:

PROCURAR FOTO PROCURAR FOTO 1 2 3 PASSOS Seu Nome LETREIRO A VIDA É UM FILME Como Participar Crie seu Filme Campeões de Bilheteria Jogo dos 7 Erros

Conheça a Galeria de Filmes da Gradiente

Conheça a Galeria de Filmes da Gradiente Conheça a Galeria de Filmes da Gradiente MSOffice16

(27)

(28)

37

A VIDA É UM FILME Crie seu filme

Apenas um protagonista Protagonista e Coadjuvantes

Você e seus amigos podem ser os astros desta história. Escolha uma das opções para fazer o seu filme:

Jogo dos 7 erros Jogo dos

7 erros Campeões de Bilheteria Campeões de Bilheteria Apenas coadjuvantes | ver exemplo | ver exemplo | ver exemplo

Conheça a Galeria de Filmes da Gradiente

Análise

Heurística

(29)

20

39

Construir diálogos simples e naturais Falar a linguagem do usuário

Minimizar a necessidade de memorização do usuário Manter a consistência

Oferecer feedback

Identificar claramente as “saídas” Oferecer atalhos

Elaborar boas mensagens de erro Evitar a ocorrência de erros

Prover ajuda e documentação de apoio

40

Etapas –

Colaboração e Planejamento Nesta fase, são levantadas informações sobre:

A estratégia do projeto e suas métricas de sucesso;

Requerimentos técnicos, criativos e de conteúdo; Seus públicos prioritários e informações sobre sua concorrência horizontal.

(30)

41

O Analista sênior deverá avaliar o site e, em

conjunto com o cliente, deverá determinar o

escopo e foco da análise.

Etapas -

Análises individuais

Dois a três avaliadores deverão inspecionar o sistema

segundo os seguintes aspectos relacionados a usabilidade: Sistema de Informação Sistema de navegação Sistema de Nomenclatura Sistema de busca Performance Design Conteúdo Home Page

(31)

22

43

relatório final

44

Etapas –

Análise Qualitativa e Relatório

O analista sênior irá então gerar um

relatório de recomendações para cada uma

das situações de baixa usabilidade

(32)

45

combinação de três fatores:

Freqüência: quantas vezes ele ocorre na interface? É

comum ou é raro?

Impacto: ele é fácil ou difícil de ser superado pelos

usuários?

Persistência: é um problema que afeta os usuários

somente uma vez (e depois que o usuário aprende como resolvê-lo, ele desaparece) ou é um problema que vai incomodar os usuários repetidas vezes?

Usamos uma escala de 1 a 4 para julgar a severidade de um problema de usabilidade:

1. Cosmético: só precisa ser solucionado se houver tempo e dinheiro;

2. Leve: sua solução pode ter baixa prioridade;

3. Sério: deve ser consertado logo;

4. Crítica: a solução deste problema deve ser dada prioridade absoluta, pois ele de fato impede usuários de usar apropriadamente a interface.

(33)

24

47

Critérios Heurísticos: Lista dos critérios

heurísticos utilizados para avaliar a interface e de como foi o desempenho da interface em cada um deles. Inclui breve definição dos critérios.

48

Problemas de Usabilidade: Lista dos problemas de usabilidade encontrados. Cada problema é

tratado detalhadamente, com descrição dos critérios heurísticos que ele viola, seu grau de severidade, o custo para o cliente de não consertar o problema versus o custo de resolvê-lo.

Plano de Correção: Propomos soluções eficientes e cost-effective para cada problema encontrado. Cada solução é sempre pensada em termos de custo-benefício para o cliente. Alguns problemas de usabilidade pouco severos mas de solução custosa podem ser ignorados, ao mesmo tempo que problemas graves, e de soluções caras, terão que ser solucionados.

(34)

49