Esse post vai para quem aprecia bons trabalhos de redesign. Sou leigo no assunto, mas fiquei impressionado quando vi a nova identidade visual que o estúdio Man vs. Machine criou para o canal britânico More4. Muito bom gosto e muito cuidado na escolha de cores e formas.

The re-brand is centred round a bold, flexible logo that morphs through a series of flips, folds and reveals. The colour palette reflects the vibrant nature of interiors, food culture, fashion and other contemporary lifestyle programming.

Confira parte do resultado no vídeo abaixo:

O trabalho não ficou apenas no ambiente digital: o estúdio criou também uma instalação artística com o mesmo conceito da nova identidade visual. A instalação conta com mais de 400 “flippers” (os mesmos que aparecem no logo) e foi colocada em locais públicos para divulgar o projeto.

Vi algumas pessoas comentando em fóruns que a leitura do logo ficou “4 more”, e não “more 4″ – que é o nome do canal. Mas imagino que para quem já conhece o canal isso não deve ser um problema.

Via, dica do Rafael Bessa.

A gente já se acostumou a um mundo onde qualquer resposta para qualquer pergunta está sempre a um ou dois cliques de distância – ou até mesmo na tela do nosso celular. Mas às vezes a gente acaba esquecendo que esse padrão de vida “conectada” é possível apenas em  algumas cidades do mundo. E que não é em todo lugar do mundo que as pessoas sabem ler, escrever ou usar computadores.

Eis que em cidades remotas do Haiti, Índia, África do Sul, Serra Leão e outras regiões da África e Oriente Médio foram instaladas caixas chamadas de Question Box.

Basta uma cobertura normal de celular para o Question Box funcionar: as pessoas apertam um botão e fazem sua pergunta, que é transmitida para um operador em um lugar remoto que tem acesso à internet e que fala tanto inglês quanto a língua da região.

A próxima geração desse tipo de equipamento contará também com painéis solares que o recarregarão automaticamente ao longo do dia. A ação é custeada pela Grameen Foundation e pela Bill and Melinda Gates Foundation.

Some people say design is about solving problems. Obviously designers do solve problems, but then so do dentists. Design is about cultural invention. There are some people who want to reduce the domain of design to listable, knowable stuff, so it’s easy to talk about. Design is a glamorous, glittering world and this means they can engage without having to actually risk themselves on the outcome of their work. This is damaging. It turns design into something terrified of invention. Design is about risk.

Jack Schulze

via

E aí, você adicionaria algum item a essa lista?

A Most Contagious é uma publicação anual da Contagious Magazine que elege e agrupa as melhores iniciativas do ano em relação a Branding, Tecnologia e Cultura Popular. Uma das melhores curadorias do mercado publicitário, na minha opinião.

Interessante o que a presença de categorias como “projects not campaigns”, “social business” e “service design” diz sobre o caminho que as marcas estão seguindo.

É só ler um pouco sobre as campanhas selecionadas para perceber que existem alguns movimentos acontecendo simultaneamente nesse mercado:

• Marcas querendo desenvolver mais produtos a longo prazo, e menos campanhas a curto prazo.
• O grande diferencial dos produtos oferecidos pelas marcas sendo cada vez menos o produto físico em si, palpável, e cada vez mais o serviço que vem embutido nesse produto.
• As “Redes Sociais” já invisíveis, obrigatórias, requisito mínimo de qualquer produto ou campanha online ou offline – e não um termo/budget/departamento à parte.
• O Service Design ajudando fortemente na materialização dessas iniciativas, por ser uma das disciplinas que mais entende de criação de produtos digitais verdadeiramente relevantes.
• As marcas tentando agir como transformadores da cultura popular, tentando promover conversas de bar, tentando resolver tensões culturais que existiam há anos ou tentando criar novas dessas tensões.
• As marcas querendo ter a credibilidade natural das pessoas e as pessoas querendo ter a credibilidade formal das marcas.
• A tecnologia como conexão inevitável de todos esses pontos.

Não dá pra olhar para todos esses movimentos e para todos os cases selecionados no Most Contagious e não ficar animado com a importância que o Design de Interação tem e continuará tendo nesse processo. Great times are coming :)

Link: Most Contagious 2011

Com o crescimento da variedade de dispositivos onde os websites são visualizados (laptops, tablets, netbooks, celulares, desktops com tela pequena, iMacs com telas gigantescas, segundo monitor etc.), seria enlouquecedor desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações de tamanho de tela e cada uma das resoluções de tela disponíveis no mercado.

O Responsive Web Design é uma das soluções técnicas para esse problema: programar um site de forma que os elementos que o compõem se adaptem automaticamente à largura de tela do dispositivo no qual ele está sendo visualizado.

Um design responsivo inclui:

