Issue #65

Closed
noosferogov/noosfero#65
Created by Joenio Costa (Edited )

Diagramação dos primeiras tipos (temas noosfero) de comunidades

Definir tipos de blocos, arquitetura da informação, etc...

9 participants
  • 508366ac858577fb4038bd14e98b7198?s=40&d=identicon
    Mariel Zasso @mariel (Edited )

    [PRÉ-REUNIÃO --> ESTE COMENTÁRIO NÃO ESTÁ ATUALIZADO]

    Fizemos um exercício prévio para agilizar a reunião de amanhã. @peterlima , @kadumx , @tiagoaraujo , @andersonswill , deem uma olhada. A ideia é aprofundar essa discussão com vocês.

    Contexto: atualmente, ao criar uma comunidade, a ferramenta oferece um template básico que o gestor pode adaptar aos usos incluindo ou excluindo blocos. Esse processo de inclusão/exclusão de blocos, porém, ainda está longe de ser intuitivo. Assim, pensamos em oferecer uma variedade maior de templates básicos, pensados de acordo com os usos distintos diagnosticados na Sprint 1.

    Como comentado em #Issue17 (https://softwarepublico.gov.br/gitlab/noosferogov/noosfero/issues/17)), pensamos em desenvolver inicialmente 3 propostas de modelos de comunidades, a partir de seus usos reais diagnosticados. Estamos incluindo um 4º modelo, que pode ser aprofundado em uma sprint posterior, já que talvez requeira novas funcionalidades (Conferências virtuais - uma mescla dos usos consulta e evento.)

    Sugestões iniciais:

    1) Blocos comuns a todos os templates:

    • breadcrumbs
    • menu (com design e conteúdo adaptado a cada uso) - pensar novos desenhos/posições
    • cabeçalho customizável pelo usuário (implementar opção de subir uma imagem para cabeçalho em tamanho pré-determinado; linkar automaticamente com a home)

    2) Comunidade tipo "Evento" (ex.: http://www.participa.br/arena; http://softwarelivre.org/fisl16 também é Noosfero)

    • streaming
    • destaque rotativo (imagens com links)
    • programação
    • notícias
    • galeria de imagens
    • repositório de arquivos do evento (fotos, videos, apresentações de slides, docs)
    • contagem regressiva (“faltam X dias”)

    3) Comunidade tipo "Consulta Pública" (exemplos.: - consulta pontual http://www.participa.br/egd; várias consultas paralelas http://www.participa.br/culturadf; comunidade-repositório com resultados de consulta já encerrada - http://www.participa.br/netmundial)

    • “o que é” (com mais destaque que um simples botão no menu)
    • “como participar” (talvez mais ostensivo, a se pensar)
    • trilha de participação
    • objeto da consulta
    • bloco de pessoas (membros da comunidade)
    • entrar na comunidade
    • documentos de subsídio

    4) Pensar: depois que a consulta acaba, como fica? Como apresentar a devolutiva?

    • Comunidade tipo "Site” (comunidade usada como site de uma política) (ex.: http://www.participa.br/osc )
    • “O que é ?”
    • Notícias
    • Destaque rotatório
    • Central de conteúdos (imagens/vídeos/áudios/documentos)
    • Contribuições da comunidade (sugerir artigo/foto/video)

    5) Comunidade tipo Conferência (conferências são podem ser pensadas como eventos, mas tem suas particularidades, além de difusão de programação do evento: necessidades de discussões estruturadas, definição de delegados, conferências virtuais, etc) Ex.: http://www.participa.br/comigrar

    • streaming
    • documentos de subsídio
    • contagem regressiva (faltam X dias)
    • central de conteúdos (imagens/audios/video/documentos)
    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    Reassigned to @kadumx

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo (Edited )

    ​Prioridades (na ordem):

    1. ​DESENVOLVER TELA ​TIPO CONSULTA ​(exemplo que mais gostam: ​participa.br/egd ​)​
    2. DESENVOLVER TELA​ ​TIPO SITE ​(exemplo: ​participa.br/colegiado-arte-tecnologia​)​
    3. DESENVOLVER TELA​ ​TIPO EVENTO

    ​- Todas as telas deverão seguir a temática neutra, a ser criada em paralelo pelo @andersonswill

    ​Diferenciação de cada tipo de tela será dada por:​ ​A. tipos e posicionamento de blocos baseado em cada tipo de comunidade ​B. op​çõ​es de ​aparência ​para um​ mesmo bloco

    TIPO CONSULTA​

    • Cabeçalho
    • Breadcrumb
    • Menu
    • Trilha de participação
    • Objeto da consulta
    • O que é
    • Como Participar
    • Pessoas
    • Faltam XX dias
    • Indicadores

    TIPO SITE​

    • ​Cabeçalho
    • Breadcrumb
    • Menu
    • O que é
    • Central de conteúdos
    • Destaque
    • Notícias (blog)

    TIPO EVENTO​

    • Cabeçalho
    • Breadcrumb
    • Menu
    • O que é
    • Faltam XX dias
    • Streaming (ou vídeo fixo)
    • Destaque
    • Programação
    • Notícias (blog)
    • Central de Conteúdos

    ​PS. Iremos colocar ​imagens vazi​as no​ local de blocos que n​ã​o conseguirmos desenvolver design n​esta sprint​, o que é esperado. Tais blocos serão desenvolvidos na próxima sprint.

    Para conhecimento @peterlima @melissawen @kadumx @tiagoaraujo

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO EVENTO - HOME

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO EVENTO - INTERNA

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO SITE - HOME

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO SITE - INTERNA

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO CONSULTA - HOME

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    COMUNIDADE TIPO CONSULTA - INTERNA

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    Caros @ricardopoppi e @mariel ,

    Acabam de ser adicionadas ao histórico desta issue as 6 telas produzidas nesta sprint. São 2 telas (home e exemplo de interna) para cada um dos 3 tipos de comunidade.

    Para as comunidades tipo EVENTO e SITE, nós mostramos a nossa sugestão de posicionamento dos blocos para uma nova comunidade deste tipo, ainda sem adicionar as temáticas. Desta forma podemos ter uma ideia de como uma comunidade ficaria antes de qualquer personalização.

    Para a comunidade tipo CONSULTA, fomos um pouco além e elaboramos um design com base no "Plano Nacional de Recursos Hídricos", para que tenham uma ideia de como uma comunidade pode parecer depois de trabalhada. Mas vale lembrar que, para esta issue, o foco maior ainda está na disposição dos blocos; pois a ideia é criar a estrutura dos templates (diagramação).

    Aguardamos feedback.

    Para conhecimento: @kadumx @peterlima @melissawen @andersonswill

    Choose File ...   File name...
    Cancel
  • 3c69c5dc92b1406fede16bd008a60253?s=40&d=identicon
    Ricardo Poppi @ricardopoppi

    Legal, olhei aqui, @mariel vai opinar também, fiquei satisfeito com o resultado, levanto pontos importantes:

    1) Na comunidade evento, é importante propor a diagramação quando o evento está sendo transmitido ao vivo, com o painel do video e o espaço de interação logo abaixo (ferramenta hub do noosfero)

    2) Na comunidade consulta, importante diagramar também quando a etapa vigente da consulta está na primeira página, nas duas opções mais usadas,

    Choose File ...   File name...
    Cancel
  • 3c69c5dc92b1406fede16bd008a60253?s=40&d=identicon
    Ricardo Poppi @ricardopoppi

    chamando o @leonardobaragao pra comentar aqui

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo (Edited )

    Fechando essa sprint. Os comentários do @ricardopoppi (https://softwarepublico.gov.br/gitlab/noosferogov/noosfero/issues/65#note_9093) serão considerados em uma nova issue na sprint 4 - Ajustes na diagramação das comunidades Evento/Consulta (https://softwarepublico.gov.br/gitlab/noosferogov/noosfero/issues/92)

    FYI - @andersonswill @peterlima @melissawen @mariel

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    Status changed to closed

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    mentioned in issue #129

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    mentioned in issue #136

    Choose File ...   File name...
    Cancel
  • 508366ac858577fb4038bd14e98b7198?s=40&d=identicon
    Mariel Zasso @mariel

    mentioned in issue #261

    Choose File ...   File name...
    Cancel