portal de ecologia · mais genérica, do lugar onde se vive. - ... poluição, políticas...

-----------------------------------------------------------------------------------------

PORTAL DE ECOLOGIA PÓS-GRADUAÇÃO “LATU SENSU” ERGODESIGN DE INTERFACES LUCAS TREVISAN RODRIGO MARINS SHEILA MANHÃES

Curso Pós-Graduação “Lato sensu” Ergodesign de Interfaces: Usabilidade e Arquitetura da informação Disciplina Arquitetura da Informação Professor Eduardo Brandão & Cristiane Melcher

Ecologia PORTAL DE


-----------------------------------------------------------------------------------------


Proposta Definição Conceito do Projeto Público-alvo Benchmark

Conceituação


-----------------------------------------------------------------------------------------


PROPOSTA

O projeto consiste no planejamento de um portal sobre ECOLOGIA, atravessando etapas de Benchmark, Diagrama de Navegação, Sketches Wireframes, descrição das funcionalidades e otimização SEO.

-----------------------------------------------------------------------------------------


DEFINIÇÃO

A Ecologia é a ciência que estuda os ecossistemas, ou seja é o estudo científico da distribuição e abundância dos seres vivos e das interações que determinam a sua distribuição e abundância. As interações podem ser entre seres vivos e/ou com o meio ambiente. A palavra Ecologia tem origem no grego “oikos", que significa casa, e "logos", estudo. Logo, por extensão seria o estudo da casa, ou de forma mais genérica, do lugar onde se vive. - wiki/Ecologia

http://pt.wikipedia.org/wiki/Ecologia

-----------------------------------------------------------------------------------------


CONCEITO DO PROJETO

O objetivo do portal é informar de maneira didática com linguagem clara e objetiva sobre as questões ambientais do Brasil e do Mundo. A proposta é fazer do site uma ferramenta que possa ser usada entre os ativistas, grupos e instituições ambientais para construir o modelo de vida sustentável e que essa mensagem verde possa ser transmitida e disseminada com e pela sociedade em prol da ecologia. O site terá notícias sobre o meio ambiente, fauna, flora, sustentabilidade, desmatamento, poluição, políticas públicas, iniciativas públicas e privadas, leis ambientais, globalização, tecnologia, nutrição, economia, cultura, esporte e cidadania.

1 Reduzir 2 Reutilizar 3 Reaproveitar 4 Reciclar 5 Repensar 6 Recusar 7 Recuperar

É ambiente interativo com galeria de fotos, videos, infográficos, jogos, enciclopédia virtual - ecowiki, ecostore, página especial para o usuário que ele possa publicar seu estilo vida consciente, denunciar atos contra o meio ambiente e se engajar com outros usuário criando uma teia de conexões O estilo de vida verde propõe à sociedade a reinventar uma nova maneira de viver, consumir, produzir, transportar, armazenar produtos e serviços. Tal estilo está baseado nos princípios dos 7 R's:

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

IDENTIFICAÇÃO

PONTOS POSITIVOS

PONTOS NEGATIVOS

Crescente aumento de uma consciência verde da sociedade por uma vida mais responsável Adesão de orgãos públicos e privados a iniciativas verdes e por serem coerente com suas responsabilidades socias; Aumento dos desastres e desequilibrios ambientais; Ausência de forte concorrência em relação aos portais nacionais

Complexidade na mudança da postura de vida da sociedade Raro acesso a sites desse segmento por parte das crianças, jovens e adultos. Problemas culturais, o público no geral não é educado e nem estimulado a se interessar por assuntos ecológicos

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Aumento dos desastres e

desequilibrios ambientais;

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Produção de Produtos naturais

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Crescente aumento de

uma consciência verde

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Desastres Ambientais

cada vez mais frequente

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Usuários

Estudantes de Ensino Médio e universitários estudantes de biologia, biomédica, geografia, geologia e áreas afins, de 15 a 25 anos, de ambos os sexos, que acessam a internet para se relacionar com outras pessoas, estudar, ler notícias, ver email, jogar online

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Usuários

Ativistas e participantes de movimentos pró ecologia, de 20 a 35 anos de ambos os sexos que acessam a internet do seu local de trabalho (são locais remotos e de difícil acesso, reuniões e conferências, entre outros), são professores de faculdade; profissionais com conhecimento em biologia, geografia e sociologia;

-----------------------------------------------------------------------------------------


PÚBLICO-ALVO

Contexto

Ambientes escolares, principalmente para aulas de biologia do ensino médio e faculdades, para auxiliar estudantes a obter conhecimento e gerar debates acerca dos estudos dos biomas, ecosistemas, fauna, flora, etc. Ambientes externos, de difícil acesso ou não, tanto rurais quanto urbanos, acessados via dispositivos móveis / computadores portáteis para auxiliar em pesquisas, publicações e obtenção de informações acerca do que acontece no brasil (regioes, cidades e bairros) sobre ecologia e meio ambiente, principalmente no Brasil. (Caso das chuvas no rio de janeiro ou situaçoes de calamidade pública) Conferencias e encontros ecológicos, locais de resistências (Informação consumida instantaneamente)

