Para o bookmark

LM

Quando a limitação faz criar

Excelente análise de Scott Dadich, diretor de criação da Wired, sobre como as limitações da página faz com que o designer não tenha limite na elaboração de um projeto gráfico e cita como exemplo o Google e o iPhone.

"At Wired, our design team sees this constraint as our daily bread. On every editorial page, we use words and pictures to overcome the particular restrictions of paper and ink: We can't animate the infographics (yet). We can't embed video or voice-over (yet). We can't add sound effects or music (yet). But for all that we can't do in this static medium, we find enlightenment and wonder in its possibilities. This is a belief most designers share. In fact, the worst thing a designer can hear is an offhand "Just do whatever you want." That's because designers understand the power of limits. Constraint offers an unparalleled opportunity for growth and innovation."

íntegra

Projeto de web, mas desenho começa no papel

Jack Dorsey’s original sketch for Twitter (”Stat.us”)
Dan Catt’s concept sketch for Flickr Places

Profile page idea for Vimeo by Sockyung ‘Sox’ Hong


Initial concept sketch for Twitterverse by Emily Chang
Sketch for a version of the AbiWord word processing program for
One Laptop Per Child by Erik Pukinskis

Editing interface sketch for a mySociety project by Tom Steinberg

Prototype of image-based search results for an unnamed museum collection by Danny Hope

Finally, some high-intensity paper-prototyping action via YouTube:

do http://deeplinking.net/

LM

As palavras e as coisas no El Mundo

Bem, não dá pra ter tudo mesmo. Essa é uma das primeiras lições que jornalistas aprendemos quando passamos à Academia. A segunda, é preciso entender as práticas nas redações digitais para depois criticar (construtivamente, claro).

Assim, começa uma percepção (mais sitematizada) do novo redesenho do El Mundo. Elogiado diversas vezes desde que foi ao ar no último domingo com agressiva campanha de marketing voltada para as multiplataformas de distribuição, parte-se agora um olhar mais atento.

Vamos lá:

Os botões para avançar as fotos dinâmicas na capa. Um dos raros exemplos em que o ícone não precisa de legendas. Quem não sabe que o sinal de + significa mais? Outro botão interessante é o que avisa em qual foto o usuário está. Afinal usuários não precisamos de números (1,2,3,4,5) para acompanhar imagens nos portais.


Cheguei a postar no domingo, quando foi anunciado o El Mundo repaginado que usuários estávamos livres do click to play. Não foi bem assim. Há vídeos no jornal espanhol que ainda nos pedem para clicar no botão play. Não precisa, sabemos que o ícone significa play. Tem no controle remoto.

Excelente resolução para os serviços interativos e, sobretudo, os de share. Mas ainda me pergunto qual o critério de seleção desses botões? Popularidade? Qualidade? Tecnologia?

Precisa repetir à exaustão a palavra Titulares? Não há outra maneira de destacar essas secciones?

A pensar,

LM

O lugar dos anúncios

Como se sabe, os projetos gráficos de jornais impressos prevêem espaços para anúncios, e também não é novidade que, em muitos casos, os textos perdem lugar para anunciantes. No jornalismo digital, muitos formatos têm sido testados e, ao contrário das páginas analógicas, na rede o usuário pode recusar alguns deles, como é o caso dos pop-ups. Hoje há dezenas de formatos, e o grande nó é descobrir qual é a melhor disposição nas páginas.

Pesquisas como a Eye Track, do Poynter, apontam caminhos a partir do olhar do usuário, do que o atrai na página. Os anúncios integram o pacote de modelos de negócios do ciberespaço e, por essa razão, os projetos têm de contemplar espaços para que as páginas não fiquem carregadas de banners e se misturem ao conteúdo, critica artigo da Smashing Magazine.

