jump to navigation

3D desktop com BumpTop June 21, 2006

Posted by Saddi in : Usabilidade , 3comments

Um protótipo bem interessante de um desktop 3D: BumpTop. Ainda não existe previsão para uma versão comercial, mas a idéia é de que possa ser instalado em qualquer máquina com Windows.

Usabilidade na academia May 23, 2006

Posted by Saddi in : Usabilidade , add a comment

Estava reparando que os equipamentos da Technogym lá da academia foram desenvolvidos sem esquecer do usuário que vai utilizar o produto. Como podem reparar na foto abaixo, todos os elementos que podem ser reguláveis são da mesma cor: amarela.

Dessa forma fica fácil para quem vai usar o produto identificar onde precisa mexer para ajustá-lo às suas necessidades.

Technogym

Nova home do Yahoo! May 16, 2006

Posted by Saddi in : Usabilidade, Yahoo , 2comments

Quem quiser experimentar, basta acessar www.yahoo.com/preview. O controle de layout da página comentado aqui, mudou para um “page options” do lado direito do header, onde agora também é possível escolher a palheta de cores da página.

Outra novidade é o tour que destaca as principais novas funcionalidades da página, que é apresentado na forma de um layer que cobre a própria página destacando as áreas comentadas num passo a passo bem interessante (screenshot abaixo).

Yahoo tour

Interface do PS3 May 15, 2006

Posted by Saddi in : Games, Usabilidade , 1 comment so far

Sei que essa já é um pouco velha, mas não podia deixar de mencionar. Foi apresentada na E3 a nova interface do PS3. Se assemelha bastante à do PSP (muito bem aceita pelos usuários, diga-se de passagem). Suporta vários usuários, com opções para ver fotos, assistir vídeo, ouvir música, acessar a internet com várias janelas simultâneas… bem, assistam à apresentação e vejam todos os detalhes. :)

Mais Design Patterns do Yahoo May 10, 2006

Posted by Saddi in : Usabilidade, Web 2.0, Yahoo , add a comment

Já tinha falado sobre esta biblioteca anteriormente e ontem o Yahoo! a ampliou, disponibilizando novos patterns de transições visuais, convites e grids.

A biblioteca de códigos também ganhou um update, com controle de janelas, menus, auto-completion e CSSs de fonts, reset e grids de página. Este último composto por sete componentes e wireframes básicos que combinados oferecem mais de 100 layouts diferentes.

Veja mais detalhes no Yahoo User Interface Blog.

Desenvolver para 800 ou 1024? Os dois. May 5, 2006

Posted by Saddi in : Usabilidade, Web 2.0, Yahoo , 3comments

Ontem pude acessar mais uma vez a nova home que o Yahoo está testando e notei algumas poucas diferenças em relação a que eu vi anteriormente. Uma destas mudanças é um box com uma opção para o usuário escolher se prefere uma interface mais larga (pra quem tem 1024×768 ou maior) ou mais estreita (para quem tem 800×600). Ao clicar no link, página é totalmente recarregada e os itens da coluna da esquerda são reposicionados na nova interface.

Interface da Home do Yahoo!

Já tinha notado esta mesma funcionalidade em outro site do Yahoo, o recém lançado Yahoo! Tech. Ao contrário do que acontece na home, neste a mudança na interface é feita sem refresh, escondendo a coluna da direita com um efeito de slide via javascript.

Interface do Yahoo! Tech

Sim, eu sei. Existem as interfaces “líquidas” que se adaptam ao tamanho da janela do browser, mas nunca fui fã delas porque perdemos muito o controle de como a página vai se apresentar e só funcionam bem mesmo em sites com muito texto.

Pensar em duas interfaces fixas para atender a duas resoluções diferentes dá um pouco mais de trabalho, mas se pensarmos que tudo pode ser controlado via CSS não desanima tanto. O resultado final é bem melhor e quem sai ganhando é o usuário.

Ajax - carregando… April 12, 2006

Posted by Saddi in : Ajax, Usabilidade, Web 2.0 , add a comment

Outro dia precisei fazer um gif animado para indicar para o usuário que uma chamada em Ajax estava em andamento. Hoje descobri o Ajaxload. Além de vários modelos para você escolher, ele permite que você configure a cor do ícone e da cor de background.

Muito bom, mas seria melhor se tivesse visto isso alguns dias atrás. :)

Nova UI do Google March 27, 2006

Posted by Saddi in : Design, Google, Usabilidade , 2comments

Quer testar a nova interface do google? O que antes era fechado para alguns beta-testers agora pode ser visualizado por qualquer um. Basta seguir os passos abaixo do screenshot.

A nova tela de resultados passa a exibir informações à esquerda de resultados em outras áreas do Google (imagens, grupos, froogle e notícias) que a maior parte dos usuários não costuma utilizar.

Nova UI do Google

Como fazer:

  1. Acesse o google.com (ou google.com.br)
  2. Copie e cole o javascript abaixo correspondente na address bar e tecle enter
  3. Agora é só procurar por alguma coisa!

Javascripts (coloque em uma única linha!):

Para google.com:
javascript:alert(document.cookie=”PREF=ID=fb7740f107311e46:TM=1142683332:
LM=1142683332:S=fNSw6ljXTzvL3dWu;path=/;domain=.google.com”)

Para google.com.br:
javascript:alert(document.cookie=”PREF=ID=fb7740f107311e46:TM=1142683332:
LM=1142683332:S=fNSw6ljXTzvL3dWu;path=/;domain=.google.com.br”)

Update! Pode ser que seja necessário reescrever as aspas francesas que o Wordpress coloca (só deletar e reescrever quando já estiver na address bar do browser).

Del.icio.us facilitando a nossa vida… March 17, 2006

Posted by Saddi in : Ajax, Usabilidade, Web 2.0 , add a comment

É impressionante como o del.icio.us tem mostrado cada vez mais como se preocupa com a experiência do usuário. Uma das últimas mudanças implementadas é a possibilidade de editar os seus bookmarks direto na própria página em que são listados, via Ajax.

Ao clicar em edit, o texto se transforma em formulário e tudo se resolve ali mesmo, sem refresh do resto da página.

Editando bookmarks no del.icio.us

Com o Ajax podemos pensar em interfaces que antes não eram possíveis. Aproveitando o tema, vejam o que Mats Henricson listou como o que ele considera que sejam as 12 melhores situações para usar o Ajax. Ele inclusive coloca alguns links para exemplificar.

Busca no Live.com March 14, 2006

Posted by Saddi in : Ajax, Usabilidade, Web 2.0 , add a comment

O Windows Live implementou esses dias uma nova maneira de se apresentar os resultados de busca. Um scroll infinito - que vai carregando novos resultdos via Ajax na medida em que você vai descendo o scroll - elimina a necessidade de paginação. Apesar de ser tudo controlado via javascript, o scroll wheel do mouse funciona perfeitamente.

É possivel escolher, através de um slider, a quantidade de informação exibida em cada resultado. No modelo com o máximo de informação, é exibido um link para buscar apenas naquele site, que ao ser clicado, se transforma sem refresh em um campo de busca.

Windows Live Search