Tutorial de Arquitetura de Informação
Esta é uma rotina básica de Arquitetura de Informação que eu fiz a partir do tutorial publicado no webmonkey e traduzido por João Bruni. Adicionei umas coisinhas, tirei outras, mas de uma forma geral, é um bom começo pra se fazer um site decente. Se você ainda não tem experiência e achar interessante seguir esta metodologia, imprima este resumo e cole na porta da sua geladeira até terminar o projeto em que está envolvido, e vá marcando os passos já completados. Algun Termos podem ser difíceis de entender, mas nada que uma visitinha no site do João não resolva.
Lição 1 - Definindo Objetivos
1.1- Objetivos
Coleção formal
Coleção Informal
1.2 - Perguntas
Qual é a missão e o propósito da organização?
Quais são os objetivos de curto-prazo e de longo-prazo do site?
Quais são os públicos-alvo?
Por que as pessoas irão visitar o seu site?
1.3 - Seleção de Respostas
Seleção
Card-Sorting com público alvo selecionado
Lição 2 - Definindo o Público Alvo e Competidores
2.1 - Definindo a experiência do usuário.
Avaliar quem está envolvido e quais os conhecimentos de cada um em relação ao conteúdo do site.
2.2 - Definir o Público Alvo
Definir todos os possíveis públicos-alvos do site e seus respectivos interesses. Agrupar em categorias se necessário.
2.3 - Criar cenários
Criar cenários, histórias, condições de utilização do site.
2.4. - Análise Competitiva
Análisar aspectos de linguagem e tecnologia da concorrência. Uma tabela ajuda.
Lição 3 - Conteúdo
3.1 - Conteúdo
Quais componentes de conteúdo o site precisa?
Quais tipos de funcionalidades tecnológicas serão necessárias
Criar uma lista de conteúdo.
Separar este conteúdo em categorias.
3.2 - Identificar o conteúdo e requisitos funcionais.
Tipos de conteúdo: estático, dinâmico, funcional e transacional
Necessidades tecnológicas de cada um.
3.3 - Agrupar e Rotular o Conteúdo
Card Sorting do inventário de conteúdo entre os envolvidos no projeto.
Documentar os resultados
Lição 4 - Estrutura do Site
4.1 - Estrutura
Metáforas Organizacionais
Metáforas Funcionais
Metáforas Visuais
4.2 - Esculpindo
Mapa hierárquico e Organograma
4.3 - Definir a Navegação
Definição, a partir de Fluxograma, de Macronavegação Micronavegação, Navegação Global e Local.
4.4 - Documentar o processo.
Lição 5 - Aspectos Visuais
Scatch
Wireframe
Grids de Layout
Localização do usuário nas páginas
0 TrackBacks
Abaixo você encontra os links com referências a este post: Tutorial de Arquitetura de Informação.
URL deste post: http://www.webkrause.com/blog/mt-tb.cgi/52
Esse treco tá bom hein?
Só essa cara de louco. Rsrs.