-----------------------------------------------------------------------------------------


Carbonica.org Infográfico em flash: Exibe passo a passo o ciclo da árvore.

Ilustração agradável, atrativa.

Educativo, pode atingir tanto público infantil quanto o adulto

BENCHMARK

-----------------------------------------------------------------------------------------


Greenpeace.org Galeria de fotos, 1 foto grande para destaque, Apelativas, impactantes.

Surgiu a ideia de contemplar a “foto da semana”

BENCHMARK

-----------------------------------------------------------------------------------------


Lovefoodhatewaste.com Site ecológico focado nos alimentos, desperdício,

maneira de lavá-los, valores nutritivos.

Assim como disponibilizarmos no portal receitas com alimentos orgânicos

Surgiu a idéia tentar patrocínio ou venda de espaço publicitário para o Horti-Frutti

BENCHMARK

-----------------------------------------------------------------------------------------


Atlas.nrcan.gc.ca Site canadense sobre o Meio Ambiente Sugestões de assunto para as editorias da seção notícias

• Ar • Mudanças Climáticas • Atuação • Emergências Ambientais • Natureza • Poluição e Desperdício • Ciência e Tecnologia • Água • Temperatura

BENCHMARK

-----------------------------------------------------------------------------------------


Oglobo.com A seção EU-REPÓRTER do Globo, onde todo conteúdo é Fornecido pelo usuário nos inspirou em criar a seção SEJA VERDE. Seguindo a mesma proposta, usuário participa, envia fotos, notícias sobre meio ambiente,

faz suas denúncias, etc.

Fórum

Galeria de Fotos do Leitor Ex.: Lixo jogado na Baía de Guanabara

BENCHMARK

-----------------------------------------------------------------------------------------


Cicloambiental.com O site divulga produção de roupas a partir de garrafas plásticas PET, coletadas e

recicladas. Aplicando conceitos como sustentabilidade e comércio justo.

A iniciativa do “Ciclo Ambiental” nos despertou para criação da ECO STORE. Seção do portal onde serão vendidos produtos Ecologicamente corretos. Ex.: Bonés, camisetas, Agendas, objetos decorativos, móveis, etc.

BENCHMARK

-----------------------------------------------------------------------------------------


GreenPedia Criar uma base apenas com assuntos relacionados aos problemas ambientais

Criamos o ECOpidia. Conteúdo 100% fornecido pelo usuário

BENCHMARK

-----------------------------------------------------------------------------------------


Uns dos sites também analisado

globo.com

BENCHMARK

-----------------------------------------------------------------------------------------


IPAD Smatphones

BENCHMARK

-----------------------------------------------------------------------------------------


Lista de Funcionalidades Funcinalidades Diagrama de Navegação Card Sorting Sketches Wireframes SEO

Projeto


-----------------------------------------------------------------------------------------


LISTA DE FUNCIONALIDADES

. Menu de navegação drop-down no head e footer da página

. Formulário de exibição dinâmica para login no portal

. Busca geral de conteúdo em todo portal

. Links para sessões diversas do portal

. Saídas rss de todas as sessões do portal

. Área de notícias com carrossel de destaques e links para as diversas editorias

. Área do fórum com últimos posts de usuários, exibição de usuários mais atuantes e usuários online . Área da Ecowiki com campo para busca de assunto, tags dos últimos conteúdos adicionados e os assuntos mais acessados . Área da Ecostore com carrossel de produtos em destaque . Área de multimídia com links para os destaques de cada mídia . Mapa do site

HOME

-----------------------------------------------------------------------------------------


LISTA DE FUNCIONALIDADES

. Menu de navegação drop-down no head e footer da página

. Formulário de exibição dinâmica para login no portal

. Busca geral de conteúdo em todo portal

. Área do texto da notícia com trechos em destaque e links para mídias associadas

. Barra para qualificação da notícia

. Botões para compartilhamento, envio, impressão ou armazenamento da notícia

. Área de notícias relacionadas com últimas notícias vinculadas ao assunto e barra para busca de outras notícias . Área da Ecostore com carrossel de produtos em destaque . Área com containers em abas contendo notícias mais vistas e notícias recomendadas . Área de multimídia com links para os destaques de cada mídi

PÁGINA DE NOTÍCIAS

-----------------------------------------------------------------------------------------


1. Carousel: São 3 opções de layout.

O editor do jornal irá selecionar o template de acordo com sua demanda. - Apenas foto (full) - Foto + Texto - Especial: Texto + Ícones de chamadas para infográficos, galeria de fotos, podcast, etc. para grandes eventos. Terá no mínimo 3 e seu limite são 5

2. Publicidade: Espaço previsto para SQUARE banner.

3. Notícias: Além da vitrine do carousel, é previsto um outro destaque com foto + 2 notícias com fotos pequenas + 2 notícias só com manchetes Conforme o editor/jornalista cadastre um novo destaque, automaticamente ele desce e vai para a área do tumbzinho. O processo é automático, mas permitindo edição manual quando necessária.

FUNCIONALIDADES FUNCIONALIDADES

