Zeideeu sobrevivi só para contar
Navegar nos Arquivos

A experiência — primeiras ideias de UX

Arquivos
site/docs/02-experiencia.md
Atualizado
2026-09-01
Termos de uso
Escritos pela família com ajuda de IA, agosto–setembro de 2026. Fonte da verdade do site.

Rascunho para discussão (01/09/2026). Nada aqui é definitivo; as decisões estão em 03-decisoes-abertas.md.

Mapa do site (proposta)#

Home ─┬─  MODO MEMORIAL  (imersivo, parallax, ~10 min — "sentir")
      ├─  A JORNADA      (timeline horizontal + vídeo PiP — o coração do site; toggle  Mapa)
      ├─  A ENTREVISTA   (player completo + transcrições verbatim/revisada)
      ├─  AS PESSOAS     (a família, pessoa a pessoa — P01–P11 + a árvore)
      ├─  O ARQUIVO      (catálogo D01–D19 navegável, com os scans)
      ├─  O QUE NÃO SABEMOS (Marisha, o "Aser Hersz", a foto de 1938… — a busca continua)
      ├─  FAÇA PELA SUA FAMÍLIA (o guia: a pesquisa com IA, passo a passo — ver 05-guia-pesquisa.md)
      └─ ℹ SOBRE          (o método, as convenções, os créditos, as fontes)

1 · A Jornada (timeline horizontal) — o coração#

Estrutura em capítulos (âncoras de navegação, mapeadas do arco):

Kalisz 1914–39 · A guerra e a fuga 1939 · URSS 1940–43 · O exército 1943–45 · O retorno 1945 · Alemanha 1945–46 · Paris 1946–47 · Brasil 1947–50 · Epílogo

