Web Design Bem Feito: Perfeitamente Inútil

Publicados: 2022-03-10
Resumo rápido ↬ Esta edição do Web Design Done Well celebra sites estranhos e malucos. Sites com propósitos doces, inocentes e às vezes inúteis. Eles são fabricantes de dinheiro? Trocadores de jogo? Não necessariamente, mas eles com certeza são divertidos e de maneiras que apenas a web poderia realmente gerenciar.

Em meio aos KPIs, e-commerce e análises aparentemente infinitas, ainda existem muitos sites que adotam a frivolidade. Não leva a borda fora apenas para se divertir um pouco?

A web pode parecer um lugar muito profissional hoje em dia. A maioria dos lugares que você visita parece ser uma legião de produtos brilhantes e anúncios irritantemente personalizados competindo por nossa atenção. Há muito dinheiro a ser ganho e, às vezes, tudo pode parecer um pouco desumano.

Relaxe, relaxe e divirta-se. Talvez até pense em um projeto sem sentido próprio. Para que não esqueçamos, o único limite para o que é possível na World Wide Web é a nossa imaginação.

Parte de: Web Design Bem Feito

  • Parte 1: O Ordinário Feito Extraordinário
  • Parte 2: Fazendo uso de áudio
  • Parte 3: Excelente Editorial
  • Parte 4: Perfeitamente Inútil
  • Além disso, assine nossa newsletter para não perder as próximas.

Hacker Typer

Infelizmente, a vida do desenvolvedor moderno não é tão enigmática ou sexy quanto Matrix nos fez acreditar, mas isso não significa que não podemos entrar em um pouco de faz de conta. Um velho, mas um presente, o Hacker Typer “surgiu de um simples desejo de se parecer com o hacker estereotipado nos filmes e na cultura pop”.

Uma captura de tela do site Hacker Typer com design verde sobre preto.
(Visualização grande)
Mais depois do salto! Continue lendo abaixo ↓

Viagem curta

Existem poucas telas maiores e mais amplas para artistas do que a World Wide Web. Com tanto ônus em vender produtos e construir marcas, pode-se perder de vista a criação pela criação.

'Short Trip', uma página experimental de Alexander Perrin, mostra o que é possível online. A ideia de 'esboços' ainda parece muito prática - algo para o qual você precisa de caneta e papel. Não tão. Ilustrações de grafite e bondes estão na frente e no centro desta 'ilustração interativa'. Por quê? Por que não?

Uma captura de tela de Short Trip, uma página experimental de Alexander Perrin com ilustrações em grafite.
(Visualização grande)

Isso foi desenvolvido com Three.js e JavaScript WebGL e funciona tanto em desktop quanto em dispositivos móveis. Tendo ficado tão acostumado com o design de engajamento da web moderna, há algo incrivelmente pacífico em assistir a um mundo digital passar.

desenho.jardim

“Jardinagem, mas com emojis e menos tempo.” É assim que o artista de Minneapolis, Ben Moren, descreve o adorável desenho.jardim. Isso cobre tudo. Arraste o cursor pela tela e observe como um campo vazio fica resplandecente com morangos, girassóis e (figurativamente) cogumelos mágicos. Certifique-se de ter o som ligado também.

Uma captura de tela do site Drawing.garden com letras SM nele.
(Visualização grande)

Não é bem isso que as pessoas querem dizer quando falam sobre cuidar do seu 'jardim digital', mas é uma alternativa terrivelmente agradável. Para os interessados ​​no que está acontecendo entre as raízes, o projeto foi feito usando p5.js e o código pode ser visto na íntegra no GitHub.

Flopstarter

A execução neste é simplesmente perfeita. Esquemas de crowdfunding e apoiadores mudaram o jogo para grande parte da web (considere se tornar um membro do Smashing , a propósito), mas eles também tiveram algumas falhas em seu tempo (não nós, somos muito bons). Flopstarter é uma peça não tão sutil de ouro satírico, reunindo todos os tipos de ideias absurdas que precisam de seus dólares suados para se tornarem realidade.

Uma captura de tela do site Flopstarter com o projeto AnkleHub
(Visualização grande)

Tigelas planas, jaquetas de pele de batata, fronhas de papel de seda para chorar – é uma ótima variedade de ideias bobas. O site é feito tão profissionalmente que você quase quer dar suporte aos produtos. Quase.

Solte seu Pollock Interior

Quem precisa de um cavalete para ser um artista? Este site de Jackson Pollock permite que você crie sua própria obra-prima maníaca, dando à web legal e calculista uma adorável sensação orgânica. É uma alegria 'pintar' e até consegue convencê-lo de que você é um pouco artístico. (Se Pollock não é o seu estilo, por que não tentar Mondrian and Me em vez disso?)

