Minha primeira contribuição ao novo site de Economia&Negócios do Estadão.com. Responsável pela arquitetura e layout. Estão previstos mais de 80 lançamentos de carros para este ano aqui no Brasil. Confira e escolha o seu.
Tela do especial dos lançamentos automobilísticos do ano
Há tempos planejávamos uma reforma na editoria de fotos do Estadão.com e finalmente, a reforma ficou pronta.
A página anterior deixava a desejar pois a área de fotos era quadrada e muito se perdia das fotos por conta disso, além de aproveitar pouco o potencial fotojornalístico da casa.
Home de fotos a ser melhorada
Para desenhar a nova página contei com o apoio das dicas super valiosas do nosso editor de fotografia Nilton Fukuda (que aliás edita o imperdível blog “Olhar sobre o mundo” e também com as dicas do meu colega Guilherme Sanches, já citado nesse blog outras vezes.
Antes da primeira conversa com o editor, eu fiz um wireframe da home, que mudou bastante em relação ao que temos hoje.
Um dos wireframes do processo
No canal anterior a navegação se dava na home mesmo e o maior tamanho da foto era 290px x 290px, exceto quando entrava na galeria, que abria em pop-up (que na verdade, já era uma versão melhorada da primeira galeria).
Redesenhamos completamente o Foto Repórter – que agora ficou no mesmo padrão da editoria. Tivemos um grande avanço nas galerias de fotos, com fotos bem maiores, navegação por editorias ou por galerias, ícones de compartilhamento, seguindo as diretrizes das galerias de outro produto da casa, o Limão.
Nova visualização de fotos e galeria
Veja o resultado final da home e navegue por todo o canal.
Abraços e até o próximo post.
Versão final da home do canal Fotos Estadão
De olho na Sagrada Família. Foto: Déa Thiele
O maior clichê do nosso tempo é dizer que o tempo voa. A verdade é que o tempo está voando mesmo. Ou melhor, acho que nós preenchemos as nossas vidas com tantas coisas ao mesmo tempo, que é isso que nos dá a impressão que o tempo não nos espera.
Passaram alguns meses desde minha última aparição por aqui e algumas coisas aconteceram.
Fui pra Europa. Conheci Paris e Barcelona. Foi mágico ou místico como diria a maluquinha da Carolinie no YouTube. Realizei o sonho de ver as obras de Antoni Gaudí de perto. Só isso vale uma vida e claro, um novo post.
Acabaram as aulas da pós em A.I. e agora estou na fase de construção do TCC. Nada fácil, meus amigos. Muita pesquisa, muita dúvida, mas, vai sair. Espero. Conto com isso. Rezem por mim.
No Estadão, muitos projetos e nada efetivo para postar. Uma ou outra estreia, das quais participei fazendo arquitetura e layout; e fora isso muita pesquisa, conjecturas e planos pra 2010. Do Fotos Estadão, talvez eu fale em outro post. Neste blog nada é muito planejado mesmo…
Terminei de ler Ansiedade da Informação 2 e recomendo muito. Para arquitetos, designers e a qualquer pessoa que se interesse por assuntos referentes à avalanche de conteúdos que são despejados na nossa cabeça diariamente. Concomitamente, continuo com minhas leituras sobre romances sobrenaturais, fantásticos, fantasiosos. E como o TCC está rondando, acabo de começar a leitura de Design de Navegação Web, ouvi dizer que é excelente. Se é, vou descobrir, mas, adianto que é muito bonito, bem diagramado, colorido.
É isso. Só pra começar o ano. Pra tirar a nhaca. Bom ano pra nós todos!
Em junho de 2009 estreamos o novo site do Link. Parte de um grande projeto, o site do Link foi a primeira ação que envolve essa marca do Grupo. Fiz a arquitetura de informação desse projeto com o querido Rodrigo Savazoni. Foi um trabalho muito especial e gratificante, com ideias excelentes e coroado com o belo design de Thiago Braga.
Wireframe da home do Link
Home do link dia 18/08/09
O assunto do momento são as redes sociais. Todo mundo quer criar uma, todo mundo participa de alguma, a mídia inteira só fala nisso. Cursos e congressos são criados para entender a melhor maneira de utilizá-las e como usá-las para ganhar dinheiro. Eu ainda estou descobrindo a real utilidade de cada uma delas, mas, duas delas me despertaram o interesse. São elas: O Livreiro e o Skoob.
Uma das minhas paixões é a leitura (senão a maior). E essas redes sociais são voltadas pra pessoas como eu, que amam ler e compartilhar impressões sobre suas leituras. As conheci, por acaso, no mesmo dia, e no mesmo dia me cadastrei nas duas.
Tem uma bela apresentação, conteúdos variados, grandes nomes da literatura como membros e uma grande livraria por trás. Tudo muito bonito e rico, não fosse um detalhe… a usabilidade. Ou melhor, a falta de. E no item principal: que é a busca por livros. Passei praticamente o mesmo tempo nas duas comunidades. Consegui incluir 15 livros na minha estante no O Livreiro, contra 72 no Skoob. É pra se pensar. Embora o visual e o conteúdo do O Livreiro seja mais atrativo, não tenho vontade de incluir mais livros por lá, por exemplo: ao ler uma série de sete livros como Harry Potter, seria interessante poder marcar todos os livros de uma só vez. E estes deveriam aparecer na sua estante. No Livreiro, eu fiz uma busca por autor, no caso a J. K. Rowling, e me apareceu 211 livros, eu escolhi um, ele foi pra uma página do livro, onde eu poderia marcar se já o li, se gostaria de ler, doar, emprestar, etc. Marquei “já li” e pensei em voltar pra busca (pelo botão voltar mesmo) e ao invés de voltar no resultado da busca, voltei para a home. Perdi a busca. Pra adicionar um segundo livro da mesma autora, eu teria que novamente, digitar o nome dela, procurar nos 211 livros divididos de 15 em 15 livros e segue no mesmo procedimento descrito acima. É muito tempo gasto, para um processo que poderia ser muito mais simples… onde estava o arquiteto da informação nesse momento? Claro, que é muito fácil falar, após o produto estar prontinho, formatado pro uso. Mas, acredito que esse é um problema real que deveria ser resolvido com urgência para o sucesso do produto. Vou me ater apenas a esse problema, afinal, não estou aqui pra dar consultoria grátis.
Minha estante no Livreiro
A interface é bem clean, bem ao estilo web 2.0 espalhado pela rede, se não surpreende, também não assusta. É muito funcional, a busca é muito boa – ao procurar por um autor ele lista todos os livros, e como é uma rede colaborativa muitos livros estão duplicados, então existe um aviso que o livro está duplicado e que a informação será verificada e corrigida. Ponto pra eles. Da própria lista você já consegue adicionar o livro na sua estante, e no status que desejar. Se quiser mais informações sobre o livro você pode clicar nele, e se quiser voltar pro resultado de busca, é só clicar no “voltar”, que a busca está preservada. É simples. Não é necessário pensar. É isso que o usuário quer. É isso que o usuário precisa.
Minha estante no Skoob
Que fique claro. Isto é minha opinião de usuária (embora minha profissão interfira um pouco na opinião). Eu não conheço nenhum dos responsáveis pelas duas redes. Mas, sou louca por livros. E adorei as duas redes. Mas, confesso que se resolver usar de forma mais intensa uma delas, opto pela Skoob, por ser mais funcional. E isso me leva a um ditado que mamãe sempre repete: “Beleza não põe mesa”. Pode ter certeza que usabilidade, sim.
Até o próximo post.
P.s.: Sobre o meu gosto literário falarei num próximo post.
Eu precisava de um assunto interessante pra explorar em um trabalho da pós e uma amiga precisava divulgar seu trabalho. Dessa junção surgiu a idéia de criar um blog colaborativo para fisioterapeutas que utilizarão a ferramenta para dar dicas e falar sobre fisioterapia a quem interessar. Aproveitando o conhecimento adquirido com o case MPB4, o projeto se firmou nas seguintes bases: o blog colaborativo, twitter pra divulgação de posts e links interessantes de fisioterapia, o flickr pras galerias de fotos e a comunidade no orkut também voltada pra divulgação e discussão dos assuntos pautados pelo blog. Tudo isso integrado na plataforma Wordpress.
No momento, contamos com duas profissionais blogando e pretendemos em um futuro bem próximo ampliar o número de colaboradores no site.
O trabalho foi feito conjuntamente com Marco Moreira (designer e arquiteto de informação como eu) e Bruno Fernandes (analista programador).
É um trabalho que foi feito para contemplar a primeira Oficina Integradora do Conhecimento ministrada pela Thaís Campas no curso da FIT, mas, que vai ser continuado e melhorado, tendo como objetivo se tornar um endereço de referência sobre fisioterapia na web.
Obrigada aos colegas pela realização do trabalho e às fisioterapeutas Dra. Gislaine Zapata e Dra. Luciana Almeida pela importante contribuição nesse pontapé inicial. Nos visite.
Printscreen do www.colunadafisio.com.br
Essa disciplina ministrada brilhantemente pela Prof. Msc. Sílvia Dotta nos levou de encontro à algumas teorias de comunicação, cultura de massa e cibercultura.
Assistimos alguns filmes, entre eles, o belíssimo Renaissance, um filme que mostra Paris em 2054, linguagem HQ, alto contraste P&B, onde a linguagem no filme está sempre relacionada a tecnologia. É um filme de aventura, mas, tem muito aspectos a serem observados quando visto da forma como vimos, como objeto de estudo. Abaixo, o trailer:
Dessa disciplina sairam dois trabalhos: a criação de um dispositivo interativo para estabelecimentos para relacionamento com os clientes e uma resenha crítica de um livro da área. Eu escolhi O Design do Dia a Dia do Donald Norman, que aliás é um excelente livro pra quem quer estudar usabilidade.
O nosso trabalho foi a criação de um dispositivo para supermercados. A função não será descrita aqui, porque, a gente não sabe o dia de amanhã, e podemos resolver produzir a ideia. Mas, foi um trabalho muito interessante com definição de público-alvo, análise SWOT (novidade pra mim, que nem sabia o que era isso), criação de funcionalidades, entre outros tópicos. O trabalho aliou teoria e criatividade e saímos do convencional ao criar um dispositivo pra supermercado, ao invés de uma funcionalidade pra sites ou celular, o que era esperado já que quase todos do grupo trabalham com internet.
Particularmente, eu gostei muito da disciplina, principalmente pela professora, que nos instigou a pensar (e muito), com muitas questões durante a apresentação do trabalho e com o feedback, tão importante pra nós que estamos aprendendo. Aliás, feedback é importante em todas as áreas.
P.s.: Como a resenha é grande, vou disponibilizá-la aos colegas da turma, no nosso grupo. Se alguém, quiser lê-la, é só pedir que eu envio.
As duas disciplinas em uma que foram ministradas pela Profª. Thaís Campas nos colocou em contato com as primeiras noções sobre o trabalho do arquiteto de informação e nos apresentou muitos termos do jargão da profissão, assim, como algumas técnicas e métodos de trabalho. A ferramenta mais discutida e temida por nós em aula foram as matrizes. Matrizes de funcionalidades, matrizes de conteúdo, matrizes. A matriz, no meu entender, nada mais é que um levantamento profundo das funcionalidades e conteúdos de um site/portal (isto, é se for uma matriz legada – de um produto já existente) ou se for de um produto novo, conterá funcionalidades, seções, links, tecnologias, tudo o que for necessário pra um bom andamento de projeto. É uma planilha detalhada nos dois casos e os campos da planilha quem vai definir é o próprio arquiteto.
Como conclusão dessa disciplina nos foi pedido um trabalho em grupo de análise de um portal ou site à escolha com os seguintes conteúdos: uma matriz de escopo até o 4º nível do site mais perfil do negócio, razão de escolha do portal a ser analisado, análise da situação do portal (pontos fracos, fortes, oportunidades e ameaças) e uma conclusão com possíveis melhorias para a experiência do usuário.
Eu e o meu grupo ( Eglen Mari, Erico Rabanea e Shirley Higa) escolhemos o portal da SPTrans por ser um portal destinado a informar as pessoas sobre o transporte público da cidade e os benefícios de usá-lo, além de mostrar as facilidades que oferecem.
Após a análise detalhada nós chegamos a algumas conclusões: que o portal da SPTrans apresenta uma série de serviços relevantes a população em geral, tanto o usuário de transporte coletivo quanto o usuário de transporte individual. Possui também um banco de dados rico e complexo que privilegia a rapidez resultando em uma resposta satisfatória em consultas. Levantamos vários pontos a serem desenvolvidos e aplicados, que claro, não vou expor aqui, porque quem trabalha de graça é relógio, rs. Mas, o mais importante desse trabalho foi aprender que a partir de uma série de ferramentas de análise você pode ter a diferença entre mais um projeto e um projeto de sucesso.
É por isso que existe a figura do arquiteto de informação, para enriquecer de dados relevantes um projeto, pra ter uma visão holística sobre todas as áreas envolvidas e detectar problemas e soluções antes de qualquer desenho ou redesenho de site, portal ou o produto que for. Pra ninguém morrer de curiosidade, uma palhinha do que foi nossa matriz de escopo.
Pedacinho da nossa matriz de escopo
A partir de hoje, vou postar as minhas impressões sobre as disciplinas e trabalhos que estou realizando no curso de Arquitetura de Informação da F.I.T.. Não pretendo criticar nem elogiar nenhum dos professores, vou falar somente da disciplina e do trabalho pedido e de como ele foi realizado. Numa pós-graduação, as aulas tendem a ser uma correria sem fim; no fundo, são apenas dicas do caminho a seguir, o aprofundamento de cada conceito, só com muita pesquisa, leitura e com certeza, na prática do dia-a-dia. Aos colegas do 2ª turma de A.I. na F.I.T. peço colaboração com suas próprias experiências nas áreas de comentários. Que assim seja!
Tem havido muitas reportagens sobre A.I. nos últimos tempos… das duas uma: ou resolveram “hypar” a profissão ou de fato, estão descobrindo a importância da arquitetura no planejamento de sites. Só pra citar algumas, saiu em um guia de profissões da Veja há uns meses atrás, saiu na Info desse mês e também, na Revista W – esta última merece umas palavrinhas a mais.
Tanto a Veja quanto a Info parecem querer vender a profissão de A.I. sem no entanto se aprofundar, meio que glamourizam a profissão, mas, não diz de fato, a verdadeira essência do trabalho do arquiteto, já a W, não fala especificamente de A.I. mas, detalha a profissão ricamente, com uma matéria que esclarece muito sobre planejamento e design de informação. Fora que tem um box com o Felipe Memória que é um excelente profissional cheio de boas ideias – já leram o livro dele, Design para a Internet? - (embora, eu tenha parado de seguir ele via Twitter, porque lá ele só fala de futebol, rs). Vale a pena ler. Mas, infelizmente, tem de comprar a revista pois a matéria não está disponível no site.
Capa da Revista W de março/2009
E outra hora, eu falo mais sobre essa revista que pra mim é a melhor revista da área de design/tecnologia atualmente.