1. Reformulação do Portal
    1. Coordenação do projeto
      1. Estratégia
      2. Pesquisa
      3. Arquitetura da Informação
      4. Implementação
      5. Divulgação
  2. Documentação da Pesquisa
      1. Relatório da pesquisa com questionário
      2. Relatório da comparação entre portais de outras línguas nativas
      3. Protótipo Navegável
      4. Wireframe Interativo
        1. Resultado do wireframe
  3. Especificação da Proposta
    1. Conceitualização
    2. Diretrizes para o projeto
      1. Codificação
      2. Navegação
      3. Apresentação
      4. Tratamento do usuário
    3. Navegação
    4. Diagramação das Páginas
    5. Revisão das páginas / seções do site
      1. Página de redirecionamento
      2. Página de downloads
      3. Página dos Gubros

Reformulação do Portal

Coordenação do projeto

A equipe Web que coordena este projeto é formada pelos representantes do BrOffice.org, S.Toledo e Faber-Ludens. As reuniões dessa equipe acontecem via Skype regularmente.

Tarefas do projeto:

Estratégia

  • estabelecer espaços para a coordenação do projeto
  • discutir objetivos do projeto
  • definir as tarefas iniciais (este documento)
  • apresentação do grupo à comunidade
  • distribuir as tarefas e atribuir responsabilidades
  • Debate com a comunidade de desenvolvimento: o que está faltando?
  • Debate sobre identidade visual nacionalista ou globalizada

Pesquisa

  • Análise de estatísticas de busca e navegação
    • Página de download
  • Questionário /registro
    • Fred - levantar questões principais
    • Claudio - buscar dados no banco e repassar para o fred
    • Fred - Interpretar dados
  • observar aprofundadamente o processo de desenvolvimento do website do OpenOffice.org
  • Fred: comparar diferentes versões de línguas nativas dos sites do OpenOffice.org
  • Analisar o fluxo de sites de download (Superdownloads, Baixeaqui) vindo para nosso site

Arquitetura da Informação

  • Inventário do conteúdo estático
    • Claudio - todas as páginas estáticas numa planilha com a url e título
    • Diagrama de afinidades
  • Delinear diretrizes para o projeto
  • Reorganização do conteúdo
    • Revisão dos menus de navegação
    • Mapa de navegação
  • Criação de protótipo
  • Discussão com a comunidade: Protótipo do novo site - estrutura de navegação num wiki
    • testar na dev
    • Claudio: levantar lista de pessoas para participar do protótipo de navegação
    • abrir para outras listas de discussão
  • Definição dos elementos da página inicial
    • Proposta de elementos para a página inicial
    • Pesquisa com a comunidade: Wireframe interativo (ver descrição abaixo)

Implementação

  • Saulo - bandeira português de portugal
  • Inserir tela de agradecimento para download;
    • gerar script para download e envia para página de agradecimento;
    • criar página de agradecimento com amigos e verificação de segurança;
  • Design gráfico de interface
  • Implementação da interface em XHTML
  • Adaptação do Drupal ao novo site
    • configurar módulo de eventos
    • configurar módulo grupos orgânicos

Divulgação

  • Debate sobre argumentos de vantagens e benefícios com usuários - frases - 1001 motivos para usar o BrOo?
  • Campanha "Software Legal"

Documentação da Pesquisa

Relatório da pesquisa com questionário

Pesquisa apresentado aos usuários ao longo de 2006 e 2007 pela página http://www.broffice.org/registro/ As respostas relevantes foram destacadas na página RelatosInteressantes . Foram analisadas apenas as perguntas relevantes ao projeto de reformulação do portal, sendo que contabilizam pelo menos 4.000 respostas.

Sugestões de mudança pelos participantes na pesquisa:

  • links quebrados
  • não passa credibilidade
  • visual amador
  • informações escondidas
  • muito texto, pouca imagem
  • foco excessivo nas notícias
  • deixar claro relação entre BrOo? e OOo
  • criar fórum web
  • simplicidade para leigos
  • download mais simples
  • melhorar a acessibilidade
  • apresentação visual mais atrativa
  • lista de novidades no portal
  • página inicial com menos elementos
  • enfatizar benefícios do software

