Os exemplos nos posts anteriores são mais focadosno design gráfico, mas o conceito de temperamento pode ser aplicada ao design de produto, experiência do usuário, arquitetura da informação – quase qualquer área do design. Vamos olhar para o design de produto e a ideia do primeiro projeto para celular.

Se você projetando um celular pela primeira vez, você já está trabalhando com design temperado. Ao iniciar o processo de design com móveis e construção de um produto em torno das restrições exigentes do ambiente móvel, você é obrigado a concentrar-se nos elementos mais essenciais do produto. Como Luke Wroblewski escreve:

“Assim, quando uma equipe projeta pela primeira vez um mobile, o resultado final é uma experiência focada nas tarefas principais que os usuários desejam realizar, sem os desvios estranhos e detritos na interface. Isso é bom para a experiência do usuário e bom para os negócios”.

Quando estas decisões no projeto ultrapassam a experiência móvel para definir o produto global, o design assume uma forma de temperamento. O mais recente redesign do Twitter (ou seja, “Novo Twitter” ou “Novo novo Twitter”) demonstra alguns desses princípios.

Um dos objetivos do redesign do Twitter era dar aos usuários uma experiência consistente entre computadores e telefones celulares. Conseguir um “look and feel” consistente é um desafio em UI, mas conseguir uma experiência consistente do produto global é um desafio ainda mais profundo.

Algo interessante sobre o redesign do Twitter é a influência que a experiência móvel teve na concepção global do produto. Por exemplo, além do botão de tweet, todas as ações foram organizadas em quatro separadores: “Home”, “Conectar”, “Discover” e “Me.” É uma simplificação que colocada maravilhosamente em uma tela pequena. Quatro itens que se encaixam perfeitamente na barra de abas.

Na área de trabalho, outros recursos foram adicionados, mas a simplicidade estabelecida na versão móvel chama mais atenção. Embora a versão para desktop tenha espaço de sobra – tanto de pixel-wise e figurativamente – para mais complexidade, o design é sóbrio e temperado, para garantir uma experiência universal.

Fonte: Smashing Magazine

Desenho Universal Via Design Responsivo

Embora grande parte da discussão sobre design responsivo tende a se concentrar em técnicas de resposta, a resposta em si nunca é o objetivo. É um meio para um fim. O projeto responde a fim de fazer outra coisa. Que poderia ser o fornecimento de conteúdos diferentes, para servir de imagens de banda baixa, ou para adaptar o layout para melhor apresentação em telas menores. Essa outra questão poderia também ter um objetivo de fornecer uma experiência universal para um grande número de dispositivos diferentes.

Andando pelos trilhos do projeto até chegar ao design de experiência universal, estamos propensos a passar por alguma alteração de temperamento também. Um grande exemplo disso – e um excelente exemplo de design responsivo em geral – é o site do The Boston Globe.

Esta estratégia permitiu um design único que se adapta a qualquer dispositivo que o leitor possa usar para ler The Boston Globe (mesmo o Newton da Apple!). Mas isso não era apenas um feito de engenharia de front-end. Acompanhando por consultas de mídia e JavaScript era um projeto simples e maleável e passível à adaptação.

Este é um projeto temperado. Enquanto o minimalismo pode ser puramente estilístico, suspeita-se que, se fosse um projeto somente desktop, teríamos visto mais brilho e embelezamento. Não teria que aperfeiçoar a experiência de um contexto de uso único. Mas ao invés disso, os designers fizeram trade-offs para produzir algo que pudesse ser transposto para todos os ambientes possíveis – algo que poderia jogar em todas as 12 chaves.

Fonte: Smashing Magazine

Assim como a tecnologia evolui, o mesmo acontece com a arte e a profissão de Web design. As novas tecnologias criam novos desafios, que exigem novas soluções. Muitas vezes trabalhamos em territórios desconhecidos, onde as soluções exigidas são realmente novas. Outras vezes, somos confrontados com problemas de natureza mais universal, problemas que possuem um histórico maior.

Dado o histórico limitado do Web design, deve-se olhar para além do domínio imediato de respostas para as perguntas mais desafiadoras. Fazemos isso o tempo todo quando no design gráfico e artes visuais. Se pudermos identificar as abstrações e os padrões que constituem nossos desafios, podemos olhar para qualquer fonte de orientação. Podemos olhar para um campo aparentemente não relacionado, como a psicologia ou a música. Podemos até mesmo olhar para um episódio do início do século 18, de Johann Sebastian Bach.

Neste artigo você verá o que Bach tem a ver com os desafios modernos da Web, particularmente o desafio de projetar dispositivos com diversos atributos e capacidades.

Bach e “O Cravo Bem Temperado”

Em 1722, Johann Sebastian Bach reuniu um livro de solo de teclado com a intenção de ser uma coleção de peças educativas para jovens músicos. O livro continha 48 peças – um prelúdio e fuga em cada tonalidade maior e menor. Ele nomeou o livro O Cravo Bem Temperado.

Para apreciar o significado histórico do trabalho, é necessário entender que na época de Bach a noção de que se pode tocar teclado em todas as chaves não era nada ortodoxo. Era uma questão não de filosofia, mas de física: um instrumento de teclado de passo fixo poderia estar em sintonia apenas com uma seleção de teclas de uma vez. Nos sistemas de afinação da época, jogando em sintonia em todas as 12 chaves principais simplesmente não era possível.

Enquanto as leis da física podem ser difíceis de dobrar, a percepção humana se move facilmente. A solução foi redefinir o que significa estar “em sintonia”. Ao ajustar certos intervalos para que desviasse levemente da entonação perfeita, um sistema de afinação foi produzido, permitindo tocar razoavelmente em sintonia com todas as chaves. Esta prática de comprometer qualidades granulares para o bem maior do sistema é chamada de temperamento.

