Você já reparou?

Continuando com a minha série de posts questionando a maneira em que fazemos sites (veja o meu post anterior Repensando o “acima da rolagem”), hoje tenho uma nova pergunta para você.

Você já reparou quantos sites hoje informam aos usuários que eles precisam rolar para baixo para ver mais informações?

Aqui separei alguns para você ver:

GoBank

https://www.gobank.com/

Spendee

http://www.spendeeapp.com/

The Future of Airlines

http://www.f-i.com/fi/airlines/

Continuar lendo

Anúncios

Protótipos para dispositivos móveis

Dispositivos móveis e suas interfaces gráficas estão cada vez mais sofisticados e presentes em nosso dia-a-dia.

Por isso, enquanto designers, ferramentas que nos ajudem a apresentar ideias, fluxos e transições a clientes e equipes são sempre bem-vindas. Mais que isso, essas ferramentas permitem experimentar o aplicativo de fato onde será usado, perceber se textos estão legíveis, se botões têm uma área ideal para o toque e por aí vai. Depois de apresentar seu próximo projeto assim, você vai amaldiçoar JPGs estáticos “zipados” enviados aos seus clientes.

Já falamos aqui no blog sobre o Framer, e vamos explorar algumas novas opções para criar protótipos navegáveis de maneira rápida, indolor e fácil de compartilhar.

Protosketch

proto_sketch

Distribuídos pelos criadores dos UI Stencils, esse iPhone app se baseia em sketches para entregar protótipos. É ideal para quem gosta de rabiscar suas interfaces a mão-livre ou usando os stencils fornecidos pelo fabricante. Você pode usar a câmera do celular para tirar fotos dos sketches e depois criar seu fluxo de navegação. O aplicativo corta e enquadra as imagens para o tamanho do aparelho.

Vantagem
Transformar sketches em mockups navegáveis

Desvantagem
Não permite protótipos de alta fidelidade

Fluidui

fluid ui

O FluidUI é prático de usar por ser web-based, o que o faz ser multi-plataforma. Ele permite a criação de protótipos tanto de baixa quanto de alta fidelidade através de upload da interface desenhada em outro software. Você também pode compor seu mockup usando mais de 1700 elementos de interface dos sistemas mais usados em dispositivos móveis.

Vantagem
Suporte para vários sistemas operacionais mobile

Desvantagem
Colaboração entre equipes é limitada

Continuar lendo

Qual o futuro dos sites das companhias aéreas?

O pessoal da Fantasy Interactive lançou um estudo de como melhorar a experiência dos usuários que utilizam os sites das companhias aéreas. Afinal, em 2012, 87% usaram a internet para o planejamento de suas viagens de acordo com J.D. Power.

Abaixo o vídeo com a simulação da proposta de interface funcionando e o site com o estudo completo:

Este estudo me lembrou do redesign que Dustin Curtis fez há um tempo atrás no site da American Airlines:

Redesign American Airlines

Independente dos casos, sempre gosto de ver essas propostas novas. Tem muita coisa que merecia um carinho maior na hora de pensar a experiência dos usuários. ;)

Interfaces que eu queria ter feito

Interfaces_que_eu_queria_ter_feito

Interfaces que eu queria ter feito é uma série nova aqui no blog: pixels arranjados em estado de arte, interações criativas e elementos que fogem do convencional.

Site Promocional – Lowebrau @Mikhailius Derkach

0bd32fb57c54d66a8b688354e735bda2

Aaaaaah esses russos. Acho que eles têm um paleta cromática diferente da nossa. Deve ter uns 42.000 tons extras :)

APP – Organizador de cartões de visitas @Erik Deiner

Ok, não sei se funcionaria no mundo real, mas o visual ficou bem interessante.

Organizador de cartões de visita

Dashboard McLaren F1 @SAP AG / The Still

Essa é genial. Aqui tem todo o conceito, etapas de design e tudo mais.

Dashboard McLaren F1

Oblivion @Joseph Chan

Interfaces para o filme Oblivion. O conceito, unidade e as cenas mostrando a utilização são geniais.

Oblivion

Aqui tem mais imagens, e abaixo o vídeo das interfaces em movimento:

Ingressos para o Interaction South America 2013

Já falamos por aqui que as inscrições para participar do Interaction South America 2013 já estão abertas. O evento acontece dos dias 13 a 16 de novembro em Recife. A boa notícia é que o pessoal da organização (IxDA Recife) conseguiu dois ingressos para sortearmos entre os leitores do Blog de AI.

Interaction South America 2013 em Recife

Tá afim de ir? Ganhar um ingresso e depois fazer um post aqui no blog contando suas impressões sobre o evento?

Basta seguir o @blogdeai no Twitter e retuitar o tuíte abaixo:

Dia 30/07 faremos o sorteio e divulgaremos aqui. Os custos de passagem e hospedagem não estão inclusos; somente o dos ingressos. Aliás, no site do Interaction tem mais informações sobre passagem e hospedagem pra você já ir se preparando :)

3, 2, 1, valendo!

16 dicas para uma boa User Interface

Dicas para uma boa interface

Tente agrupar funções similares ao invés de fragmentar a UI

Segundo o GoodUI.org, essas são as 16 dicas para uma boa interface:

  1. Tente um layout de uma única coluna ao invés de múltiplas colunas.
  2. Tente dar um presente ao invés de tentar fechar negócio logo de cara.
  3. Tente agrupar funções similares ao invés de fragmentar a UI.
  4. Tente fazer seus argumentos virem de outras pessoas, ao invés de falar de você mesmo.
  5. Tente repetir o seu call-to-action ao invés de mostrar uma única vez.
  6. Tente distinguir o que é clicável e selecionável do que não é.
  7. Tente recomendar ao invés de mostrar várias opções com o mesmo peso.
  8. Tente deixar o usuário desfazer, ao invés de pedir confirmação para tudo.
  9. Tente focar em um público principal, ao invés de tentar agradar a todos.
  10. Tente ser direto ao invés de ser indeciso.
  11. Tente mais contraste ao invés de similaridade.
  12. Tente mostrar onde seu produto é feito, ao invés de deixá-lo genérico.
  13. Tente menos campos de formulários, ao invés de querer pedir tudo de uma vez.
  14. Tente mostrar as opções, ao invés de escondê-las.
  15. Tente sugerir que há rolagem na página ao invés de deixar ela escondida.
  16. Tente manter o foco ao invés de afogar o usuário em links.

O projeto foi criado por Jakub Linowski, um designer que trabalha especificamente com otimização de performance de interfaces.

Para ver a lista completa com exemplos ilustrados: GoodUI.org.

Leia também: 10 dicas básicas sobre Responsive Design