Relatório da comparação entre portais de outras línguas nativas

A maioria dos portais correspondentes seguem o padrão do OOo internacional e oferece informações básicas: o que é, download e FAQ.

Nós temos bem mais que isso: projetos próprios, notícias, documentação, templates, grupos estaduais, zine e uma ONG.

Por mais que diferentes, os demais projetos devem ser nossas referências para a reformulação do portal.

A versão em Espanhol http://es.openoffice.org/index.html é muito forte em promover o download e a instalação, mas acho que não estimula a participação na comunidade. Existe uma página interessante que lista os diferentes perfis de profissionais que podem ajudar, mas este link está escondido na seção "comunidad", que não aparece na home.

A apresentação do produto é muito forte. "Parece até comercial". Eles até usam vídeos de demonstração dos softwares, embora eu ache que nem todo mundo tem paciência de ver. http://es.openoffice.org/comunidad/index.html

A versão do português lusitano é parecida, mas tem alguns menus extras, só que muito conteúdo faltando. http://pt.openoffice.org/index.html

Um exemplo mais comunitário é do Sueco, que já vem em formato Wiki. Entretanto, para um usuário leigo, pode parecer um rascunho ("será que tem a ver com a Wikipedia?" http://wiki.services.openoffice.org/wiki/Sv.openoffice.org

Um meio-termo é a versão do Alemão, que segue as linhas da identidade visual do OOo de um jeito próprio. Na versão traduzida pelo Google, pude encontrar algumas páginas bem interessantes:

* Testemunhos (histórias de sucesso) * Clientes de referência (cadastro para contatar e averiguar as vantagens) * Links para fóruns e sites que tratam do OOo em alemão

http://de.openoffice.org/

Protótipo Navegável

Para discutir a classificação e navegação pelas informações do portal, estamos usando esta página no Wiki como protótipo da hierarquia de navegação

PrototipoNavegacaoPortal

Wireframe Interativo

Será enviado um email para a lista usuarios@ bem como listado no site a proposta de discussão sobre a página inicial do portal visando melhor conciliação entre objetivos da comunidade e dos indivíduos. Os participantes poderão salvar suas escolhas e utilizar as urls únicas para referenciar suas escolhas no debate via listas de email. Em anexo um protótipo em Flash, mas poderia ser implementado com Ajax e Javascript, utilizando por exemplo o framework http://wiki.script.aculo.us/scriptaculous/show/DragAndDrop

Opções iniciais de seções na página inicial:

  • Logomarca BrOffice.org
  • Baixe Já
  • Organizações que já usam
  • Vantagens
  • Comunidade
  • Suporte

Resultado do wireframe

Elementos propostos para a página inicial e os relcionamentos tecidos pelos usuários (mais frequentes, linhas mais grossas)

Elementos propostos para a página inicial e os relcionamentos tecidos pelos usuários (mais frequentes, linhas mais grossas)

Conclusões iniciais.

  • fórum é bastante citado, mas não estava nas opções iniciais, entretanto, aparece dissociado de Comunidade ou Suporte...
  • participantes procuram ordenar elementos obedecendo uma certa lógica no sentido horizontal ou vertical
  • Vantagens - Organizações que já usam; Comunidade - Suporte; Organizações que já usam - Comunidade; Logomarca -> Vantagens -> Baixe Já
  • o pesquisador ao interpretar, tenta entender porque o usuário escolheu assim, o que tende a procurar uma lógica
  • suporte aparece no canto superior direito, padrão onde se encontra ajuda em websites e softwares
  • participante sugeriu que o portal fosse customizável, adotando uma interface parecida com o instrumento de pesquisa
  • participantes sugeriram ao invés de Organizações que já usam, ser: Quem já usa e incluir estatísticas
  • Suporte é coloado no canto superior direito quando se associa a atendimento online
  • Comunidade é muitas vezes colocada no centro da página
  • Baixe Já aparece muitas vezes central, em torno dele
  • do 50 ao 90 aparece um padrão de relacionamento, uma seção do produto e outra da comunidade
  • Os primeiros a responder a pesquisa acessam raramente, enquanto que os últimos acessam uma vez por semana ou quase todos os dias. Pode ser que o público das listas de discussão não acessem muito o site...
  • Quem acessa com mais frequência, propõe mudanças mais radicais

Especificação da Proposta

Conceitualização

O usário novato poderia ir direto ao produto e, conforme fosse se envolvendo com o projeto, tomar consciência das demais facetas do projeto. O caminho inverso também seria possível para o usuário antigo.

Estratégia de reconhecimento da página inicial por usuários avançados e iniciantes

Diretrizes para o projeto

Estas diretrizes devem servir de guia para o projeto e implementação do novo portal. Não são regras, mas são orientações fortes, pois se baseiam nas pesquisas e interações com a comunidade e os usuários.

Codificação

  • O código da página deve seguir os Padrões Web para XHTML
  • O website deve ser acessível para deficientes visuais, motores e auditivos
  • O usuário deve chegar rapidamente ao download do produto, sem distrações
  • O suporte deve levar ao usuário a participar da comunidade
  • O conhecimento sobre a organização do projeto não deve ser requerimento para navegar pelo site

Apresentação

  • A relação entre o BrOffice.org e o OpenOffice.org deve estar clara
  • Deve ficar claro que trata-se de muito mais do que uma traduação de um software
  • A apresentação do produto deve ser tão persuasiva quanto qualquer outro produto comercial
  • Benefícios do uso do software devem ser mais destacados do que características técnicas
  • O website deve ter uma aparência consistente entre todas suas seções
  • A contextualização no projeto global deve ser evidente

Tratamento do usuário

  • O usuário não deve ser tratado como um estúpido nem tampouco como um expert em Linux
  • O conhecimento da comunidade deve vir num segundo momento, quando o usuário já está engajado no uso do software
  • As contribuições dos participantes da comunidade devem ser muito bem valorizadas

Através do PrototipoNavegacaoPortal foi discutida a classificação das páginas na taxonomia de navegação. A estrutura final é composta das seções globais:

  • Produto
  • Downloads
  • Suporte
  • Comunidade

No diagrama abaixo é aplicada a taxonomia às páginas existentes no site atual.

Diagrama final da navegação - versão PNG

Diagramação das Páginas

Com base no resultado da pesquisa com wireframes interativos (vide acima), foram criados alguns wireframes para demonstrar como podem ser disposotos os elementos nas páginas principais do site. O wireframe não especifica como deve ser o design gráfico da interface, portanto, não precisa ser seguido a risca.

Abaixo o wireframe da Página Inicial. As demais páginas podem ser encontradas em anexo.

Wireframe proposta para a Página Inicial v1

Revisão das páginas / seções do site

Página de redirecionamento

Se encontra em anexo a proposta do Gonçalo e Caio para a página fixa de redirecionamento para nosso portal no endereço http://br-pt.openoffice.org/

Página de downloads

Caio encontrou essa página que aparece quando atualiza o software automaticamente com o Windows http://update.services.openoffice.org/ooo/231_pt-BR.html e também a versão de seleção de download da versão alemã http://de.openoffice.org/downloads/quick.html . Essa está confusa demais para usuários leigos.

Saulo fez um protótipo da página no nosso portal: http://www.broffice.org/node/705

Gonçalo indicou a página de download do Firefox, que detecta automaticamente o sistema operacional e redireciona, deixando as opções avançadas numa segunda opção http://www.mozilla.com/en-US/firefox/?from=getfirefox

Claudio mostrou a página antiga da versão alemã que permite o download de versão anterior http://web.archive.org/web/20070220085329/http://de.openoffice.org/index.html

Fred questionou o termo "Baixe Já" para ser o link do software, pois o padrão é "Download". Entretanto, o termo baixar tem crescido em relação ao Download no Brasil, segundo o Google Trends. http://www.google.com/trends?q=baixar%2C+download&ctab=0&geo=BR&date=all&sort=0

Página dos Gubros

Foi comentado a possibilidade de transformar as páginas dos Gubros numa espécie de Orkut, para facilitar o entendimento do que se propõe os grupos de usuários.

Referências:

Attachments