"While advertisements are hardly the primary concern of web designers in general, not accounting for them will result in a very awkward layout that can either detract from the flow of the website or put the ads in a spot where they will not receive enough attention from visitors. In order to maximize ad revenue for the client, with minimal interference in the appearance and usability of the website, the designer must take advertising needs into consideration throughout the design process."

meu comentário: a esse raciocínio deve-se incluir a desconstrução do formato atual das páginas - pautadas pela simulação do papel, diagramação em colunas e hierarquia -, e a reconfiguração do design proposto atualmente.

A pensar,

LM

Design para pensar

LM

Los Angeles Times, digital

2002

2000

*Hierarchy of images (yellow), advertising (orange) and editorial content (blue). The small black arrows are links to related content elsewhere within the paper.

De novo, do blog serial consign

"The Times web presence over the ten-year study period is marked by several radical reconfigurations. The paper quickly shifts from an "online placeholder" in 1996, to struggling to develop the front page as a portal through 2002, to the recent reduction of amount of information on the initial page and related integration of advertising and editorial content. It should be noted that Google introduced its contextual advertising model in 2003. "

LM

Los Angeles Times, papel

*Hierarchy of images (yellow), advertising (orange) and editorial content (blue). The small black arrows are links to related content elsewhere within the paper.

Do blog serial consign

"Given that these front pages span 130 years of visual culture, it is not surprising that the information space of the Times has changed considerably. Note that advertising content had all but been removed from the front page by 1925. This shift can be attributed to the (then) emerging journalistic principals that called for the separation of church and state (advertising and editorial content). Conversely, the web developed into a venue open to the exploration of integrated advertising and editorial content".

A pensar. Pra valer,

LM

Google generation 2

Para não esquecer como pensar um projeto tambén para a web. Esse, coordenado por Mario García é para o jornal La Tribuna. (a versão impressa).

LM

Por Mario García

Serious does not mean boring

I remember my first meeting with La Tribune’s director, Valerie Decamp: it was a lunch at a plush, but quite busy, Paris restaurant. The tall and talkative Valerie, whose newspaper trajectory had brought her to La Tribune from the free newspaper, Metro, knew exactly what she wanted, and how she wanted.

“I want you to make La Tribune very lively, colorful, full of energy, and full of news, analysis, and topics that the readers have not seen elsewhere, that is what I want,” Valerie told me two minutes after we met.

Knowing what the management wants is, indeed, the first step in what you know will be a successful project: a manager who is focused, knows direction, target audiences, and has no preconceived ideas that a “financial daily” has to be boring.

Valerie talks fast, and she wanted the project to move fast.

Fast it was. We began around May, launch of the new-formula La Tribune is Monday, Oct. 27.

Enter the new art director: Eric Beziat
One of Valerie’s most effective moves was to hire Eric Beziat as art director. Together, Eric and I met frequently, both in person and in cyberspace, to create the look that you see here.
Every successful design needs an editor who contributes ideas, and who is sure of what he wants: we found this in La Tribune’s new editor, Erik Izraelewicz.

Projeto gráfico e editorial

explore

LM

Nova home do UOL

No caminho: os vídeos não têm as chamadas clique aqui para assistir ao vídeo. Gracias.

LM

Nova tipologia da Veja

Fonte: Veja

LM

Veja de cara nova

Reprodução

A revista Veja (versão impressa) estréia novo projeto gráfico na edição de 30 de julho que já está nas bancas. A palavra-chave da mudança é organização da informação.... Na rede, os tipos continuam os mesmos...

LM

World's Best-Designed 2007

Take a look at images of this years World's Best-Designed (2007):

Guardian

http://www.guardian.co.uk/

Londres

Frankfurter Allgemeine Sonntagszeitung
http://www.faz.net/s/RubE3C3C6176BD4497B8E43BEC78289CFD1/Tpl~Ezeitung~Soverview.html

Alemanha

Expresso

http://aeiou.expresso.pt/
Portugal

Akzia

http://www.akzia.ru/

Russia

LM