Um (não tão) Jilted Inglês Professor's Guide to Creative Web Design
Design responsivo tem algum zumbido definido de tarde, e com um bom motivo. Ele promete simplificar a tarefa cada vez mais complexa de adaptar websites para os inúmeros novos dispositivos que se multiplicam a cada minuto.
Considerando algumas variáveis comuns, como o tamanho da tela, adaptar um site às necessidades específicas de seus visitantes torna-se uma questão de planejamento CSS inteligente e Javascript em vez do design detalhado de vários sites paralelos. Para qualquer um que tenha enfrentado o campo minado logístico da coordenação multi-site, o design responsivo é, para dizer o mínimo, uma coisa muito boa.
Como você deve saber, o conceito em si é emprestado da arquitetura, outra disciplina que se concentra na relação entre pessoas e ambientes criados. O cruzamento faz sentido.
De acordo com o livro de Steven Johnson, Where Good Ideas Come From (2011), esse tipo de fertilização cruzada conceitual tem sido responsável por inúmeras descobertas importantes ao longo da história do pensamento e da invenção. Essa percepção me deu uma ideia. Embora eu esteja criando casualmente sites por quase tanto tempo quanto a internet existe, até cerca de seis meses atrás, a maioria pensaria em mim principalmente como professor de inglês. Uma recente mudança de carreira para desenvolvedor / designer em tempo integral, em combinação com minha formação em estudos literários, me deu uma perspectiva única e talvez estranha do mundo do design.
Agora eu gostaria de poder fazer uma pausa aqui para explodir os bastardos de coração frio que juraram que eu nunca mais colocaria os pés em uma universidade, porque isso seria tão foda, mas o fato é que eu realmente saí ensinando de propósito e em bons termos. Eu fiz isso para explorar a relação entre tecnologia e cultura, algo que me fascinou, pelo menos desde que me sentei pela primeira vez e fiz King's Quest II em 1986. Quando me pediram para escrever este artigo, comecei a pensar sobre a produtividade cruzada. fertilização entre design e arquitetura. Eu me perguntei se - se algum - conceitos de estudos literários poderiam ser aplicados ao web design.
Depois de alguma reflexão, eu compilei uma lista de seis possibilidades. Estes representam apenas um primeiro passo na questão, mas espero que eles possam pelo menos ser sugestivos e talvez provocativos. Em termos literários, estou fazendo um pequeno raciocínio . Com os conceitos…
1. metáfora
Este é quase óbvio demais, mas a última vez que verifiquei a metáfora ainda é, em grande parte, a expertise dos professores de inglês. Prepare-se para um daqueles zingers irritantes que as pessoas sempre dizem sobre sua profissão: acredite ou não, a web é toda metáfora! Queimar! (Não, na verdade não). Metáfora - uma comparação usando dois itens que parecem não ter relação - é o paradigma principal (e alguns diriam apenas) que usamos para processar novas mídias técnicas.
A ideia de um link é uma metáfora - poderia ter sido facilmente chamada de um nó de transferência de IP, mas isso levaria muito tempo para o usuário médio não técnico entender. Quando Tim Berners-Lee estava tentando conceituar a própria Internet, ele explorou metáforas de minas e malhas. A Web, o Windows, os Tweets, o Digg, o Facebook, o Canvas - tudo isso são metáforas (e o Reddit é um trocadilho).
Aqui está realmente a principal coisa a tirar desta: estar ciente das metáforas é uma ótima rota para o design de sucesso. O segredo de vários sites bem conhecidos é que eles estão totalmente cientes das metáforas que usam: eles extraem idéias do éter do código (interessante, pelo menos para mim, o ponto de comparação em uma metáfora é na verdade chamado de “Terra”). As metáforas apelam para os sentidos visuais e táteis das pessoas, o que as torna muito mais fáceis de lembrar, especialmente porque vivemos com tecnologias cada vez mais visuais e táteis.
Para tornar a palavra mais palatável para o ouvido executivo (tsk, tsk), você poderia apresentá-la como “coerência visual” ou “consistência tátil”. Eles a comeriam como o café da manhã de um cachorro (oops, símile).
2. Assinatura
Quando eu costumava dar aulas de composição no primeiro ano, a assinatura era o conceito mais importante que eu trabalhei na comunicação. Não significa apenas colocar o seu John Hancock no fundo de alguma coisa. Refere-se ao traço único da pessoa que atravessa as palavras e idéias. Intimamente relacionada é a idéia de voz: a força vital e única que fala através de um projeto particular.
As melhores práticas podem levá-lo longe, mas um bom design geralmente tem uma assinatura e uma voz claras e, novamente, os melhores codificadores são aqueles que estão conscientes de seu estilo único. Embora um cliente mal-humorado pareça não gostar nada mais do que o pensamento de destruir sua assinatura por completo, ele exibe tudo, desde paleta de cores, passando por fonte até layout, até soluções cross-browser (e, sim, até mesmo sua implementação particular de design responsivo). Não é exatamente a mesma coisa que marca, porque é sempre implícito e não explícito. Para procurar seus rastros, pense em como você reformularia o Google ou o Facebook.
Se tudo isso é um pouco abstrato demais, você pode sempre ver como os chavões "subtexto de design" ou "sub-tema" ou "esquema implícito" ou "subescapagem" saem da sua língua.
3. Rebentando o Ciclo
Ok, este não é estritamente de uma sala de aula de inglês. Eu realmente roubei isso um episódio do The Show com Ze Frank, mas eu frequentemente o aplicava nas aulas de como escrever artigos A +. Os trabalhos mais brilhantes são aqueles que não apenas identificam os modos atuais de pensar, mas também os levam adiante.
Embora eu ainda esteja apaixonado pelas alegrias curvilíneas do atributo “border-radius” do CSS3, por exemplo, notei que o lançamento do Twitter realmente fez round cantos em um estilo de 3px. Nessa linha, pouquíssimos designers exploraram as possibilidades de curvas assimétricas de maneira efetiva (alguém entenda isso!).
O verdadeiro talento criativo reside na capacidade de detectar e explodir um clichê - para desviar no último momento longe do beco sem saída criativo. Se você está apenas copiando o que está por aí, então você já ficou para trás. As pessoas que projetaram os hot sites atuais já estão trabalhando em sua próxima fase.
Há apenas um método seguro para identificar os clichês e romper o ciclo: a pesquisa. Antes de você gemer e se contorcer em agonia, basta parar e perceber que a pesquisa neste caso significa navegar muito do que você considera ser sites realmente fantásticos. Steven Johnson observa que a pesquisa é tão eficaz porque leva a uma melhor geração do que é chamado de “adjacente possível” - as possibilidades que estão além dos limites das formas atuais de ver as coisas.
Vou chamar de "desenvolvimento preditivo" ou "design proativo" ou "lixo tático de fronteira", apenas por diversão.
4. Taxonomia Nonce
O que, você pode estar se perguntando a essa altura, esse cara tem todos esses termos aleatórios? Deixe-me explicar.
O termo "nonence taxonomy" é emprestado de uma mulher que morreu muito cedo, meu herói crítico literário Eve Kosofsky Sedgwick. Nonce significa "pela primeira vez", e uma taxonomia, claro, é um sistema de nomeação. Assim, uma “taxonomia nonce” é um sistema de conceitos e terminologia feito sob medida para o projeto em questão, descartado ou redesenvolvido assim que se tornar incômodo ou sem sentido.
Essa maneira de pensar sobre um projeto não apenas permite um bom suprimento de idéias novas, mas também permite que você adapte cada projeto às demandas particulares (e peculiares) do cliente. Uma maneira simples de inventar uma taxonomia nonce é trabalhar por algum tempo e, em seguida, colocar uma lista de termos, temas, idéias, padrões recorrentes e elementos de código que pareçam mais relevantes para o projeto em questão. Veja se eles se prestam a quaisquer outros padrões ou termos, e regularmente adicionam e subtraem da lista como achar melhor. A ideia aqui é fazer amizade com a mobilidade e a flexibilidade necessárias para qualquer projeto criativo.
Como uma nota adicional, as linguagens XML e OOP são sistemas taxonômicos de ordem diferente, embora sejam obviamente um pouco mais vinculados a regras. Em termos de práticas mais específicas, o design taxonômico nonce pode ser incorporado em tudo, desde nomes de variáveis até a documentação, e certamente pode ser usado para incrementar as interações do cliente (o jargão é sexy ). Você poderia dizer que fornece uma "alma" para o projeto, se você gosta desse tipo de coisa. Eu encontrei uma palavra chata aqui, mas eu acho que isso é uma coisa de beleza em si. RIP Eve.
5. Zona de Contato
Este termo foi desenvolvido por uma crítica chamada Mary Louise Pratt em resposta à ideia de fronteiras (como nas fronteiras do Velho Oeste). Ela afirmou que as fronteiras são a metáfora errada para a situação, porque elas apenas sugerem que a ação ocorre em uma direção de uma perspectiva. O fato é que mesmo em situações de desequilíbrios extremos de poder, como entre cowboys e índios, múltiplas perspectivas e motivos de ambos os lados moldam o resultado. Ao reconhecer a influência desses múltiplos desejos, uma avaliação mais realista pode ser feita do que leva a sucessos e fracassos em uma dada situação.
Então, o que esta lição de história revisionista tem a ver com o web design? Um site é uma zona de contato no sentido de que você tem um designer e um usuário, e geralmente é uma interação muito desequilibrada. Embora os sites da Web 2.0 ofereçam um pouco de personalização de temas e, é claro, plataformas de comunicação, eles estão muito longe de entregar as rédeas ao código e permitir que qualquer pessoa faça o que quiser. Então, por que alguns falham e outros conseguem?
A força de um site como o Reddit é que seus criadores mantêm seus usuários no circuito de criação e modificação. É tão intrusivo quanto possível em termos de privacidade e até mesmo layout, e, portanto, a sensação de ser uma zona de contato permanece em primeiro plano. Quero dizer, você já olhou para o Reddit? Não há nada lá (mas milhares de Redditors). Os designers e usuários criam um loop de feedback que cria o site automaticamente.
Embora o termo “zona de contato” seja bastante decente por si só, vamos jogar mais algumas palavras-chave divertidas: “interface permeável” ou “feedback generativo”.
6. O meio é a mensagem
O famoso tecno-visionário Marshall McLuhan articulou a ideia de tecnologias “quentes” e “frias”. Se uma tecnologia é “quente”, ela fornece quase todas as informações de que você precisa, deixando pouco à imaginação - pense em TVs de tela grande de 80 polegadas ou filmes em 3D. Quanto mais fria uma tecnologia, mais requer participação e envolvimento (Reddit é frio ... tão frio, querida).
Quando McLuhan disse que o meio é a mensagem, ele quis dizer que a mídia transforma a maneira como pensamos e conhecemos o mundo. À medida que nos tornamos tão imersos em tecnologias frias na web, eles literalmente começam a reformular nossas percepções. Como seria o mundo sem o Facebook? Eu não quero viver nesse mundo. Bem, talvez. Está aquecido um pouco demais para o meu gosto ultimamente.
Antes de me afastar demais das vociferações de um tecnófobo peludo aqui, deixe-me ver porque as observações de McLuhan são importantes. Isso nos dá uma nova terminologia para pensar sobre o impacto de um site. Na maioria das vezes, à medida que a web se desenvolveu, ela se transformou cada vez mais de uma tecnologia quente para uma tecnologia fria, particularmente com o surgimento do design da Web 2.0 nos últimos anos. Agora você pode personalizar muito mais o que está vendo e interagir e produzir conteúdo de maneiras inimagináveis há pouco tempo. Ainda não acabou. Com os telefones inteligentes em particular, o meio / mensagem muda novamente, eu acho que para o mais quente, porque a interface se torna tão perfeita, é difícil escapar.
Sempre haverá aqueles que anseiam o oposto da "temperatura" dominante, e isso é aconselhável ter em mente ao tentar reverter tendências antigas com o novo design da web. Também vale a pena considerar qual é a faixa de temperatura confortável para seus clientes e seus clientes - eles querem muita interação ou são do tipo que anseiam pelos bons e velhos tempos em que as pessoas simplesmente lhes diziam o que comprar? Eles são do tipo Flash imersivo? Louco pelo conteúdo dinâmico oferecido pelo PHP e outros? Ou retrocessos para algum bom HTML estático antiquado? Ao abordar o design de um novo meio, também pode ser valioso considerar questões sobre como o próprio meio transforma as expectativas e os recursos do usuário e como isso afeta o objetivo geral do site.
Se precisarmos de um conceito de design aqui, talvez possamos chamá-lo de algo como "medição de mídia" ou "hot messaging" e "cold messaging".
Parting Shot
Em suma, o gênio do design responsivo é a maneira pela qual importa um conceito estrangeiro, mas estranhamente relevante, para um contexto completamente novo. Quando você faz isso, as velhas idéias ressurgem de novas maneiras. A fertilização cruzada de ideias é o que impulsiona fóruns como o TED, o IFTF e este mesmo eZine. Se você gasta muito tempo circulando pelos mesmos buzzwords repetidamente, você fica estagnado e seu trabalho sofre - as coisas devem evoluir ou morrer. Ao oferecer essas idéias aqui, não é de forma alguma minha intenção tentar forçar sugestões indesejadas em um campo de designers já inteligentes e motivados. O principal objetivo é ser um pouco provocativo. Se expandíssemos esse tipo de exploração interdisciplinar em Filosofia, História, Política ou Psicologia - aquelas artes liberais muitas vezes desprezadas - imagine a série de novos conceitos que se tornariam disponíveis.