O documento descreve um projeto de design de informação e interface para o universo ficcional da obra "O Guia do Mochileiro das Galáxias". Ele resume a metodologia utilizada, que inclui a coleta e organização dos dados, desenvolvimento de elementos visuais e estruturais para a interface hipermídia, e escolhas estéticas inspiradas na obra original.

1. Sanchando o guia do
mochileiro das galáxias
Universidade do Estado de Minas Gerais
Escola de Design
Graduação em Design Gráfico
João Victor de Oliveira Rodrigues

2. O projeto
O Guia do mochileiro das galáxias
Narrativa transmidíatica
Design da informação
Design de hipermídia
Metodologia
Revisão bibliográfica
Aglutinação e estruturação da informação
Apresentação visual e estrutural do projeto
Organização de elementos nas interfaces de hi-
permídias
A visualidade da informação

3. O projeto
O projeto se caracteriza como um projeto prático
experimental, que aborda o design de informação
e de interface, e as possibilidades de desenvolver
mecanismos de apresentação e analise de
dados complexos como suporte a narrativas
transmidíaticas.

4. “A compreensão de uma estrutura e sua organização
de informação permite a compreensão de valor e
significado de seu conteúdo.”
WURMAN, 1991, P. 72

5. Sancha :
Conhecer, estar ciente de, encontrar, ter
relação sexual com.

6. O guia do mochileiro das galáxias
“A leitura, o humor, os animais selvagens e a
tecnologia eram suas grandes paixões, e ele
[Douglas Adams] soube reunir esses interesses
aparentemente disparatados com toda a concisão
e energia de um supercomputador de partículas
atômicas, inundando seus leitores com um dilúvio
feroz de hilariantes conceitos abstratos e teorias
perversamente avançadas.”
GREIVE, 2010 apud ADAMS, 2010.

8. Perfil dos usuários
Leitores da obra de Douglas Adams, que desejam
compreender melhor o universo ficcional onde a
historia se ambienta.
Para tanto o projeto se propõem a ser uma fonte
de informação confiável e um forma simples, rápida
e objetiva de recuperar, analisar e compartilhar
informações pertinentes a obra de Adams.

9. Design da informação
“[Design da informação] é uma disciplina cujo objetivo
é organizar e apresentar dados, transformando-os
em informação válida e significativa.”
Portugual, 2010, P.02

10. hipermídia
“A relevância da hipermídia dá-se devido às
suas características elementares, tais como alta
capacidade interativa, fluxo continuo de dialogo
com as informações, elaboração visual e grande
capacidade de armazenagem de hiperdocumentos.”
Passos, 2008, P. 13

11. Metodologia
Foi utilizado a metodologia proposta por Ravi Passos
(2008), na qual ele divide o projeto de design da
informação em quatro etapas:
Aglutinação e estruturação da informação
Apresentação visual e estrutural do projeto
Organização de elementos nas interfaces de
hipermídias
A visualidade da informação

12. Aglutinação e estruturação da informação
Coleta e organização de todos os dados que deverão
se tornar o conteúdo informacional a ser tratado para
a utilização em forma de interface de hipermídia.

13. Aglutinação e estruturação da informação
Levantamentos, pré-definições e detalhamentos
Levantamento de todos os dados, através de uma
leitura e analise do objeto de estudo.

14. Aglutinação e estruturação da informação
Estruturação, agrupamento e categorização
Os dados coletados foram agrupados, categorizados,
hierarquizados e vinculados com base na relação
apresentada pelos mesmos.

15. Aglutinação e estruturação da informação
Apresentação do conteúdo
Planejamento da apresentação visual dos dados
coletados e categorizados.

16. Aglutinação e estruturação da informação
Validação
Foi feita uma consulta junto aos leitores e futuros
usuários, com o intuito de validar as categorias e
escolhas feitas nas etapas anteriores.

17. Apresentação visual e estrutural do projeto
Foram desenvolvidos mapas de conteúdo e
acesso, listas descritivas das funcionalidades e dos
elementos da interface.

21. Apresentação visual e estrutural do projeto
Desenvolvimento de pictogramas, que
representassem as categorias anteriormente criadas.

22. Apresentação visual e estrutural do projeto

25. Organização de elementos nas interfaces
de hipermídias
Estudos estruturais e formais das interfaces e de
seus elementos.

30. A visualidade da informação
Definiu se que seria utilizada a estética conhecida
como retrofuturismo, que apresenta um contraponto
entre passado e futuro.

31. A visualidade da informação
Referencias visuais e estéticas, relacionados à obra,
Filme, livros, HQs, seriado, games.

32. A visualidade da informação

33. A visualidade da informação

34. A visualidade da informação

36. Todas as escolhas estéticas foram tomadas levando
em conta a estética adotada e as referencias
coletadas anteriormente.

37. Os popups dos verbetes foram desenvolvidos com
características flexíveis, variando de acordo com a
posição do pictograma na tela.

38. Todos os elementos da legenda funcionam como
filtro para o conteúdo, podendo ser ativado e
desativado pelo usuário.

40. As entradas no fórum podem ser visualizadas de três
maneiras distintas, a escolha do usuário.

41. Opção de login pelas
redes sociais.

42. Texto padrão para
compartilhamento nas
redes sociais.

43. Acompanhar
múltiplas discussões
simultaneamente.

46. Perfil dos usuários | Personas

47. William, que iniciou
a pouco a leitura do
guia, por indicação
de alguns amigos,
está atualmente
na pagina, 34, onde
se deparou com a
descrição de um novo
personagem, Zaphod
Beeblebrox, um
personagem bastante
diferente dos até
então apresentados,
o que despertou sua
curiosidade.

48. Contexto de uso
William então resolve entrar no site, Sanchandooguia.
com para obter mais informações sobre este
personagem e então compartilha estas informações
com seus amigos, também fãs do guia.

50. Obrigado e boa noite!