Nov 24
Gmail Terminal
Postado por Faraco

Se vocês acham que as Apple Apples são coisa de nerd, não deixem de conferir os novos temas do Gmail … Em questão, um deles imita um terminal de comando estilo DOS:

Pra se sentir o Neo do Gmail, basta ir em Settings >> Themes.







Nov 18
Touch Sight
Postado por Faraco

Mais uma dica do nosso amigo fotomaníaco Rodrigo Favero:

O designer da Samsung chinesa, Chueh Lee, desenvolveu o que deve ser a primeira câmera fotográfica para os cegos.

No lugar do visor LCD há uma película que se deforma para exibir a foto em relevo. Assim o fotógrafo pode tocar a sua foto, e sentir como ficou. Na hora do click, a câmera grava 3 segundos de som ambiente e o anexa ao arquivo da foto, pra ajudar depois na hora de achar. Toda a interface é muito amigável e intuitiva, resultado de uma profunda pesquisa com pessoas cegas e seus instrutores.

Nessas pesquisas, Chueh descobriu que a melhor posição para bater a foto é segurar a câmera na testa. Além de ser como um “terceiro olho”, isso ajuda a estabilizar e mirar o aparelho. Os outros sentidos, mais aguçados, completam a cena e formam a fotografia mental.

O projeto está apenas no protótipo, mas espero que pelo potencial que existe, entre no mercado pra dar mais um olhar a quem não tem a visão.







Aug 29

Mexendo no novo iMac aqui do escritório, tropeço numa possível brincadeira dos designers de ícones do Leopard. Cada máquina ligada na rede possui seu ícone, caracterizando as plataformas Windows e Mac. E num é que a simbologia escolhida para o PC foi a clássica tela azul do Windows ? Simplesmente ri sozinho disso. E com um velho CRT bege !







Jun 18
Firefox 3.0
Postado por Faraco


Saiu ontem o muito esperado Firefox 3.0, a nova versão do browser em maior ascensão da web. 

Além das mudanças na interface, há novidades na funcionalidade também, que me fizeram finalmente migrar 100%.

Destaque mesmo é pra barra de endereços inteligente e pros favoritos fáceis de adicionar. A interface também eu achei bem melhor, mas mesmo assim já peguei uma skin pra ficar igual ao Safari :D Melhor ainda !

Bom, as novidades todas tão no site, assim como as dicas de usabilidade. Baixe o novo Firefox AQUI.







May 30
Tag Galaxy
Postado por Faraco

Tag Galaxy

Eu achava que o PicLens já era lindo.. Até conhecer essa nova idéia de navegação para busca de fotos, capaz de manter até o Carl Sagan distraído por horas.

No Tag Galaxy, o seu critério de busca se transforma em planetas. Uma vez buscada uma palavra-chave, ela aparece como um sol na galáxia, e os termos relacionados, os planetas em órbita. Pra refinar a busca, basta clicar em um dos planetas, que ele assume a posição do sol e abre um novo sistema solar. Uma vez satisfeito com seus termos de busca, você clica no sol e as fotos são carregadas do Flickr e dispostas sobre a esfera. Tudo isso acontece em um ambiente 3D que você pode girar livremente arrastando o mouse.

Bom, melhor do que tentar ficar explicando é experimentar ! 

Via

Continue lendo esse post »







May 17

Web 2.0 é para os fracos. Esse cara tá lançando um novo conceito de site. O estilo “Peguei-todos-os-ícones-da-Web2.0-e-fiz-merda”.

Dá até uma certa labirintite ficar olhando pra isso por muito tempo. Muito tempo, leia-se mais de um segundo.

E outra. Texto? Pra quê texto? Junte tudo que puder num arquivo de Photoshop, aperte Ctrl+Shift+E e coloque no seu site como um imenso, lindo e colorido link.

Aqui vocês podem apreciar melhor esta obra prima do Design.

*Quem conseguir contar quantos ícones foram utilizados, ganha uma bala Soft amarela.







May 9

