Diseño web bien hecho: Perfectamente sin sentido

Publicado: 2022-03-10
Resumen rápido ↬ Esta entrega de Web Design Done Well celebra sitios web extraños y extravagantes. Sitios con propósitos dulces, inocentes, a veces sin sentido. ¿Son fabricantes de dinero? ¿Cambiadores de juego? No necesariamente, pero seguro que son divertidos, y en formas que solo la web podría manejar.

En medio de los KPI y el comercio electrónico y los análisis aparentemente interminables, todavía hay muchos sitios que adoptan la frivolidad. ¿No te quita el filo simplemente divertirte un poco?

La web puede sentirse como un lugar muy empresarial hoy en día. La mayoría de los lugares a los que vas parecen legiones de productos brillantes y anuncios desconcertantemente personalizados que compiten por nuestra atención. Se puede ganar mucho dinero y, a veces, todo puede parecer un poco inhumano.

Relájate, relájate y disfruta. Tal vez incluso piense en un proyecto propio sin sentido. No olvidemos que el único límite de lo que es posible en la World Wide Web es nuestra imaginación.

Parte de: diseño web bien hecho

  • Parte 1: Lo ordinario hecho extraordinario
  • Parte 2: Hacer uso del audio
  • Parte 3: excelente editorial
  • Parte 4: Perfectamente sin sentido
  • Además, suscríbete a nuestra newsletter para no perderte las próximas.

Tipo de pirata informático

Por desgracia, la vida del desarrollador moderno no es tan enigmática o sexy como The Matrix nos hizo creer, pero eso no significa que no podamos permitirnos un poco de fantasía. Un viejo pero bueno, Hacker Typer "surgió de un simple deseo de parecerse al estereotipo de hacker en las películas y la cultura pop".

Una captura de pantalla del sitio Hacker Typer con un diseño verde sobre negro.
(Vista previa grande)
¡Más después del salto! Continúe leyendo a continuación ↓

Viaje corto

Hay pocos lienzos más grandes para los artistas que la World Wide Web. Con tanta responsabilidad en la venta de productos y la construcción de marcas, uno puede perder de vista la creación por la creación misma.

'Short Trip', una página experimental de Alexander Perrin, muestra lo que es posible en línea. La idea de los "bocetos" todavía se siente muy práctica, algo para lo que necesitas lápiz y papel. No tan. Las ilustraciones de grafito y los tranvías están al frente y en el centro de esta 'ilustración interactiva'. ¿Por qué? ¿Por qué no?

Una captura de pantalla de Short Trip, una página experimental de Alexander Perrin con ilustraciones de grafito.
(Vista previa grande)

Esto fue construido con Three.js y JavaScript WebGL y funciona tanto en computadoras de escritorio como en dispositivos móviles. Habiéndonos acostumbrado tanto al diseño de la web moderna, lleno de compromiso, hay algo increíblemente pacífico en ver pasar un mundo digital.

dibujo.jardin

“Jardinería, pero con emojis y menos tiempo”. Así es como el artista de Minneapolis, Ben Moren, describe el hermoso dibujo.jardín. Eso lo cubre. Arrastra el cursor por la pantalla y observa cómo un campo vacío se vuelve resplandeciente con fresas, girasoles y (en sentido figurado) hongos mágicos. Asegúrese de tener el sonido encendido también.

Una captura de pantalla del sitio drawing.garden con letras SM en él.
(Vista previa grande)

Esto no es exactamente lo que la gente quiere decir cuando habla de cuidar su 'jardín digital', pero es una alternativa terriblemente agradable. Para aquellos interesados ​​en lo que sucede entre las raíces, el proyecto se realizó con p5.js y el código se puede ver completo en GitHub.

arrancador de fracasos

La ejecución en este es simplemente perfecta. El crowdfunding y los esquemas de apoyo han cambiado las reglas del juego para gran parte de la web (considera convertirte en un miembro de Smashing , por cierto), pero también han tenido algunas fallas en su tiempo (no nosotros, somos realmente buenos). Flopstarter es una pieza de oro satírica no tan sutil, que reúne todo tipo de ideas absurdas que necesitan el dinero que tanto le costó ganar para convertirse en realidad.

Una captura de pantalla del sitio web de Flopstarter con el proyecto AnkleHub
(Vista previa grande)

Tazones planos, chaquetas de piel de papa, fundas de almohadas de papel de seda para llorar: es una gran variedad de ideas tontas. El sitio está hecho tan profesionalmente que casi querrá apoyar los productos. Casi.

Libera tu abadejo interior

¿Quién necesita un caballete para ser artista? Este sitio de Jackson Pollock te permite crear tu propia obra maestra maníaca, dándole a la web genial y calculadora una sensación orgánica encantadora. Es un placer 'pintar' e incluso logra convencerte de que eres algo artístico. (Si Pollock no es tu estilo, ¿por qué no pruebas con Mondrian and Me?)

