A (No tan) Jilted English Guía del profesor de Diseño web creativo
El diseño receptivo tiene un zumbido definitivo últimamente y con una buena razón. Promete simplificar la tarea cada vez más compleja de adaptar sitios web a los innumerables dispositivos nuevos que se multiplican por minuto.
Al considerar algunas variables comunes, como el tamaño de la pantalla, la adaptación de un sitio a las necesidades particulares de los visitantes se convierte en una cuestión de algunos planificación de CSS inteligente y Javascript en lugar del diseño detallado de numerosos sitios paralelos. Para cualquiera que se enfrente al campo de minas logístico de la coordinación de sitios múltiples, el diseño receptivo es, para decirlo suavemente, algo muy bueno.
Como ya sabrán, el concepto en sí mismo se toma prestado de la arquitectura, otra disciplina que se centra en la relación entre las personas y los entornos creados. El cruce tiene sentido.
Según el libro de Steven Johnson De dónde vienen las buenas ideas (2011), este tipo de fertilización cruzada conceptual ha sido responsable de numerosos avances clave a lo largo de la historia del pensamiento y la invención. Esta idea me dio una idea. A pesar de que he estado diseñando casualmente sitios durante casi tanto tiempo como Internet ha existido, hasta hace unos seis meses, la mayoría me hubiera considerado principalmente un profesor de inglés. Un cambio de carrera reciente a desarrollador / diseñador de tiempo completo, en combinación con mi experiencia en estudios literarios, me ha dado una perspectiva única y quizás extraña sobre el mundo del diseño.
Ahora desearía poder detenerme aquí para destrozar a los bastardos de corazón frío que juraron que nunca volvería a poner un pie en la universidad, porque eso sería tan rudo, pero el hecho es que realmente dejé la enseñanza a propósito y en buenos términos. Lo hice para explorar la relación entre la tecnología y la cultura, algo que me ha fascinado al menos desde que me senté por primera vez y jugué King's Quest II en 1986. Cuando me pidieron que escribiera este artículo, comencé a pensar en la cruzada productiva. Fertilización entre diseño y arquitectura. Me pregunté qué conceptos, si los hay, de los estudios literarios podrían aplicarse de manera útil al diseño web.
Después de reflexionar, he compilado una lista de seis posibilidades. Estos representan solo una primera pasada a la pregunta, pero espero que al menos puedan ser sugerentes y quizás provocadoras. En términos literarios geek, estoy haciendo un poco de raciocinio . En adelante con los conceptos ...
1. Metáfora
Esta es casi demasiado obvia, pero la última metáfora que controlé sigue siendo en gran medida la experiencia de los profesores de inglés. Prepárate para uno de esos molestos zingers que la gente siempre dice acerca de su profesión: lo creas o no, ¡ la red es toda metáfora! ¡Quemar! (No en realidad no). La metáfora, una comparación que utiliza dos elementos que parecen no tener relación, es el paradigma principal (y algunos solo dirían) que usamos para procesar nuevos medios técnicos.
La idea de un enlace es una metáfora: podría haberse llamado un nodo de transferencia de IP, pero eso le tomaría mucho más tiempo al usuario medio no técnico. Cuando Tim Berners-Lee intentaba conceptualizar Internet, exploró metáforas de minas y mallas. La Web, Windows, Tweets, Digg, Facebook, Canvas: todas estas son metáforas (y Reddit es un juego de palabras).
Esto es realmente lo principal que se puede quitar de este: ser consciente de las metáforas de uno es una gran ruta hacia un diseño exitoso. El secreto de numerosos sitios web conocidos es que son plenamente conscientes de las metáforas que utilizan: descargan ideas del éter del código (curiosamente, al menos para mí, el punto de comparación en una metáfora en realidad se llama "suelo"). Las metáforas atraen los sentidos visuales y táctiles de las personas, y esto los hace mucho más fáciles de recordar, particularmente porque vivimos con tecnologías cada vez más visuales y táctiles.
Para que la palabra sea más apetecible para el oído ejecutivo (tsk, tsk), podrías introducirla como "coherencia visual" o "consistencia táctil". Se lo comerían como el desayuno de un perro (vaya, símil).
2. Firma
Cuando solía enseñar clases de composición de primer año, la firma era el concepto más importante que trabajaba en la comunicación. No solo significa poner a John Hancock al fondo de algo. Se refiere al rastro único de la persona que alcanza su punto máximo a través de las palabras y las ideas. Estrechamente relacionada está la idea de la voz: la fuerza vital y única que habla a través de un proyecto en particular.
Las mejores prácticas pueden llevarlo muy lejos, pero un buen diseño generalmente tiene una firma clara y una voz, y nuevamente, los mejores codificadores son los que son conscientes de su estilo único. Mientras que un cliente malhumorado puede parecer no saborear nada más que la idea de destruir su firma por completo, se asoma en todo, desde el paladar de color a la fuente al diseño de soluciones de navegador cruzado (y, sí, incluso su implementación particular de diseño receptivo). No es exactamente lo mismo que la marca, porque siempre es implícita en lugar de explícita. Para buscar sus rastros, piense cómo rediseñaría Google o Facebook.
Si todo esto es demasiado abstracto, siempre se puede ver cómo las palabras de moda "diseño de subtexto" o "subtema" o "esquema implícito" o "subcampo" salen de su boca.
3. Rompiendo el Ciclo
De acuerdo, este no es estrictamente de un aula de inglés. De hecho, lo robé un episodio de The Show con Ze Frank, pero a menudo lo apliqué a lecciones sobre cómo escribir artículos A +. Los documentos más brillantes son aquellos que no solo identifican las formas actuales de pensar, sino que también los llevan un paso más allá.
Aunque todavía estoy enamorado de las alegrías curvilíneas del atributo "border-radius" de CSS3, por ejemplo, noté que el nuevo lanzamiento de Twitter realmente hacía esquinas redondeadas en una especie de 3px reducido y atenuado. En esta línea, muy pocos diseñadores han explorado las posibilidades de las curvas asimétricas de una manera efectiva (¡alguien se meta en eso!).
El verdadero talento creativo reside en la capacidad de detectar y explotar un cliché: desviarse en el último momento fuera del callejón sin salida creativo. Si solo estás copiando lo que hay, entonces ya te has retrasado. Las personas que diseñaron los sitios web actuales ya están trabajando en su próxima fase.
Solo hay un método seguro para detectar los clichés y destruir el ciclo: la investigación. Antes de gruñir y retorcerse en agonía, simplemente deténgase y descubra que la investigación en este caso significa navegar mucho de lo que considera sitios web realmente fantásticos. Steven Johnson señala que la investigación es tan efectiva porque conduce a una mejor generación de lo que se llama "lo adyacente posible", las posibilidades que se encuentran más allá de los límites de las formas actuales de mirar las cosas.
Llamaré a esto un "desarrollo predictivo" o "diseño proactivo" o "destrucción de frontera táctica", solo por patadas.
4. Taxonomía Nonce
¿Qué, te preguntarás en este punto, tiene este tipo para todos estos términos aleatorios? Dejame explicar.
El término "taxonomía nonce" se toma prestado de una mujer que murió demasiado pronto, mi héroe literario crítico Eva Kosofsky Sedgwick. Nonce significa "por una vez", y una taxonomía por supuesto es un sistema de nombres. Por lo tanto, una "taxonomía nonce" es un sistema de conceptos y terminología que está hecho a medida para el proyecto en cuestión, y se elimina o se vuelve a desarrollar tan pronto como se vuelve engorroso o sin sentido.
Esta manera de pensar sobre un proyecto no solo permite un buen suministro de nuevas ideas, sino que también le permite adaptar cada proyecto a las demandas particulares (y peculiares) del cliente. Una forma simple de inventar una taxonomía nonce es trabajar por un tiempo y luego crear una lista de términos, temas, ideas, patrones recurrentes y elementos de código que parezcan más relevantes para el proyecto en cuestión. Vea si estos se prestan a otros patrones o términos, y regularmente agregue y reste de la lista como mejor le parezca. La idea aquí es hacer amistad con la movilidad y flexibilidad necesarias para cualquier proyecto creativo.
Como nota adicional, los lenguajes XML y OOP son sistemas taxonómicos alternativos, aunque obviamente están un poco más sujetos a reglas. En términos de prácticas más específicas, el diseño taxonómico nonce se puede incorporar a todo, desde los nombres de variables hasta la documentación, y ciertamente se puede usar para darle más sabor a las interacciones del cliente (la jerga es sexy ). Se podría decir que proporciona un "alma" para el proyecto, si te gusta ese tipo de cosas. Pensé en una palabra de moda, pero creo que esta es una gran belleza en sí misma. RIP Eve.
5. Zona de contacto
Este término fue desarrollado por una crítica llamada Mary Louise Pratt en respuesta a la idea de las fronteras (como en las fronteras de Wild West). Ella afirmó que las fronteras son la metáfora equivocada de la situación, porque solo sugieren que la acción se produce en una dirección desde una perspectiva. El hecho es que incluso en situaciones de desequilibrios de poder extremos, como el que existe entre los vaqueros y los indios, las perspectivas y motivos múltiples de ambos lados moldean el resultado. Al reconocer la influencia de estos deseos múltiples, se puede hacer una evaluación más realista de lo que conduce a los éxitos y fracasos en una situación dada.
Entonces, ¿qué tiene que ver esta pequeña lección de historia revisionista con el diseño web? Un sitio web es una zona de contacto en el sentido de que tiene un diseñador y un usuario, y en general es una interacción muy desequilibrada. Aunque los sitios Web 2.0 ofrecen un poco de personalización de temas, y por supuesto plataformas para la comunicación, están muy lejos de entregarle las riendas al código y dejar que alguien haga lo que quiera. Entonces, ¿por qué algunos fallan y otros tienen éxito?
La fortaleza de un sitio como Reddit es que sus creadores mantienen a sus usuarios en el ciclo de creación y modificación. Es tan poco intrusivo de un sitio como sea posible en términos de privacidad e incluso diseño, y por lo tanto, la sensación de que es una zona de contacto permanece en primer plano. Quiero decir, ¿alguna vez has mirado a Reddit? No hay nada allí (pero miles de Redditors). Los diseñadores y usuarios crean un ciclo de retroalimentación que auto-diseña el sitio.
Si bien el término "zona de contacto" es bastante decente por sí solo, vamos a descartar algunas palabras de moda de diseño más divertidas: "interfaz permeable" o "comentarios generativos".
6. El medio es el mensaje
El famoso tecno-visionario Marshall McLuhan articuló la idea de tecnologías "calientes" y "frías". Si una tecnología está "caliente", le brinda casi toda la información que necesita, dejando poco a la imaginación: piense en televisores de pantalla grande de 80 pulgadas o películas en 3D. Cuanto más fría sea una tecnología, más se requiere participación e implicación (Reddit es frío ... tan frío, bebé).
Cuando McLuhan dijo que el medio es el mensaje, quiso decir que los medios transforman la forma en que pensamos y conocemos el mundo. A medida que nos sumergimos totalmente en tecnologías frías en la web, literalmente comienzan a remodelar nuestras percepciones. ¿Qué sería el mundo sin Facebook? No quiero vivir en ese mundo. Bien quizás. Ha calentado un poco para mi gusto últimamente.
Antes de retraerme demasiado en las diatribas de un tecnophobo fuddy-duddy, permítame ver por qué las observaciones de McLuhan son importantes. Nos da una nueva terminología para pensar sobre el impacto de un sitio web. En su mayor parte, a medida que la web se ha desarrollado, se ha convertido cada vez más de una tecnología caliente a una tecnología en frío, en particular con el aumento del diseño de la Web 2.0 en los últimos años. Ahora puedes personalizar mucho más de lo que estás viendo, e interactuar con y producir contenido de formas que eran inimaginables hace poco tiempo. Aún no ha terminado. Con los teléfonos inteligentes en particular, el medio / mensaje cambia nuevamente, creo que para el más caliente porque la interfaz se vuelve tan perfecta que es difícil escapar.
Siempre habrá aquellos que anhelan lo opuesto a la "temperatura" dominante, y esto es sabio para tener en cuenta al tratar de vencer las viejas tendencias con el nuevo diseño web. También vale la pena considerar cuál es el rango de temperatura confortable para sus clientes y sus clientes: ¿quieren mucha interacción, o son del tipo que anhelan los buenos viejos tiempos cuando las personas simplemente les dicen qué comprar? ¿Son el tipo de flash inmersivo? ¿Loco por el contenido dinámico ofrecido por PHP y otros? ¿O retrocesos a algún buen HTML estático pasado de moda? A medida que se acerca al diseño de un nuevo medio, también puede ser útil considerar cómo el medio transforma por sí mismo las expectativas y capacidades del usuario y cómo esto afecta el propósito general del sitio.
Si necesitamos un concepto de diseño aquí, tal vez podríamos llamarlo algo así como "medición de medios" o "mensajería instantánea" y "mensajería en frío".
Disparo de despedida
Con todo, el genio del diseño receptivo es la forma en que importa un concepto extranjero pero asombrosamente relevante en un contexto completamente nuevo. Cuando haces esto, las viejas ideas cobran vida de formas nuevas. La fertilización cruzada de ideas es lo que impulsa foros como TED, IFTF y esta misma publicación electrónica. Si pasas demasiado tiempo repitiendo las mismas palabras de moda una y otra vez, te estancas y tu trabajo sufre, las cosas deben evolucionar o morir. Al ofrecer estas ideas aquí, no es en absoluto mi intención tratar de forzar sugerencias indeseadas en un campo de diseñadores ya inteligentes y motivados. El objetivo principal es ser un poco provocativo. Si ampliamos este tipo de exploración interdisciplinaria a Filosofía, Historia, Política o Psicología, esas artes liberales desdeñadas, simplemente imagina la multitud de nuevos conceptos que estarían disponibles.