Interfaces multi-touch são a coisa da moda agora. Pra quem não conhece, multi-touch é a tecnologia patenteada pela Apple, presente hoje no iPhone e iPod Touch e nos novos MacBooks. Depois da sua introdução, a interface controlada por mais de um indicador se popularizou e começaram a surgir diversos clones e tentativas experimentais, a fim de expandir a idéia. Um deles eu já postei aqui, de um rapaz que desenvolveu um tipo de multi-touch usando o controle remoto do Wii. A versão microsoftiana desse tipo de interface pode ser encontrada no Surface.

Passeando pelo Instructables, esbarrei nesse manual de como fazer uma mesa multi-touch caseira. A diferença dessa pra outras, é que essa você só precisa mesmo é de uma webcam. O resto é configuração e ajuste na sua iluminação ambiente com ajuda do software. Software esse que é desenvolvido pelo pessoal do NUI Group, uma equipe de mídia interativa que pesquisa e projeta interfaces em open-source. TouchLib é o nome do projeto em questão, que detecta realces no histograma da imagem da webcam e os transforma em pontos de cursores a serem usados em diversos aplicativos.

Eis o vídeo mostrando o processo:

YouTube Preview Image

Sim, depois de ver isso eu fui fazer a minha própria. Tava com uma webcam sobrando aqui, então montei uma versão mini dessa caixa com o que consegui achar. Não ficou a coisa mais bonita do mundo, mas aí configurei o programa e funcionou tranquilo !

E viva la experimentación !







Apr 14

É visível como essa geração de ícones faz com que nossa percepção de um ícone ser um desenho pequenininho, feito no Microangelo, pixel por pixel, mudou completamente. Considerando que o novo sistema Leopard apresenta ícones com 512 x 512 pixels, podemos enquadrar os novos ícones aqua e web 2.0 como sendo ilustrações funcionais.

Lendo um ótimo post do TurboMilk, de Denis Kortunov, ele explica os 10 maiores erros cometidos ao desenhar um ícone. Alguns são:

  • Excesso de elementos em um ícone: Quanto mais simples, melhor. Mas parece que alguns designers da Microsoft se empolgam com o novo visual “uau” do Vista, e gostam de encher os novos super-ícones com mais e mais elementos, causando mais e mais confusão quando sofrem qualquer redução.
     
  • Elementos desnecessários: Um ícone é uma síntese gráfica de algo maior, então quanto menos elementos, melhor. Então deve se prestar atenção ao contexto, ao projetar um conjunto de ícones.
    Um exemplo é esse conjunto para um aplicativo de banco de dados:

    Como todos os ícones do aplicativo representam algo de dentro do universo do banco de dados, então o elemento que representa o significado “banco de dados” é totalmente dispensável:
     
  • Falta de unidade e harmonia em um conjunto de ícones: A harmonia visual entre ícones é o que os faz parte de um conjunto. Características como cores, proporções, estilo são o que unem os ícones e os torna elementos de um sistema gráfico único. Isso geralmente não acontece quando existem vários designers trabalhando em um conjunto de ícones. Quem se lembra da janela de seleção pra trocar um ícone de algum programa no Windows ?
     

 Quem nunca reparou a diferença de qualidade entre os ícones do Windows e os do Mac OS X ? A diferença é gritante, inclusive dos programas de terceiros projetados para cada sistema. É aí que vemos a preocupação da Apple em relação à sua interface, sabendo que eles não são os donos de todos os ícones do seu computador. E pensando nisso eles criaram uma espécie de manual de identidade do Aqua, contendo linhas-guia de como criar ícones (e outros elementos de interface) que se integram com a estética do OS X. Coisa que na Microsoft só foi aparecer agora, com o Vista. Eles cobrem assuntos como iluminação, materiais e até mesmo o ângulo de representação do ícone. Quem quiser dar uma olhada, tá tudo em um PDF aqui.

  • 10 Mistakes in icon design

  • Apple Human Interface Guidelines

  • Windows Vista User Experience Guidelines

  • 7 principles of effective icon design

  • InterfaceLift

  • Mini ícones “Silk”

  • “Echo” icons guidelines

  •