• Adaptar o layout da página de acordo com a resolução em que está sendo visualizada.
• Redimensionar as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados em um celular, por exemplo.
• Simplificar elementos da tela para dispositivos móveis, onde o usuário normalmente tem menos tempo e menos atenção durante a navegação.
• Ocultar elementos desnecessários nos dispositivos menores.
• Adaptar tamanho de botões e links para interfaces touch onde o ponteiro do mouse é substituído pelo dedo do usuário.
• Utilizar de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).

Uma variação do “Responsive Web Design” é o “Adaptive Web Design”, uma versão um pouco simplificada da primeira. A diferença, no segundo caso, é que o layout se adapta para três ou quatro larguras de tela específicas – e não pixel a pixel, como no primeiro caso.

Esses dias dei de cara com essa apresentação que resume de forma muito simples o que é Responsive Web Design:

(Se você estiver lendo este post por RSS e a apresentação acima não abrir, veja-a no blog)

É claro que essa é a explicação resumida de como o Responsive Design funciona – existem muitos outros “poréns” envolvidos. Na dúvida, consulte o desenvolvedor mais próximo :)

Leia também:

• Soluções para a multiplicidade de dispositivos
• Desenhando para o consumidor multi-device
• 60 examples of responsive web design

Apesar de sempre buscarmos simplicidade em nosso dia-a-dia, nossas ações algumas vezes dizem o contrário. As pessoas às vezes preferem, sim, produtos mais complexos.

Pausa do professor Pasquale: complexo ≠ complicado.

Em algumas culturas e em alguns mercados, produtos mais complexos são mais atrativos do que produtos que parecem simples. Na Coréia do Sul, por exemplo, refrigeradores são desenhados para parecerem mais complexos do que os refrigeradores não-coreanos – mesmo que as especificações técnicas e o preço sejam muito parecidos. Isso porque, na cultura do país, complexidade significa sofisticação – que é muitas vezes associada a prosperidade.

Quando as pessoas vão escolher um liquidificador, por exemplo, elas costumam olhar para as características técnicas do produto. Qual dos dois liquidificadores acima elas pensam que faz mais coisas?

Simplicidade faz o produto parecer mais fácil de usar, mas ao mesmo tempo pode fazer o produto parecer menos completo.

Saber balancear esses dois fatores muitas vezes é tão (ou mais) importante quanto saber simplificar ao extremo o produto que você está desenhando.

Daqui

Dialug, um conceito de plugue e tomada onde você pode controlar por quanto tempo o seu gadget será carregado. A tomada automaticamente corta o fornecimento de energia quando o tempo limite é atingido.

via

“À medida em que o mundo muda, os desafios dos negócios aumentam. Velhas maneiras de pensar estão sendo substituídas por mentes abertas e criatividade. O Design está tento um papel central em ajudar a resolver os problemas e direcionar o futuro. Nós convidamos você a ver como o Design tem moldado os novos negócios.”

É assim que é apresentado o documentário Design The New Business, um filme que mostra a relação entre design e negócios, e como um tem afetado o outro em um mundo onde aparentemente tudo pode ser resolvido com criatividade.

Confira o trailer abaixo:

Já entrou para a wishlist :)

Parece que a expressão “Design Thinking” é mesmo um daqueles jargões que vieram para ficar (por alguns meses, claro). Na prática, é uma tentativa de acabar com o “mistério” do Design e mostrar que para toda decisão feita por um designer há um raciocínio lógico por trás. É a passagem do design do achismo para um design mais racional, que pode ser argumentado, discutido e testado na hora de melhorar determinada experiência.

A expressão nasceu em 2008, criada por uma empresa de design e desde então vem sendo repetida por mais e mais pessoas. Alguns dizem que a expressão é apenas uma jogada de marketing, outros acreditam no potencial da metodologia e acham que ela deveria ser aplicada em todas as empresas para melhorar o resultado final de seus produtos.

O vídeo abaixo mostra o trailer de um documentário sobre o assunto, com depoimentos de diversos praticantes da disciplina.

O nome do documentário? “Design & Thinking”.

(Se você estiver lendo este post por RSS e o vídeo acima não abrir, assista-o no blog)

Muita gente manda email perguntando como é que os nomes todos se relacionam – penso que o gráfico abaixo explica isso bem. Clique na imagem para ampliar.

Foi esse o tema da apresentação do designer gráfico Stefan Sagmeister em um encontro do TED que aconteceu lá no começo de 2004. Incrível que o que ele diz continua fazendo sentido, mesmo tantos anos depois.

Aperta o play!

via IxDAssa

A IDEO publicou em seu site alguns vídeos de uma palestra de David Kelley, seu fundador e CEO, sobre carreira, riscos, mercado e sobre o processo de design de produtos dentro da empresa. São vídeos curtos, de 2 a 5 minutos cada – uma pena que não têm legenda.