-----------------------------------------------------------------------------------------


DIAGRAMA DE NAVEGAÇÃO (MACRO)

-----------------------------------------------------------------------------------------


CARD SORTING

-----------------------------------------------------------------------------------------


CARD SORTING

USUÁRIO 1 USUÁRIO 2

Perguntas foi mais relacionado ao "FAQ"do que "Forum"; - "Seja verde"foi interpretado como uma área onde o usuário se informa para se enganjar na causa; - Criou os ítens "Flora" "Rios" e "Energia" para área de notícias - Achou que notícias devem englobar ítens mais gerais como tecnologia e transporte, os ítens específicos ficam no forum - Em eco store criou ítm acessórios; - Colocou "Podcast"como tema macro; - Não entendeu "pegada ecológica"e descartou'; - Acrescentou o campo de busca com item de navegação principal na home

- Foi direto em EcoStore e acertou; - Achou que o "seja verde" era um movimento para apoiar a causa sem considerar a possibilidade de fazer doação. - Entendeu que pegada ecológica era algo relacionado a um evento, como caminhada ecológica; - Fez a relação da página ecowiki com o grupo de informaçoes que abordam os temas diretamente relacionados com ecologia, como fauna e flora. Achou ser um conteúdo mais didático, para usuários leigos. - Não viu utilidade no cartão interatividade, comentando que o site todo era interativo. Quando proposto a alteração do nome por "Multimidia" agrupou as informações de acordo com o mapa mental do grupo.

-----------------------------------------------------------------------------------------


CARD SORTING

CONCLUSÃO

Cada usuário posicionou de forma bastante distinta os elementos dentro do contexto. Isso mostra o quão difícil pode ser para os arquitetos definirem a estrutura do conteúdo dentro de um site, principalmente em grandes portais tendo em vista a enorme gama de usuários que neste entrarão. Uma análise e comparação entre os resultados é muito importante, porém é preciso que haja muito bom senso na hora das considerações. Muitas vezes os usuários podem desconhecer totalmente determinadas sessões do site e as considerarem desnecessárias quando, na verdade, são fundamentais (como exemplo a Pegada Ecológica que foi descartada pelo usuário 1 e mal compreendida pelo usuário 2). Portanto é muito importante também que os arquitetos tenham em vista e apliquem os princípios heurísticos adequados e as boas práticas amplamente difundidas, a fim de colocar no ar um portal com potencial competitivo ante seus concorrentes agregando conteúdo atraente, de qualidade e bem estruturado. Isto atrelado a uma experiência de usuário rica, intuitiva e completa.

-----------------------------------------------------------------------------------------


SKETCHES

Opções de Carousel. Só foto, foto + texto, especial (ex.: Copa do Mundo)

-----------------------------------------------------------------------------------------


SKETCHES

Divisão da Home por áreas

-----------------------------------------------------------------------------------------


SKETCHES

Disposição das seções

-----------------------------------------------------------------------------------------


WIREFRAMES

Home

-----------------------------------------------------------------------------------------


WIREFRAMES

Tela interna

-----------------------------------------------------------------------------------------


SEO

HOME INTERNA

Title: "EcologiaBR | Portal da Ecologia com notícias, Ecowiki e Ecostore Description: O Ecologiabr é o primeiro portal de ecologia brasileiro focado em conscientização ambiental. Notícias sobre, fauna, flora, sustentabilidade, desmatamento, poluição, políticas públicas, iniciativas públicas e privadas, leis ambientais, globalização, tecnologia, nutrição, economia, cultura, esporte e cidadania. Keywords: Ecologiabr, ecologia, meio ambiente, natureza, sustentabilidade, desmatamento, poluição, globalização, ecowiki, ecostore, planeta, animais, árvore, qualidade de vida, verde, cidadania, águas, oceanos, mares, vegetação, florestas. URL: http://www.ecologiabr.com.br

Title: "Deslizamento no morro do Bumba mata 79 pessoas em Niterói - Notícias de Meio ambiente | ecologiabr.com.br“ Description: "Joãzinho fica desolado ao saber que perdeu a mulher e as filhas no deslizamento (foto). Prefeitura de niterói já contabiliza 79 mortes no deslizamento do morro do Bumba, especialistas dizem que o acentamento das famílias na encosta era irregular.“ Keywords: Morro do Bumba, deslizamento, mata, acentamento irregular, morros, encostas, chuva, desastres URL: http://www.ecologiabr.com.br/noticias/meioambiente/deslizamento-no-morro-do-bumba-mata-79-pessoas-em-niteroi.html

http://www.google.com/url?sa=D&q=http%3A%2F%2Fwww.ecologiabr.com.br


http://www.google.com/url?sa=D&q=http%3A%2F%2Fecologiabr.com.br

http://www.ecologiabr.com.br/noticias/meioambiente/deslizamento-no-morro-do-bumba-mata-79-pessoas-em-niteroi.html




















-----------------------------------------------------------------------------------------


FIM

Obrigada =)


portal de ecologia · mais genérica, do lugar onde se vive. - ... poluição, políticas...

Documents