1 of 30

Jornalismo em Ambientes Digitais

Faculdade Cásper Líbero

Jornalismo

2017

Profas Ana Brambilla e Michelle Prazeres

ambrambilla@casperlibero.edu.br / mprazeres@casperlibero.edu.br

Curadoria da informação

2 of 30

Arquitetura da informação�O que é?

Remix: http://www.guilhermo.com/apresentacoes/arquiteturainformacao-fesa-guilhermoreis.pdf

Arte, ciência, disciplina, metodologia ou técnica?

3 of 30

Arquitetura da Informação

* Atividade de dar forma e organizar informação (conteúdos) para apoiar o leitor navegador a construir suas narrativas.

(contexto - conteúdos - formatos - plataformas)

​

* Área da ciência em construção.

* Mercado de trabalho para jornalistas

4 of 30

5 of 30

AI é um balanceamento entre

E seus objetivos…

6 of 30

Definição

Área do conhecimento que oferece uma base teórica para tratar aspectos informacionais, estruturais, navegacionais, funcionais e visuais de ambientes informacionais digitais por meio de um conjunto de procedimentos metodológicos a fim de auxiliar no desenvolvimento e no aumento da usabilidade de tais ambientes e seus conteúdos.

7 of 30

Papel do arquiteto da informação

Design; Gestão; Pesquisa; Mediação.

É necessário um profissional específico?A sua função é gerenciar uma equipe multidisciplinar? Qual a sua principal atividade?Com que métodos de pesquisa e avaliação devem estar familiarizados? Qual a formação ideal? Que pessoas devem integrar sua equipe? Que livros e sites e referências devo ler sobre isso?

​

Projetar informações e espaços, organizar, estruturar, rotular, redigir, identificar princípios de usabilidade… com designers, programadores, administradores e bibliotecários.

É um profissional da comunicação?

Uma área em disputa. Em construção.

8 of 30

Usabilidade

… facilidade no uso

​

… intuição

O que o usuário NÃO DEVE se perguntar ao entrar num site:

Sobre o que é este site?

Onde encontro tal informação?

O que isto quer dizer?

9 of 30

10 of 30

11 of 30

12 of 30

13 of 30

14 of 30

JD

Curadoria

15 of 30

Planejamento

- Tratamento informacional

- Tratamento funcional

- Tratamento estrutural

- Tratamento navegacional

CAMARGO e VIDOTTI, 2011. P. 211

16 of 30

17 of 30

Passo 1

Planejamento informacional

ítem/ nome do arquivo

formato

categoria

tag 1

tag 2

tag 3

tag 4

tag...

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

18 of 30

19 of 30

Passo 2: Planejamento funcional

mapa?

teste / quiz?

infográfico navegável?

panorâmica / 360 graus

ubiquidade / realidade aumentada

...

​

20 of 30

Passo 3: �planejamento estrutural: wireframes

Guia de wireframing: http://www.novaz.com.br/blog/2010/11/guia-completo-de-wireframing/

Em inglês: http://www.w3avenue.com/2010/02/03/guidelines-tools-and-resources-for-web-wireframing/

21 of 30

22 of 30

Passo 4: �planejamento navegacional

http://carolalves.com/

23 of 30

E se eu estiver planejando “apenas” uma reportagem?

Valem as mesmas questões, �pois você está na rede!

No entanto, seu projeto não será de um �“mini site” ou “hotsite”, mas de uma publicação �(postagem).

Para uma reportagem a arquitetura da informação �é o momento de pensar em um roteiro ou �protótipo, pensando:�conteúdo + código + organicidade (interna e externa).

Estrutura: “Abre” (apresentação) + fio lógico do “miolo” + “costuras” + fechamento.

24 of 30

Critérios de “qualidade”

  • Acessibilidade;
  • Usabilidade;
  • Metadados;
  • Política;
  • Interoperabilidade;
  • Preservação;
  • Personalização e customização.

25 of 30

Como “arquitetar”?

  • Reúna toda informação disponível;
    • Crie e pense em novas possibilidades (inovações, experiências a oferecer);
  • Organize (temas / assuntos, formatos);
    • Visualize, registre e crie conexões;
  • Categorize (escolha uma lógica de navegação);
  • Classifique;
    • Pense na construção de possibilidades de trajetória;
    • Pense na durabilidade do projeto;
    • Pense em construir referências, de modo a formalizar procedimentos, para que outras pessoas possam gerir o projeto.
  • Distribua; Monte.
    • Linguagem: pense no usuário!
  • Faça um teste;
  • Faça ajustes.

LEMBRETE

funcional

estrutural

informacional

navegacional

LEMBRETE

Conteúdo

Código

Organicidade

​

26 of 30

AI

27 of 30

AI >> um dos pilares do UX

28 of 30

29 of 30

UX

30 of 30

Referências desta aula