Link – IDEO: Principles of Product Design #ficadica

(Se você está lendo este post por RSS e o vídeo acima não abrir, assista-o no blog)

Como é possível que a User Interface (UI) seja desenhada a partir do planejamento da User Experience (UX), se a experiência em si (UX) só vai ser vivida depois que a interface (UI) existir?

(Se você está lendo este post por RSS e o vídeo acima não abrir, assista-o no blog)

Durma com esse barulho, ou deixe sua opinião aí na caixa de comentários abaixo :)

Dessa vez o designer foi Brian Scates, que estava cansado de utilizar a interface confusa do elevador do prédio em que mora – algo que ele faz de 5 a 6 vezes por dia.

A interface atual do elevador.

Alguns dos problemas do design atual do elevador:

• A numeração é inconsistente, pois não existe um botão para cada andar. O painel pula os números 2, 3 e 8.
• Dos quatro elevadores do prédio, somente dois vão para o subsolo e para o último andar.
• Por ter muitos andares, os visitantes demoram muito tempo até encontrarem o andar desejado e até entenderem onde estão os andares especiais (subsolo, cobertura, andares de serviço etc.).

É assim que estão divididos os andares do prédio:

Como estão divididos os andares do prédio.

A maioria dos usuários vai até os andares residenciais (do 10º ao 35º), outros vão ao estacionamento (do 4º ao 6º) e alguns para os ambientes públicos como a academia do 9º andar ou a piscina do 35º.

Além dos problemas citados acima, Brian observou um problema recorrente dos elevadores de seu prédio (e de muitos outros). Muitas vezes as pessoas perdiam o elevador por não conseguirem chegar até ele antes das portas fecharem. E as pessoas que estavam dentro do elevador não conseguiam achar o botão “abrir portas” a tempo de segurar a porta para quem estava chegando – já que esse botão se misturava com tantos outros disponíveis no mesmo painel.

Veja abaixo a sugestão de Brian para o painel ideal do elevador:

A proposta de redesign do painel do elevador

É claro que Brian sabe que os painéis de elevadores são fabricados em escala, e que customizá-los para cada prédio custaria uma fortuna.

“No entanto”, argumenta ele, “o tempo economizado ao tentar encontrar um botão, multiplicado pelas centenas de milhares de trajetos de elevador que as pessoas realizam por ano, acaba salvando um tempo precioso para os moradores e visitantes do prédio. Sem mencionar a energia e tempo perdidos quando alguém aperta um botão por engano.”

E você, concorda com o redesign proposto por Brian?

Leia também:

• Redesenhando os Extratos Bancários
• Dustin Curtis x American Airlines
• Interface, Experience Design e Aviões

“Não seria incrível se suas idéias começassem como rascunhos no papel, e automaticamente se tornassem gráficos vetoriais eletrônicos?”

É assim que o Inkling é introduzido no vídeo abaixo. Lançado pela Wacom há alguns dias, o Inkling é uma espécie de tablet digitalizadora onde você desenha com uma caneta de tinta sobre um pedaço de papel.

(Se você estiver lendo este post por RSS e o vídeo acima não abrir, assista-o no blog)

Além de transferir imediatamente seus rascunhos para o computador, ele os converte em vetores que podem ser lidos por qualquer aplicativo gráfico como o Photoshop e o Illustrator.

É um sonho de consumo para quem gosta de utilizar rabiscoframes na hora de explicar suas ideias para o resto do time.

Leia também:

• O valor do rabiscoframe
• Exemplos de sketches e rabiscoframes

Clique na imagem para ampliar.

A complexidade dos dispositivos móveis aumentou notavelmente nos últimos anos; novos aparelhos, sistemas operacionais e features afetaram a usabilidade das interfaces gráficas e físicas dos aparelhos celulares e tablets.

Amid Moradganjeh, em seu projeto de mestrado intitulado “Rimino” (pelo Umea Institute of Design), procurou estudar as oportunidades de um modelo ideal de Sistema Operacional para dispositivos móveis.

O objetivo do projeto não é desenhar um Sistema Operacional completo, mas sim considerar as necessidades de hardware e software e entender em linhas gerais como seria um modelo ideal de dispositivo móvel para os próximos dois ou três anos.

O site do projeto é completíssimo e explica em detalhes o processo, as inspirações, a metodologia, as ideias e os resultados – informação demais para resumir aqui.

Mas deixo um aperitivo de algumas das belíssimas imagens publicadas no site e recomendo a leitura:

(Se você estiver lendo este post por RSS e o slideshow acima não abrir, veja-o no blog)

Update: encontrei também um vídeo do projeto. Confira abaixo.

Enough said: rimino.com – a human touch on mobile experience

Via