Uma captura de tela do site Jackson Pollock com alguma arte do autor.
Fique atento ao NFT. (Visualização grande)

Construído há mais de dez anos pelo artista grego Miltos Manetas, este site ainda se apresenta como uma maravilhosa vitrine do que pode ser feito apoiando-se na interatividade da web. Pode ser uma tela se a tratarmos como uma.

Arpejos

Este Experimento do Chrome, que percorre as escalas de acordo com o capricho do usuário, tem uma sensação lúdica e pura. Ser capaz de pular entre diferentes teclas e instrumentos não é estritamente útil para nada, mas com certeza é agradável.

Uma captura de tela do site Arpeggios
(Visualização grande)

A apresentação e a interface sem frescuras funcionam a favor da página aqui. É construído em torno de seus elementos principais - notas musicais. O som é facilmente (e frequentemente) aplicado desajeitadamente na web, mas páginas como essas são um lembrete de quão rica uma experiência pode ser.

Sokoban

Escrito pela primeira vez por Hiroyuki Imabayashi na década de 1980, Sokoban é um gênero de jogo de quebra-cabeça no qual você, o jogador, empurra caixas ao redor de um armazém até que cada uma esteja em um local de armazenamento designado. Pense que é uma premissa seca? Pense de novo. É um clássico frio como pedra, mais do que um pouco viciante e gratuito para jogar em sokoban.info.

Uma captura de tela do site Sokoban
(Visualização grande)

Com mais de 7.500 níveis para trabalhar, este é um marcador essencial para todos os procrastinadores em série por aí. O desafio adicional de completar cada um com o menor número de movimentos possível praticamente torna este um jogo para a vida.

Faça tudo certo

O botão que todos desejamos ter. Faça Tudo OK mantém as coisas simples. Não vou fingir saber o que está acontecendo sob o capô para que ele cumpra sua oferta, mas parece um bom negócio para mim.

Uma captura de tela do site Make Everything OK
A qualquer minuto… (Visualização grande)

Há beleza em uma ideia - por mais idiota que seja - sendo executada com tanta simplicidade. É um bom exemplo de web design skeuomórfico também. Um botão, um resultado. Não finja que você não vai tentar. Nós dois sabemos que você vai. Vá em frente, faça tudo certo.

Isenção de responsabilidade: Isso pode não fazer tudo ficar bem.

GeoCities

Este é o site inútil do OG – ou melhor, esses são os OGs. Fundado em 1994, o GeoCities era um serviço que permitia aos usuários codificar sites gratuitamente e agrupá-los em 'cidades' com páginas afins. Quando terminou em 2009, cerca de 38 milhões de páginas escritas por usuários haviam sido criadas. Felizmente, muitas dessas páginas permanecem no projeto de arquivo da Geocities Gallery da restaurativland.

Uma captura de tela do OG com fotos da República Dominicana
Dê-me isso em um perfil do Facebook todos os dias da semana. (Visualização grande)

Navegar pelos arquivos cria um vislumbre surreal e até comovente do que a internet poderia ter sido e ainda pode se tornar. A comunidade contemporânea mais próxima que vem à mente é a IndieWeb. Ou o sucessor espiritual de GeoCities, Neocities, é claro. Sites que são excêntricos e confusos, mas expressivos e bonitos. Como Edward Snowden colocou em seu livro de memórias, Permanent Record , “todas essas peculiaridades e tiques da produção amadora apenas indicavam que a inteligência orientadora por trás do site era humana e única”.

Nenhum projeto é bizarro o suficiente

Os sites compartilhados acima são uma pequena fração das peças de arte, páginas experimentais e projetos totalmente absurdos na web. Eles estão lá se você procurar por eles – ou até mesmo fazer alguns você mesmo.

Se você quiser ver mais de onde eles vieram, Pointless Sites e The Useless Web são bons portos de escala. Em outros lugares, sites como o CodePen estão repletos de ótimos funileiros. Para os aficionados por história digital, novamente os empurro gentilmente para os arquivos do GeoCities e seu sucessor espiritual Neocities. Projetos de paixão sem sentido estão vivos e bem, graças a Deus.

  • “Ludicação no código: potencialize seu aprendizado se divertindo” por Jhey Tompkins
  • “Aprendizados inesperados da arte de codificação todos os dias por cinco anos” por Saskia Freeke

E se você está se sentindo ousado, por que não remendar aquela ideia que você escreveu um tempo atrás? Experimente essa estrutura, ou essa biblioteca, ou esse aplicativo. Não existe isso de ser muito bobo ou sem valor. Se você gosta de fazê-lo, isso é valioso o suficiente.

Vá em frente e seja inútil. Mantenha alguma inocência honesta em sua vida online.