O nome do sistema de afinação alternativo que ficou famoso por Bach e O Cravo Bem Temperado é, sem surpresa, “bom temperamento.” Hoje, a maioria das entonações na música ocidental é baseada em “temperamento igual.” Os métodos são diferentes, mas o objetivo é o mesmo: fazer com que cada uma das teclas ligeiramente imperfeitas possam ser usadas. É como o utilitarismo de acústica.

O que isso tem a ver com UI design?

No próximo post, você irá entender as mudanças do Web Design nos dias de hoje. 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.

Fonte: Smashing Magazine

No sétimo post da série “Formação de líderes em uma equipe de design“, você irá saber como aumentar o seu conhecimento não só na área de design, mas em outras áreas, como por exemplo, gestão de pessoas.

Profissionais da web são eternos aprendizes. As constantes mudanças da indústria nos obrigam a estar constantemente aprendendo, se quisermos manter nossas habilidades atuais. A mudança para um posto de liderança não elimina esta necessidade, ela simplesmente é adicionada ao tipo de aprendizagem que você deve fazer.

Reuniões agendadas regularmente podem ajudar a manter uma equipe de design em sintonia, mas os encontros podem ser cansativos. Quando se assume a responsabilidade de gerir reuniões em um determinado departamento, deve-se tentar uma série de configurações. Tente diferentes dias da semana e horários diferentes do dia. Faça uma série de reuniões de curta duração ao longo da semana.

O “líder” da reunião perceberá que pode vir a dominar a conversa, transformando-a em bem mais do que uma palestra, mas em uma troca real de ideias.

Não importa se você fizer reuniões de curta duração diárias ou uma única reunião ao final da semana, o que importa é que todo mundo se envolva na conversa. Se suas reuniões estão tendo problemas, tente misturá-las e pedir a alguém para apresentar algum projeto em que estão trabalhando atualmente, ou um site que viu recentemente, ou peça para resumirem um grande artigo que leram recentemente. Faça todos participarem e você verá claramente o nível de energia de suas reuniões começar a subir instantaneamente.

No post seguinte, você saberá mais sobre como tomar a frente em um novo projeto, atribuindo trabalho, que você poderia atribuir a si mesmo, a outras pessoas.

Fonte: Smashing magazine

Dando sequência aos textos sobre como construir uma equipe de experiência do usuário ágil, neste post você irá saber como organizar uma equipe bem estruturada.

Este é o primeiro de uma série de três posts sobre como construir e crescer com equipes bem sucedidas em experiência do usuário. Dentro desse universo que abrange alguns desafios relacionados à contratação, organização e integração das equipes, a perspectiva é que, as táticas que serão descritas podssam ser aplicadas em vários níveis em uma organização.

A criação de sites e lojas virtuais é fácil comparada à criação de uma experiência que satisfaça os usuários-alvo.

No caminho tradicional de uma compra, uma empresa perde clientes em potencial quando eles se movem para mais perto da compra. Enquanto isso é natural e esperado, melhorar a experiência do usuário pode reduzir essa perda através da remoção de barreiras desnecessárias ao fazer compras online.

As diretrizes, técnicas e práticas a seguir abordadas visam os problemas comuns na experiência do usuário em sites de E-commerce. Melhorar a experiência do usuário exige uma boa compreensão de seus usuários e seus objetivos no site.

Promova a sua presença online

Faça com que seja fácil dos consumidores acharem o seu site usando uma combinação de táticas de marketing online e off-line. Analytics mostrará como os usuários estão chegando ao site. Porém, o que esses relatórios não irão lhe mostrar são as oportunidades perdidas, como também clientes terminando em sites de seus concorrentes ao invés do seu, por causa das pesquisas de palavras-chave realizadas por eles.

• Analise o seu site e os sites de seus principais concorrentes para comparar como está seu desempenho na busca de termos usados pelos seus principais consumidores e para identificar áreas para otimização.

• Se o seu negócio é vender num mercado competitivo, aumente os seus esforços em SEO comprando palavras-chave relevantes para colocar ao lado dos resultados de buscas, usando serviços como o Google AdWords e o Microsoft  adCenter.

• Crie páginas virtuais de negócios como o Google Places, Bing Business Portal e Yahoo Local – estas páginas estarão em destaque nos resultados de buscas e em serviços de localização de redes sociais. Além do seu nome comercial, você pode acrescentar endereço físico, número de telefone, URL do site e horários de atendimento.

• Utilize campanhas de e-mail para atrair novos consumidores e antigos consumidores de volta para o seu site. Em um estudo recente da Forrester, os varejistas indicaram que o e-mail marketing apresenta um maior retorno em investimento (ROI).

• Crie, entre ou apoie comunidades e mídias sociais relacionadas aos seus produtos ou aos problemas que visam os seus produtos.

• Vá onde estão seus consumidores. Atualmente, isso incluí redes sociais. Crie perfis em redes sociais, promova interação entre os usuários e a empresa, além de disponibilizar descontos e promoções especiais.

• Use uma URL pequena, simples e intuitiva, além de uma segura grafia alternativa. Desse modo os usuários poderão chegar ao seu site mesmo que esqueçam uma letra.

• Aumente a visibilidade em resultados de buscas utilizando técnicas de SEO, incluindo escolher as palavras-chave corretas e criando palavras-chave ricas, sites parceiros, títulos, tags e conteúdos.

Fonte: Smashing Magazine