18 de May de 2012
RSS

Provavelmente o mais empolgante no desenvolvimento em Web design nos últimos anos tem sido a mudança para projetar vários dispositivos. Não é mais apenas sobre como funciona um site em dois navegadores diferentes, mas sobre como ele funciona em vários dispositivos com características completamente diferentes: os tamanhos de tela diferentes, capacidades diferentes, contextos de uso diferentes, interfaces diferentes.

Embora o design específico do dispositivo de websites nos permita criar projetos sob medida para experiências diversas, ainda haverá momentos em que teremos que tomar decisões universais – e quando o fazemos, a metáfora de temperamento bem pode ser útil.

A aplicação deste conceito para o design da interface do usuário é simples: a fim de proporcionar uma boa experiência para uma variedade de dispositivos, temos que permitir que as imperfeições ocorram em interfaces individuais.

Um exemplo comum de bom temperamento em ação é o efeito que as interfaces de toque tiveram em projetos de website.

Como um dispositivo apontador, um dedo, sendo muito maior do que um mouse, requer um alvo maior do que tocar o que é exigido por um cursor do mouse. Assim, para garantir a usabilidade, elementos interativos precisam ser maiores. Como estes elementos interativos, outras coisas precisam aumentar de tamanho para manter o equilíbrio. Isto leva a uma estética caracterizada por margens generosas e estofamento.

O novo design do Gmail tem bastante espaço em branco e estofamento extra em botões, mesmo que seja um projeto desktop

O aumento da popularidade do iPad, que preencheu a lacuna entre as interfaces de toque e tamanhos de tela de desktop, foi o que acelerou a influência de touchscreens em design de interface de desktop. Se você olhar para redesigns recentes dos principais produtos, como Gmail e Twitter ou navegar em galerias CSS, você verá que o design na web está começando a parecer um pouco diferente. Há mais espaço em branco, botões tem mais estofo, coisas em geral se sentem maiores. É claro, outros fatores estão em jogo, como o aumento constante tamanhos de tela desktop.

Nós permitimos que para um ligeiro desvio da norma, numa só experiência, a fim de melhor apoiar todas as experiências possíveis.

É importante notar que fazer uma interface de toque-amigável desta forma também resulta em uma interface que pode ser mais útil para usuários de mouse e-desktop. Um botão que é mais fácil de tocar muitas vezes é mais fácil para clicar. Ao errar na direção da usabilidade, que recebe o bônus de melhor desempenho do projeto em seu contexto de mesa original.

A linguagem de design da Microsoft Metro é inspirada por uma abordagem de toque de primeira para design de interação

No próximo post, saiba que embora grande parte da discussão sobre design de resposta tende a se concentrar em técnicas de capacidade de resposta, a capacidade de resposta em si nunca é o objetivo. É um meio para um fim. O projeto responde a fim de fazer outra coisa.

Fonte: Smashing Magazine

Get Adobe Flash playerPlugin by wpburn.com wordpress themes

E-Commerce Group SA ©2012 — Todos os direitos reservados.