Estudos evolucao interface PPP Page History


Conceituação:

Objetivo: Estimular a participação social, através de ferramentas colaborativas que engajam o cidadão aos interesses da sociedade.

Público-alvo (mapeados até o momento):

  • Pequenos empreendimentos (parte cooperativista)
  • Cidadãos engajados em movimentos sociais (mobilizadores)
  • Governo
  • Meio Acadêmico

Avanços realizados:

  • Utilização de microtextos com diálogos amigáveis entre interface e usuário;
    • Exemplo 1: Ótimo ter você aqui (frase introdutória na página de cadastro)
    • Exemplo 2: Legal ter você de volta (frase introdutória ma página de login)
  • Simplificação dos textos/rótulos utilizados próximos aos campos;
  • Padronização dos rótulos de botões, utilizando palavras "objetivas" e que direcionam a ação (Entrar, Criar conta, Enviar solicitação), todas utilizando verbos no Infinitivo Impessoal;
  • Utilização de microtextos para antecipar necessidades, anseios ou preocupações dos usuários;
    • Exemplo 1: Tooltip com informações complementares campo "Nome de usuário"
    • Exemplo 2: Exemplo de ação próximo ao campo "Nome de usuário"
    • Exemplo 3: Frase explicativa, abaixo do botão "Enviar Instruções" na página "Esqueceu sua senha?"

Wireframes

Cadastro Cadastro 2 Login Esqueci minha senha Acesso

Protótipos HTML

Código disponibilizado em: https://softwarepublico.gov.br/social/noosferogov/design-visual-front-end-noosfero/prototipo-dos-forms-de-cadastro-e-login/cadastro-noosfero.zip

Reunião de avaliação das propostas:

Participantes

  • Arthur Jahn (Angular/Lappis)
  • Carlos (Angular/Lappis)
  • Daniela (Noosfero/Lappis)
  • Evandro (SERPRO)
  • Joenio (Noosfero/Lappis)
  • Leandro (SERPRO)
  • Melissa (Front/Lappis)
  • Rodrigo (Noosfero/Lappis)
  • Peter (Design/Lappis)
  • Tiago (Design/Lappis)
  • Victor (SERPRO)
  • William (Design/Lappis)

Opiniões

  • Tela 'esqueceu minha senha' - texto deve estar antes do campo do e-mail - DONE
  • Tela 'cadastro do usuário': ** Rever opção de definir nome do usuário na tela de cadastro (talvez o ideal seria esta opçao estar em um outro momento e não no cadastro) - backend definir um nome de usuário automático via sistema
  • Sugestão de nome do usuário noosfero
    • Ao digitar o nome preencher o nome no usuário
    • Ao digitar o sobrenome complementar com o sobrenome
    • Fazer consultas ajax para complementar sempre com usuário sugeridos não existentes usando adjetivos positivos de uma base de adjetivos positivos. Tipo: amigo, gentefina, tranquilao, colega, atencioso, sincero, legal, dedicado etc.
    • se tiver choque usar números no final
    • Ex: Nome: Eduardo Sobrenome: Silva / usuário eduardosilva-gentefina23

Perfil do usuário

Wireframes

Home Perfil Interna Perfil Edicao Edicao em linha

Reunião de avaliação

Opiniões perfil do usuário

  • Edição de imagem: inline (leandro)
  • Estrutura da página do perfil: deveria manter a possibilidade de manipulação dos blocos mas amadurecer os tipos/quantidades de blocos possíveis. (leandro)
  • Ao mesmo tempo que foi discutido que a posição dos blocos diferentes (personalização da página) em cada perfil dificulta a interação entre os usuários, eles tem mais dificuldades de se familiarizar com a estrutura. (joenio)
    • Quando há muita flexibilidade, traz um cansaço cognitivo. (peter)
    • O administrador pode criar a diagramação do perfil a ser usada na sua rede. (arthur)
    • Criar um leque de possibilidade de diagramação. (peter)
  • Acredita-se que o destaque (o mais interessante/importante) são as informações de interação e atividades e não as informações referentes a identidade da pessoa. (leandro, joenio)
  • Falha do noosfero: as ações de adicionar/seguir/reportar/denunciar estão atreladas a bloco. Precisa ser pensado onde estaria estas ações no padrão do usuário (rodrigo)
  • Dar possibilidade ao usuário de escolher quais informações/seções (blocos) sobre ela é mais importante em sua visão. (rodrigo)
  • Existem coisas que precisam ser fixas (quais?) e escolher o padrão default do Noosfero. (rodrigo)
  • Engessar a lateral direita e pensar nas possibilidades do miolo (peter)
  • Trazer exemplos do uso da barra superior. Ex.: Espaço de notificações/painel de controle/gestão de grupos. (rodrigo)

  • Pensar no posicionamento do blog pessoal - que é bem utilizada no noosfero. (leandro)

    • O Noosfero é uma plataforma de rede social e gestor de conteúdo, como equilibrar? Isso ainda é uma grande salada de frutas (joenio).
    • Talvez o ideal é focar primeiro no Noosfero Rede Social e depois (outro momento - evolutivo - talvez quando pensarmos em comunidade voltarmos para o perfil) agregar as funcionalidades de CMS, devido a complexidade dos 2 problemas (joenio, rodrigo e leandro)
    • Focar (direcionar) a gestão de conteúdo na comunidade e rede social no perfil (Melissa).
    • No caso do participa, há uma restrição de que o usuário não pode criar comunidades, tendo apenas a opção de seu próprio perfil ou em comunidade criada por outros. Seria ruim retirar a opção de conteúdo pessoal neste contexto por exemplo (leandro)
    • Restringir os conteúdos (tipos) que devem ser de perfil, talvez não deva estar disponível todos os tipos de conteúdos, mas alguns (leandro, rodrigo)

Design Visual

tema terra tema terra readonly tema fogo edicao edicao completa visao proprietario

Comunidades

Versao 1 Versao 2 P Membros


Last edited by Melissa Wen