Una captura de pantalla del sitio de Jackson Pollock con el arte de algún autor.
Estén atentos a la NFT. (Vista previa grande)

Construido hace más de diez años por el artista griego Miltos Manetas, este sitio aún se mantiene como una maravillosa muestra de lo que se puede hacer apoyándose en la interactividad de la web. Puede ser un lienzo si lo tratamos como tal.

Arpegios

Este experimento de Chrome que recorre las escalas a voluntad del usuario tiene una sensación lúdica y pura. Poder saltar entre diferentes teclas e instrumentos no es estrictamente útil para nada, pero seguro que es agradable.

Una captura de pantalla del sitio de Arpeggios
(Vista previa grande)

La presentación sencilla y la interfaz funcionan a favor de la página aquí. Está construido alrededor de sus elementos centrales: notas musicales. El sonido se aplica fácilmente (ya menudo) de forma torpe en la web, pero páginas como estas son un recordatorio de lo rica que puede ser la experiencia.

Sokoban

Escrito por primera vez por Hiroyuki Imabayashi en la década de 1980, Sokoban es un género de juego de rompecabezas en el que tú, el jugador, empujas cajas alrededor de un almacén hasta que cada una está en un lugar de almacenamiento designado. ¿Crees que es una premisa seca? Piensa otra vez. Es un clásico frío como la piedra, más que un poco adictivo, y se puede jugar gratis en sokoban.info.

Una captura de pantalla del sitio de Sokoban
(Vista previa grande)

Con más de 7.500 niveles para trabajar, este es un marcador esencial para todos los procrastinadores en serie. El desafío adicional de completar cada uno en la menor cantidad de movimientos posible prácticamente hace que este sea un juego para toda la vida.

Haz que todo esté bien

El botón que todos desearíamos tener. Make Everything OK mantiene las cosas simples. No pretenderé saber lo que sucede debajo del capó para que cumpla con su oferta, pero me parece un buen negocio.

Una captura de pantalla del sitio Make Everything OK
En cualquier momento… (Vista previa grande)

Hay belleza en una idea, por tonta que sea, que se ejecuta de manera tan simple. También es un buen ejemplo pequeño de diseño web skeuomorphic. Un botón, un resultado. No pretendas que no lo intentarás. Ambos sabemos que lo harás. Adelante, haz que todo esté bien.

Descargo de responsabilidad: Es posible que esto no haga que todo esté bien.

GeoCiudades

Este es el sitio sin sentido de OG, o más bien, estos son los OG. Fundado en 1994, GeoCities era un servicio que permitía a los usuarios codificar sitios web de forma gratuita y agruparlos en "ciudades" con páginas de ideas afines. Cuando finalizó en 2009, se habían creado alrededor de 38 millones de páginas escritas por usuarios. Afortunadamente, muchas de esas páginas siguen vivas en el proyecto de archivo de la Galería Geocities de restorativland.

Una captura de pantalla del OG con fotos de la República Dominicana
Dame esto en un perfil de Facebook todos los días de la semana. (Vista previa grande)

Explorar los archivos ofrece una visión surrealista e incluso conmovedora de lo que Internet podría haber sido y aún podría llegar a ser. La comunidad contemporánea más cercana que me viene a la mente es IndieWeb. O el sucesor espiritual de GeoCities, Neocities, por supuesto. Sitios poco convencionales y desordenados, pero expresivos y hermosos. Como dijo Edward Snowden en sus memorias, Registro permanente , "todas estas peculiaridades y tics de la producción amateur simplemente indicaron que la inteligencia guía detrás del sitio era humana y única".

Ningún proyecto es lo suficientemente extraño

Los sitios compartidos anteriormente son una pequeña fracción de las obras de arte, páginas experimentales y proyectos francamente absurdos en la web. Están allí si solo los busca, o incluso si hace algunos usted mismo.

Si desea ver más de dónde vinieron, Pointless Sites y The Useless Web son buenos puertos de escala. En otros lugares, sitios como CodePen están repletos de fantásticos manipuladores. Para los aficionados a la historia digital, nuevamente los invito suavemente hacia los archivos de GeoCities y su sucesor espiritual, Neocities. Los proyectos de pasión sin sentido están vivos y bien, gracias a Dios.

  • “Juguetismo en código: Potencia tu aprendizaje divirtiéndote” por Jhey Tompkins
  • “Aprendizajes inesperados de la codificación de obras de arte todos los días durante cinco años” por Saskia Freeke

Y si te sientes audaz, ¿por qué no improvisas esa idea que escribiste hace un tiempo? Pruebe ese marco, esa biblioteca o esa aplicación. No existe tal cosa como ser demasiado tonto o carecer de valor. Si disfrutas haciéndolo, eso es lo suficientemente valioso.

Sigue adelante y sé inútil. Mantén un poco de inocencia honesta en tu vida en línea.