Posts Tagged arquitetura de informação
Portal Brasil: Orgulho!
Postado por Marco Moreira in arquitetura de Informação on 3 de março de 2010
Hoje foi o dia de lançamento do novo Portal Brasil, o que para mim é motivo de grande orgulho. Com uma equipe de aproximadamente 200 profissionais de diversas áreas, pude participar no desenvolvimento da Arquitetura de Informação. Motivo de orgulho por fazer parte de um projeto desta dimensão e de colaborar com o lindo trabalho que está sendo feito para o País.
Há muito ainda o que fazer, muito trabalho pela frente para oferecer o melhor serviço para o cidadão brasileiro.
O novo Portal Brasil é um canal aberto para o brasileiro se informar do que está acontecendo no País, opinando, tendo acesso às novidades, serviços, entrevistas, áudios, vídeos nas áreas de economia, educação, esporte, meio ambiente, geografia, história, saúde e muito mais.
Você também pode seguir o Portal Brasil no Twitter
Revista Plug 2009
Postado por Marco Moreira in arquitetura de Informação on 12 de agosto de 2009
Em meados de maio a Plug, revista publicada anualmente pelos alunos do Curso Abril de Jornalismo me chamou para participar de uma entrevista que faria parte de uma matéria sobre novas mídias.
Bom, a edição saiu agora em agosto e o que eu não previa era mudar de empresa antes do lançamento da edição. Pois é, surgiu uma oportunidade na TV1 e agora estou indo cuidar de um grande projeto. Pois bem, avisei o pessoal da redação a respeito da mudança e eles atualizaram a matéria antes que fosse impressa. Veja como saiu:
VAGAS ABERTAS
No passado recente, eles não teriam emprego na Abril. Suas funções simplesmente não existiam
texto Amanda Zacarkim e Elisa Tozzi design Marina Brant foto Diogo SallesMarco Moreira_Arquiteto de Informação_
Se você nunca construiu um prédio, como pode ser arquiteto? Essa é a pergunta a que o arquiteto de informação Marco Moreira, 32 anos, mais tem de responder. Para tanto, ele lança mão da metáfora: “Desenhar um site é como erguer um edifício. É preciso avaliar o terreno, entender o que o cliente quer e montar uma estrutura que priorize o usuário”. Webdesigner por formação, Moreira trabalhou na Abril até julho de 2009 e se envolveu com arquitetura de informação quando era estagiário, cinco anos atrás. Organizado e louco por planilhas, ele adora trabalhar nas etapas de criação de um site, que começam em pesquisas com internautas, passam por rascunhos de layout e chegam aos testes de navegabilidade. Testes que nunca terminam. “Sites são seres vivos; estão em constante mutação”, diz.
Abaixo a revista Plug 2009 completa para folhear:
Núcleo de User Experience na Abril Digital
Postado por Marco Moreira in arquitetura de Informação on 28 de junho de 2009
“Em meio a tantas mudanças, a Abril Digital ganha uma área que até então não existia: o Núcleo de pesquisa focado em User Experience (UX) e Arquitetura de Informação (AI).
Provavelmente você já escutou que um sistema precisa ser enxuto, objetivo e claro o suficiente para ser bem utilizado. Afinal, o tempo que se perde pensando ou fazendo uma ação errada é muito frustrante. Chega a dar vontade de falar aquela frase que brasileiro adora dizer – é tudo culpa do sistema – e no pior dos casos, ainda acredita-se que seja falha do usuário.
Tudo isso porque, quando pensamos em uma interface, em muitos projetos, a preocupação com o usuário final só se torna explícita antes da ação de lançamento. Principalmente quando temos um prazo e metas agressivas, tudo que envolve pesquisa qualitativa demonstra um outro lado da realidade. Porém, existem métodos não muito custosos que podem ser agregados a práticas de desenvolvimento ou de produto. Investigar necessidades e manter um estudo prévio centrado no usuário pode evitar retrabalhos e melhorar a produtividade do time.
O núcleo de UX pretende ser um laboratório de soluções baseados numa premissa de inovação que preza por um processo cíclico e incremental, composto de quatro etapas: pesquisa com usuários, ideação, prototipação e avaliação. Um profissional de UX inserido em seu projeto significa o amortecimento das barreiras criadas entre projetistas e a aplicação de uma interface usável, útil e que proporcione uma experiência significativa.
Desde a sua formação, em maio, o NUX já começa a dar os primeiros passos. Contamos com 3 pessoas e as atividades diárias são atualmente baseadas em demandas e prioridades, as quais complementamos de acordo com a necessidade de cada projeto e o tempo que temos para executar as melhores práticas na área.
O compromisso do núcleo é a entrega de uma interação de qualidade antes do Product Backlog. Para garantir isso, o grupo participa e atua em definição de requisitos, sketches, storyboards, paper prototype e testes com usuários.
A área entende a estratégia de cada produto junto com os PO’s e avalia as necessidades frente a seu público alvo, através de interações contínuas e acompanhamento em todas as fases de vida de um projeto.”
Texto gentilmente cedido pelo Blog do NUXAbril escrito por Tássia Spinelli, Arquiteta de Informação, apaixonada pelo mundo dos games e do universo mobile.
AI da INFO Downloads
Postado por Marco Moreira in arquitetura de Informação on 20 de maio de 2009
Este foi o primeiro job que fiz na Abril Digital em Arquitetura de Informação.
O site da INFO possuia a área de downloads muito acessada, porém pouco explorada e o objetivo foi redesenhar para melhorar a usabilidade e deixar mais atrativo e captar novos usuários.
O cliente tinha como premissa a facilidade na busca da informação e a interação do usuário para comentar, avaliar e compartilhar o conteúdo.
Então iniciei os estudos primeiramente me familiarizando com referências que são conhecidas pelo público que costuma utilizar este tipo de serviço, já pensando na viabilidade técnica e sempre consultando o pessoal da programação. A Product Owner já conhecia muito bem o usuário e isso facilitou muito a minha vida.
Como vim da área de design, procuro manter também no wireframe proporções do tamanho dos elementos para que a localização e o estudo já feito na arquitetura não seja prejudicado na hora do layout.
No wireframe usei algumas cores para diferenciar os tipos de informação deixando claro para o cliente a localização e o espaço que cada um deles ocupariam:
Wireframe e layout:
Abaixo o wireframe de uma das páginas mais importantes do site, a página de downloads. Tentei deixar as opções de interação o mais claro e óbvio possível, podendo ser visto logo no primeiro scroll da página e logo abaixo desta parte, dados importantes para decisão do download do software.
E o layout feito pelo designer do site baseado na Arquitetura de Informação:
O admin utilizado para a inserção de conteúdo foi feito direto na programação enquanto a arquitetura do site não ficava pronta, ou seja, não foi feito a arquitetura do publicador devido ao prazo, mesmo assim fiz uma análise heurística e de layout para que a usabilidade não fosse comprometida na publicação dos conteúdos.
Arquitetando a carreira
Postado por Marco Moreira in arquitetura de Informação on 15 de outubro de 2008
Hoje é uma data muito importante pra mim e o início de uma fase enorme de grandes aprendizados.
Primeiro por que comecei a trabalhar oficialmente como Arquiteto de Informação e, aproveitando a força do vento iniciei a algumas semanas o Curso de Pós Graduação em Arquitetura de Informação na Faculdade Impacta Tecnologia.
Já me envolvi anteriormente com alguns trabalhos na construção de wireframes, mas ainda não tinha me dedicado integralmente a essa função.
Mudar é preciso
Hoje foi um dia completamente diferente. Meus horários, rotina, pessoas, ambiente e o trabalho. Acho que o ser humano precisa de mudança para ter energia e ser feliz. Por experiência própria posso dizer que a oportunidade acontece para quem a faz, basta querer. Não é a toa que já me envolvi em trabalhos distintos, como atuação em programas de vídeo, edição, animação, fotografia, design e agora Arquitetura de informação.
Se eu pudesse eu me dividiria em uns 5 para dar conta de fazer tudo o que gosto, mas como não posso, tive que fazer uma escolha que foi mudar de área. Dói um pouco a idéia de deixar de lado o Photoshop e o Flash, companheiros de um longo período na minha experiência como designer. Mas na vida a gente precisa escolher as coisas desde a hora que acordamos, não é? Escolhemos com qual roupa iremos trabalhar, se vai ser chá ou café, pão ou bolacha, escolher qual rádio ouvir no carro, qual o melhor caminho para driblar o trânsito…
E na vida profissional não é diferente.
Escolha feita, lá vou eu!!!
Ah!! Para você não ter perdido tempo de ter chegado até aqui para ficar vendo esse “auto-jabá”..rsrs (por que esse blog é de fato um… digamos… “Blogfólio”), descolei um sketch do Arquiteto de Informação Americano T. Scott Stromberg que é uma verdadeira Obra de Arte:
Redesign do site da Mundo Estranho
Postado por Marco Moreira in arquitetura de Informação, design on 7 de outubro de 2008
Wireframe
O site da Mundo Estranho passou por uma reformulação radical. O objetivo foi a diminuição de peso e banda ocasionados pelo grande conteúdo Multimídia que o site anterior tinha, ter mais foco no que a marca tem de mais forte (curiosidades), melhorar a usabilidade e agilidade na navegação e fazer uma grande busca por perguntas e palavras-chave para que o usuário possa encontrar a resposta em forma de texto e infográficos que dão apoio às respostas.
Dentro deste objetivo comecei a organizar a informação e navegação no Axure (imagem abaixo) e finalizado e aprovado a navegação, parti para o layout do site, que segue bem a estrutura criada.
Layout
Realizei o estudo de cores e iconografia dos canais priorizando o uso de CSS, melhorando a indexação em buscadores, padronização e compatibilidade com diversos browsers, estudo de tamanhos de título e conteúdo, RSS, tamanho e padrões de imagens, módulos na home com tamanhos de imagens diferenciadas dando maior flexibilidade para o Editor e um box do lado esquerdo com rápido acesso à área participativa para assinantes e leitores da revista.
Paleta de cores
Paleta usada como “manual” com a finalidade de facilitar a vida do programador e para quem irá trabalhar com o site daqui pra frente.
Iconografia dos canais
Seguindo as cores dos canais, a designer Fabi Zambon me ajudou a conceber a iconografia de maneira que fosse facilmente reconhecida e claro, o nome do canal acompanha o ícone.
Padrões das imagens
Foi pensado também na padronização das imagens da home, imagens de promoção e tamanho padrão das capas de revista a fim de facilitar também no trabalho de atualização do designer/editor.
Curso Abril de Jornalismo 2008
Postado por Marco Moreira in HQ, arquitetura de Informação, design on 9 de junho de 2008
Hoje falo um pouco sobre como foi produzir o projeto “Em Tiras” para a editoria da Abril Digital sob orientação de Alini Sordili no Curso Abril de Jornalismo…
Pesquisas e referências
Primeiramente fomos convocados para fazer um site de história em quadrinhos, jogos e animações baseados nos moldes do Comflix. Claro, nós do grupo boiamos um pouco, pois o máximo que sabíamos de quadrinhos girava em torno dos gibis da turma da mônica..rs
Pois então, tivemos que correr atrás de pesquisas de público, de linguagem e entender de fato quais eram as necessidades deste público, o que eles pensam, o que eles curtem e como seria este tal “site ideal” para eles.
Dentre diversos livros que vimos e compramos na Comix, recomendo muito esse, o “Desenhando quadrinhos“, tanto para iniciantes quanto para quadrinistas auto-didatas que ainda não o leram. É obrigatório!
O livro também é excelente para quem faz storyboards e trabalha com animação. Percebi que uma história de quadrinhos tem tudo a ver com o comportamento do storyboard.
Wireframe
Depois de entender esse público e mergulhar nesse mundo partimos para a parte prática.
Nem todos optam por fazer um wireframe detalhado, mesmo porque as vezes não dá tempo, mas acho que sem ele a probabilidade de um projeto ter furos é muito grande, então preferimos gastar mais tempo no entendimento e no planejamento para fazer um projeto conciso de cabo a rabo!.
Logotipo
Primeiramente, definimos o nome, concebido por todos os envolvidos no projeto, depois veio a concepção do logo que foi feito por mim e pela designer Lívia Holanda, parceira do grupo.
O objetivo foi criar algo original e que de cara se relacionasse com o assunto que estávamos tratando. Acertamos em cheio!
Temos referência do “balão” presente em todas as HQs e definimos para a tipografia uma temática que tem tudo a ver com o rítmo dos frames das histórias em quadrinhos.
Layout do site
O prazo era curto. Nós fomos o primeiro grupo a entregar o projeto, o que exigiu muita energia e algumas madrugadas em claro.
Optamos por fazer um layout em que as informações dos boxes em primeiro plano ficasse em maior destaque em relação ao backgroud do site.
Estudamos também quais seriam as áreas mais nobres dentro do scroll e grandes áreas de acessos para a nossa principal idéia: O “Crie HQ”, onde o usuário poderia criar a própria HQ, imprimir, mandar para os amigos ou até salvá-la como imagem e fazer o upload no site, criando o seu perfil onde poderia exibir toda sua criação e essas serem submetidas a comentários e avaliação de outros usuários.
THE END
O Final foi tão feliz quanto triste. Foram 30 dias de intenso trabalho e aprendizado com profissionais da Editora Abril e alunos bacanas e talentosos que viraram grandes amigos. Este, aí em cima foi o meu grupo. Da esquerda para a direita:
Jornalistas Natalie Reinoso, Katiane Romero, Lucas Pereira e Designers Lívia Holanda e Marco Moreira (eu!)
Para a apresentação mandamos fazer as camisetas, onde em cada verso havia uma letra, representando a união matadora do grupo. Lívia Holanda também preparou uma animação de abertura onde explicava o conceito do projeto, e para fechar com chave de ouro ainda criamos e mandamos imprimir diversos fanzines que continha nossa história no projeto desde o início.
Valeu demais!
1º Workshop de Arquitetura de Informação, Acessibilidade & Usabilidade
Postado por Marco Moreira in arquitetura de Informação on 4 de novembro de 2007
Objetivo do Workshop
O objetivo deste workshop é apresentar os principais conceitos sobre o assunto Arquitetura da Informação, Usabilidade e Acessibilidade, desde apresentações teóricas, até apresentações práticas como testes de usabilidade de sites, testes de sites com deficientes físicos ou visuais usando a internet, mostrando como é a dificuldade enfrentada e qual a solução proposta para navegação na web, discussão entre palestrantes e público.
Dia: 10 de novembro
Hora: 9 às 18hs
Local: CENESP – Rua Rui Barbosa, 422 na Bela Vista – SP
Inscrições
Por pessoa: R$50,00
Acima de 3 inscrições (por pessoa): R$40,00
Se quiser saber mais sobre a programação do evento, quem são os palestrantes e a inscrição propriamente dita acesse o site http://www.waiu.com.br
Eu vou!
Se alguém estiver afim de ir me dá um toque, pois juntando mais 2 podemos obter um descontinho na inscrição 
-
Fotos (ver galeria)
