05 de novembro: Dia do Designer

Hoje é dia do designer. Parabéns a todos.

Idéias todo mundo tem. As idéias passam a ser úteis quando a gente aplica no dia-a-dia, quando nós descobrimos que alguém se beneficia dela. Estude, informe-se, leia. Idéias são alimentadas por outras idéias.

Gestalt & sistemas web

Eu já devo ter falado de Gestalt aqui em algum lugar, mas como estou com preguiça pós-trabalho, nem vou procurar no blog.

Quem conhece um pouquinho de design ou psicologia (ou das duas coisas)  deve ter ouvido falar nas leis dessa escola (não escola física e sim o conjunto de paradigmas que forma uma teoria e blá, blá, blá) que trata da percepção humana e facilita a compreensão das idéias. As principais leis da Gestalt podem ser assim resumidamente definidas:

Proximidade: vários elementos perto uns dos outros parecem fazer parte de um único elemento;

Similaridade: elementos semelhantes agrupam-se a fim de formar unidade. Essa semelhança pode dar-se por forma, tamanho, cor…;

Clausura: é o que “fecha” um ciclo entre vários objetos a fim de atingir a unidade e fazer com que os mesmos pareçam conectados, peças de um objeto só;

Simplicidade ou pregnância: quanto mais simples, mais facilmente o resultado é assimilado (olha o que o John Maeda fala fazendo sentido…) e;

Continuidade: define a ordem de leitura não deixando que ninguém fique “perdido” ao olhar para o objeto.

Typographic_Portrait_by_staceygrove

Imagem encontrada em: http://staceygrove.deviantart.com/art/Typographic-Portrait-138625057

Sim, mas o que esse blá, blá, blá tem a ver com sistemas web? Simples. Construa sistemas onde o usuário pode encontrar-se dentro dele. Agrupe opções e mostre que todas as telas fazem parte de um mesmo sistema e que diversos sistemas fazem parte de uma mesma empresa. Digo isso porque tenho visto sistemas web com funcionalidades muito legais mas que deixam a desejar no quesito usabilidade (aqui diretamente ligado a Gestalt aplicada), às vezes softwares de uma mesma empresa são completamente loucos e diferentes uns dos outros.

Quer um exemplo? Pegue três aparelhos de celular da motorola de modelos diferentes e veja se consegue usar todos eles facilmente. Ninguém consegue. São softwares difíceis e que às vezes não tem muito a ver uns com os outros. Tudo o que eles conseguem ter semelhantes (e olhe lá) é o acesso ao menu e mais nada.

Quando pensar em desenho de sistemas, pelo-amor-de-deus, pense que tem um usuário do outro lado que usa Gestalt inconscientemente para manuseá-lo.  :P

Flash CS5

Cuidado que o o Flash vem aí!!!

Anunciado no evento Adobe Max 2009 o beta do Flash CS5 até o fim deste ano.

Compatível para desenvolvimento de aplicações para IPhone, trabalho aprimorado com Framework, XML baseado em FLA, integração com Flash Builder e aumento da produtividade com o Action3.

Todo mundo de olho no AdobeLabs.

Para saber mais sobre o Flash CS5 clique aqui.

Para saber mais sobre o Adobe Max, clique aqui.

Eu vou pro ISeminar!!!

iseminar

O melhor evento de Web e Design do nordeste já tem data marcada e as inscrições estão abertas. É o ISeminar 2009.

Estão confirmadas presenças importantes como a dos webdesigners Neto Leal (coordenador da Cubo.cc), Ricardo Piologo  (Mundo Canibal) e Irving Suna (agência Fishy).

A novidade ruim é que este é o primeiro ano pago do evento e as incrições até o dia 05/10 custam R$ 25. Daí crescem para R$ 30 e R$40 com a aproximação do evento. Apesar disso vale muito a pena pagar porque o evento é realmente legal.

Se for, a gente se encontra lá.

Para se inscrever é só acessar http://www.iseminar.com.br/v2009/

História do Photoshop

splash-107

Pra quem não acompanhou a história do melhor software de tratamento de imagens do mundo porque nasceu depois de 1988, quem quer um pouco de nostalgia ou saudosismo ou quem nunca entrou nada tão curioso precisa conferir a história do Photoshop que está disponível no site Hongkiat.com. É muito interessante ver a evolução da caixa de ferramentas, dos splashs e dos ícones. Pra quem quiser ver a evolução de 1988 até agora, acesse http://www.hongkiat.com/blog/evolution-of-photoshop/ .

Simplicidade vende

maeda_fireball

Quem me conhece sabe que sempre fui fã de layouts simples. Coisas simples. Pouco texto, imagens significativas. espaço em branco para descansar a vista, poucos botões, só as cores indispensáveis… para ter uma idéia, depois que passei a usar mais o notebook acho que a quantidade de teclas de um teclado normal é desnecessária.

O fato é que, depois de iniciar a leitura de As leis da simplicidade: vida, negócios, tecnologia, design, do John Maeda, fiquei ainda mais convencida de que o simples é algo fundamental no mundo em que vivemos.

