Prévia do material em texto
O que é AI? Ocupa-se em organizar, categorizar e rotular a informação em uma estrutura coerente. Faz isso para que as pessoas possam compreender os sistemas rapidamente. Como Sistemas são Estruturados? De forma hierárquica = funil Categoria> Subcategoria Ex.: Meus de Navegação De forma concêntrica ou caótica (caótico não é algo ruim) Pode funcionar melhor em determinados sistemas Ex.: Wikipedia/Facebook se movem por hiperlinks Como o Instituto de AI define AI? Design estrutural de ambientes de informação compartilhada Arte e ciência de rotulação de sites, intranet, comunidades e softwares Comunidade focada em trazer princípios de design e usabilidade para o paisagismo digital Quel lançou o termo? Richard Saul Wurman, 1976, presidente do American Institute of Architects … mas a atividade já existia “Como as pessoas se movem no espaço digital” …. Paralelo com o real Sistemas de organização: Como um conteúdo é agrupado e classificado Podem ser: Exatos: alfabeto, tempo, localização, sequência. O conteúdo é repartido por categorias bem definidas e mutuamente exclusivas. Ambíguos: tema, tarefa, audiência, metáfora, híbrido. O conteúdo é repartido por categorias subjetivas Globais: presente em todas as telas do sistema, como HOME ou menu principal Locais: acessados apenas em uma categoria como subníveis Contextuais: relacionam conteúdo por semenlhaça como “links” e “veja também” Suplementares: redundante à navegação principal (pg de mapa pi busca) Avançados: personalizados de acordo com as escolhas dos usuários Sistemas de Navegação: como o usuário se move Sistemas de Rotulagem: são termos que representam os conteúdos da interface: títulos, botões ou itens do menu. Devem ser claros e sintéticos (tags) Sistemas de Busca: Perguntas que podem ser feitas com palavras-chaves ANTES AGORA Foco nas funcionalidades foco no usuário Dificil producao de sistemas fácil produção Difícil acesso fácil acesso Pouca concorrência para espaço e atenção muita concorrência Prender atenção 3 min prender em 5 segundos Mecanismos Complexos Mecanismos simples e claros Profissional de AI Tem visão de negócio Conhece todos os detalhes e etapas do projeto Conhece público-alvo e suas expectativas Entende o potencial da equipe de desenvolvimento Boa capacidade analítica e exploratória Boa redação, boa comunicação, trabalha bem em equipe Questiona, está atualizado É criativo Entregáveis de AI: Documentos produzidos por AIs para solução estratégica e planejamento do projeto Briefing: documento de partida Plano de ação Fornece bases para estimativa de tempo e esforço e custo / para proposta comercial Devem apresentar: problema, objetivo e público-alvo Contatos dos pontos focais da empresa Funciona como contrato Pode trazer anexos com informações sobre o mercado e os congêneres É bom ser assinado pelo cliente 2) Brainstorming: Atividade exploratória Pode ser realizada no começo, meio ou fim Ideal é levantar ideias criativas 3) Benchmarking Estabelece comparações Identifica melhores práticas Usa interfaces de concorrentes ou aleatórios Conselhos: pintrar a tela que pode mudar, colocar URL, fazer marcação visual na tela para evidenciar as ideias, justifica para registro 4) Inventário de conteúdo: levantar todo conteúdo do projeto, muito indicado para reformulações. Recomendações: criar níveis e subníveis, colocar nome da página, criar url diferenciada, palavras-chaves para descrever 5) Taxonomia: classificação hierárquica de todo o sistema, define o menu principal e a navegação. É importante para retorno das buscas. 6) Sitemap: documento que mostra visualmente a estrutura de um site com todas as suas páginas 7) Pesquisa com usuários: para projetar produtos mais adequados. Entrevistas, questionários, focus group, five whys, eye tracking, métodos presenciais para qualitativas. Quanti: rápido, numeroso, baixo custo, problema da amostra. 8) Card Sorting: para entender modelo mental do pensamento dos usuários; pode ser usada em várias fases; usa cartões para representar páginas, grupos de páginas ou conteúdos do sistema; podem ser separados por cores; 30 a 100 cartões; tem que pegar público-alvo. Design Kit/ Xtensio Tecnica: Think Aloud - usuário recebe os cartões e agrupa da forma que achar melhor. 10) Sketchs e Wireframes: não são layouts; esqueletos das páginas; usam formas geométricas; sketchs a mão (para equipes), wireframes com ferramentas (para clientes); serve para validação de sistemas internas. Dicas: Lorem Ipsum… imagens retângulos com X; datas: sugestão de formatação; números: quantidade de casas planejadas; menus: mostrar expansão Referências - Luiz Agner - Ergodesign e AI Claudia Dias - USabilidade na WEB Steve Krug - não me faça pensar