Mecânica proposta:

  • Scroll horizontal (trackpad/setas/arrastar); em mobile, vira vertical — mesma estrutura.
  • Escala do tempo distorcida por capítulo (1939–47 merece 70–80% do espaço; 1914–39 comprime). Alternativa: régua uniforme com "zoom" por capítulo — a decidir (03, nº 7).
  • Duas trilhas paralelas: em cima, a vida dele; embaixo, o mundo (a invasão, os dez trens, a anistia, Lenino, Kielce, o Decreto 7.967). A trilha de baixo pode ser ligada/desligada.
  • Filtros por natureza (a taxonomia do projeto, com cores/ícones fixos):

    • ENTREVISTA — o que ele conta (sempre com o timestamp clicável)
    • DOCUMENTO — o que os papéis provam (com o scan)
    • HISTÓRIA — o contexto
    • INFERÊNCIA — as deduções, sempre visualmente distintas
    • Filtros secundários: por pessoa (Hersz, Regina, Marjem, Szyja, Majer, Frania, os tios) e por lugar (Kalisz, Białystok, Sibéria, Tashkent, Majdanek, Lublin/Annopol, Paris, Santos…)
  • Evento → painel que desliza da direita (a timeline permanece visível; bottom-sheet no mobile): título, o parágrafo do que se sabe, a(s) foto(s), a citação dele (com botão ▶ que puxa o vídeo), as fontes com grau (//), links "saiba mais" (contexto) e "ver no arquivo" (D##).
  • O Mapa (escopo aprovado; provável v3): visão geográfica alternativa — a rota Kalisz → Białystok → norte da Rússia → Sibéria → Tashkent → Lenino → Lublin/Majdanek → Kalisz → Baviera → Paris → Santos → São Paulo, animada, com os mesmos eventos plotados; toggle timeline ⇄ mapa no topo da Jornada.

2 · O vídeo PiP e a sincronização (ideia-chave do Flavio)#

  • Player flutuante (canto), sempre disponível na Jornada; expande para a página A Entrevista.
  • Clique no evento → seek para o timestamp (o índice cruzado do catálogo já mapeia ~35 pontos; a linha do tempo tem ~60 timestamps de eventos — o dataset existe).
  • Sincronização reversa ("modo escuta"): com o vídeo tocando, a timeline rola sozinha e acende o evento correspondente; a transcrição, se aberta, faz highlight do bloco atual (via os tempos do SRT/WebVTT).
  • Legendas: o SRT (convertido a WebVTT) como track do player.

3 · A Entrevista (a página das transcrições)#

  • Abas Verbatim ("como ele falava") e Revisada ("para ler") — com o aviso curto do método e link para o "como ler" completo.
  • Cada turno com timestamp clicável (→ seek). Busca no texto. As marcações [?] com tooltip ("por que não chutamos").
  • As 5 fitas como âncoras; o índice temático (03-indice) como menu lateral.

4 · Modo Memorial (tela cheia, parallax)#

Uma narrativa curada de ~10–14 telas, scroll suave, cada tela = uma imagem grande + poucas palavras + (opcional) a voz dele em trechos curtos. Rascunho de sequência:

  1. A foto de 1938 (a família inteira) — "KALISZ 25-7-1938"
  2. Kalisz: a loja, Herz na porta (foto que ele mesmo tirou)
  3. A guerra: o recado ao pai na retirada; [05:42]
  4. A despedida: "Como eu vou fazer? Vou deixar tudo isso aqui?" [34:12]
  5. O trem: "todo o trem começando a gritar 'água'" [40:45]
  6. A costura que salva: a mentira do alfaiate [62:05]
  7. Majdanek: "E meus pais, minha e toda a família morreram lá." [55:43] — tela sóbria, sem parallax
  8. A vizinha: a carroça, o zelador [86:48]
  9. Nuremberg do portão; a medalha da qual "sobrou só papel" [90:13]
  10. A ficha DP de 1946: destino desejado — Palestina
  11. O Groix: a linha 29 da lista, Santos, seis dias antes dos 33 anos
  12. Clara: a foto do casamento, 03/06/1950
  13. "O quinto milagre" (o título do epílogo): a árvore florescendo — como uma vida salva na guerra gerou uma família. No público, os números; na área da família, os nomes.
  14. A última frase, dele : "E se Deus quiser, ainda tem muita coisa em frente." [135:58] — e o convite: explorar a jornada / assistir à entrevista

Regras do modo: telas de morte sem efeito lúdico (parallax pausa); música — provavelmente não (decisão 03, nº 11); botão "pular para a jornada" sempre visível.

5 · As Pessoas#

Cartões por pessoa (de dados-biograficos.md + P01P11): foto/recorte quando houver, datas documentadas, "o que ele disse sobre" (citações), "o que os arquivos dizem", grau de certeza. Frania e Majer com destaque de "nomes recuperados" — a história de como cada nome voltou. A árvore: geração viva apenas na área da família (decisão nº 1).

6 · O Arquivo#

O catálogo como galeria navegável: cada D## com o scan (zoom), a ficha de proveniência, a ligação com as falas ("a voz dele"), e download quando os termos da fonte permitirem. Filtros: por tipo, por década, por arquivo de origem (Arolsen, YV, USHMM, JDC, AP Kalisz, Museu da Imigração…).

7 · O Que Não Sabemos#

A página mais honesta: Marisha (a pergunta de 80 anos), o "Aser Hersz" aguardando cópia, a posição 3 da foto de 1938, "Kronstadt", os tenaim sem tradução — cada uma com o estado da busca. Atualizada a cada rodada de pesquisa. É também onde um parente distante que chegar via Google (se público) encontraria o convite para contato.

Detalhes transversais#

  • Tipografia grande, contraste alto — o site será usado por gente de 8 a 90 anos.
  • Mobile-first de verdade: a família vai abrir do WhatsApp.
  • Tudo estático e leve (fora o vídeo): sem login para a área pública; a área da família com proteção simples (decisão nº 1).
  • Idiomas: estrutura preparada para PT + EN/HE (decisão nº 2).
  • Impressão: cada painel/pessoa com CSS de impressão decente (avós imprimem).