O cara é Designer do MIT (é, aquele instituto de tecnologia do Massachussets, sim) e prova por A+B que coisas simples é aquilo que todo mundo procura. Faz um contraponto excelente sobre simplicidade x complexididade e não é um maníaco que acha que tudo deva ser só páginas em branco com uma caixa de pesquisa (calma aê, sou apaixonada pelo Google e acho que o design dele é muito bom, não gosto é quando querem transformar coisas que não podem ser como o Google em algo tão simples quanto).

Um dos questionamentos que ele faz é porque o IPod é caro e mesmo assim é o mp3 player mais vendido e desejado do mundo quando existem outros que fazem muito mais? A resposta é óbvia: o IPod é simples. O Maeda nos convence de que as empresas procuram simplicidade e que usabilidade está plenamente casada com a simplicidade. É um livro obrigatório para quem quer desenvolver bons layouts, quer ter uma arquitetura de navegação perfeita, quer ter usuários satisfeitos entre tantas outras coisas.

Apesar de voltado para o Design serve para todas as áreas da vida. É simplesmente excelente.

Adobe Flash Catalyst

catalyst

Quando você pensa que a Adobe não tem mais nada de interessante pra lançar e que o máximo que vai acontecer é aprimorar os produtos atuais com um filtro aqui, um recurso ali, você é, incrivelmente, surpreendido. Foi o que aconteceu comigo esta semana depois de testar o Adobe Flash Catalyst, lançado no Adobe Max 2008/2009, e disponível em sua versão Beta desde o dia 1º de junho deste ano no Adobe Labs para teste junto com o Flash Builder 4 (Antigo Flex Builder) e Flex 4 SDK.

Pra mim, que estou desenvolvendo design de telas e ícones pra sistemas baseados em Flex e Java, não poderia haver nada melhor. Imagine desenhar uma simples telinha em Illustrator CS4 (Photoshop ou Fireworks, se preferir) e depois transformar tudo em componentes – textinput, botões, rolagens verticais e horizontais entre outros – com um simples clique no botão direito. Tudo com comportamento, funcionando. Simples como salvar um arquivo e sem digitar uma linha de código! Sem declarar uma classe! Nada, nem um ponto e vírgula. Tudo continua editável e você pode atribuir efeitos básicos disponíveis no Flex.

Atribuir foco, sentido do foco e outras coisas que hoje te obrigariam a entrar no Eclipse e vasculhar como um desesperado estão agora ao alcance de um clique com o botão direito numa interface mais simples do que a do Wordpad do Windows.

Você pode fazer protótipos de tela que funcionam em AIR ou SWF e mostrar para o desenvolvedor de uma forma que ele compreenda exatamente o que foi pensado, ele pode aproveitar os códigos gerados pelo Catalyst e somente incrementar com o Flash Builder 4. O fluxo de trabalho do desenvolvimento é imensamente melhorado… sem falar na integração Designer-Desenvolvedor, que de certa forma passarão a falar uma mesma língua, passando a se odiar menos (pelo menos em teoria, porque eu me dou bem demais com meus amiguinhos desenvolvedores – Os Caras).

O Flash Catalyst está disponível na versão Beta para Windows e Mac e, embora a versão Beta não permita grandes ajustes visuais em alguns componentes, mas já dá pra ver como vai ser prático desenvolver telas e protótipos com tanta integração. O trabalho para web e aplicações ricas para desktop só saiu ganhando. Ponto pra Adobe, mais uma vez.

Nuvem de palavras

nuvem

Quer fazer uma nuvem de palavras de seu blog ou de outro blog ou qualquer endereço na Web? http://www.wordle.net é o que você precisa. Insira uma url e ele cria sua nuvem. Você escolhe a fonte, o layout, um esquema de cores… muito divertido mesmo. Eu escolhi uma nuvem horizontal com esquema de cores em rgb, pra não perder o hábito…

Jornal em Flash

jornal faculdade

Estava devendo algo desse tipo há algum tempo, mas como até o contrato chegou, sempre chega a hora de tudo…

Fazer publicações eletrônicas no InDesign CS4 é mais fácil do que fazer uma pedra afundar na água. Esse mês vi um artigo ensinando a fazer algo do tipo na revista ComputerArts, mas com muito mais dificuldades do que ir ao menu File, Export, marcar swf e clicar em ok. Sim, porque é só isso…

O resultado é algo que mescla InDesign, Flash e Flex (!) muito convincentemente. Tudo isso me deixa cada dia mais apaixonada pelo InDesign. Para conferir o resultado, dá uma olhada no jornal que eu diagramei pra uma empresa aqui, só tá o espelho, com texto Lorem Ipsum, mas acredite, só o efeito deixa a gente feliz demais em pensar que não vai ter que exportar tudo pra jpg (ou similar) e fazer a animação no flash que levaria incontávelmente mais tempo. Viva o InDesign de novo!!

Java Wallpaper

Java_wallpaper_by_priscilavedder

A equipe com quem eu trabalho, trabalha com Java. Consequentemente eu também trabalho com Java por associação, mesmo que eu não saiba declarar uma classe!

Pra homenagear os caras com quem trabalho, eles que são os monstros, os caras, a equipe sma, fiz um wallpaper.