Categorías
Diseño

Arquitectura, Scharoun, prototipos y el anti-lorem ipsum

Cansado un poco del desarrollo web – o más bien de mi trabajo – cada vez más, empiezo a buscar ese tipo de estímulos con los que tanto he disfrutado y aprendido, en otros campos. Y últimamente, encuentro interesante e instructiva la arquitectura. Pero siempre se pueden encontrar analogías con nuestra curiosa profesión, entre materias aparentemente lejanas. Aquí va un ejemplo.
Hans Scharoun fue un arquitecto alemán que le tocó vivir una época complicada. Un par de guerras mundiales, el Nacionalsocialismo, y el ir contracorriente, no se lo pusieron nada fácil.
No pretendo hacer una reseña biográfica, ni tampoco un análisis de sus obras. Tan sólo mencionar uno de sus trabajos y una anécdota bastarán para mi propósito.
Comencemos por la anécdota, en la que ante la pregunta de un estudiante sobre la fachada de la Filarmónica de Berlín – probablemente su obra más representativa – respondió: ¿pero es que tiene una?. Encaja claramente con el lema de Scharoun Funcionalidad y no apariencia. Si vemos algunas fotos del interior del edificio, podemos apreciar cómo la orquesta está rodeada por el público. Quizás una de las formas más naturales de escuchar música, rodear a los intérpretes. Y así es como se planteó su diseño: desde dentro hacia fuera. Primero situamos el escenario y lo rodeamos con las butacas para el público. Después todo lo demás.

Curiosamente – bueno, en realidad no tanto – un artículo recomendado en Twitter, me hizo recordar la obra y las ideas sobre el diseño aplicado a la arquitectura de Scharoun. El artículo en cuestión es The Importance of Copywriting in Web Design. Ahi se opinaba y argumentaba, que para comenzar el diseño de un sitio web, había que comenzar por los contenidos, e incluso recomenzaba usar un editor de texto plano al principio. Un punto de partida, bastante respetable, venía de unas palabras de Jeffrey Zeldman:

Content precedes design. Design in the absence of content is not design, it’s decoration.

Jeffrey Zeldman: Content precedes design
Lo cierto es que una idea así probablemente entra en conflicto con una metodología muy extendida en el diseño web: el uso de prototipos estructurales en las fases iniciales. Y sobre todo con más motivo, al uso de textos e imágenes genéricos para rellenar con contenido de usar y tirar esos prototipos iniciales (el famoso lorem ipsum y tal vez fotos de gatitos).
Personalmente, me resulta poco útil, sin duda la segunda opción. Cansado, tal vez, de recibir maravillosos power points con tablas, datos, opciones de menú, estructuras y textos, que al trasladarse la maqueta al mundo real (TM), e intentar aplicar un poco el sentido común -algo que como sabemos todos, no siempre abunda – uno se da cuenta de que los fundamentos del diseño no eran nada sólidos. Aún así, se sigue adelante.
Vale, he comenzado hablando de funcionalidad como argumento principal en la arquitectura de Scharoun, y en el caso del diseño web se trataba del contenido. Es más, probablemente la anécdota de la fachada de la Filarmónica de Berlín es una pequeña trampa dialéctica. Doy por supuesto que la estética exterior del edificio le importaba, aunque tal vez no tanto como el interior. En el caso del diseño web, sabemos que la estética de la interfaz tiene una importancia muy alta.

Pero, probablemente en ocasiones sea un error comenzar directamente con el diseño estético y estructural de un sitio web sin tener en cuenta su contenido. El uso de textos, imágenes y opciones genéricas nos pueden inducir a una distribución y aspecto visual diferente si se utilizasen contenidos reales.
Al final la moraleja que deberíamos recordar cuando hablamos del diseño web es la de siempre: diálogo

  • Entre los problemas y las soluciones.
  • Entre los usuarios y los desarrolladores.
  • Entre las necesidades de negocio, los requisitos técnicos y de desarrollo.
  • Entre lo que algún iluminado quiere, y las obligaciones legales, y sobre todo morales, de la accesibilidad.

Resumiendo: Una evolución iterativa entre contenido, estructura, presentación y comportamiento. Que tenga en cuenta a los actores de, en ocasiones, una absurda comedia.

Y por supuesto, ques e visualice correctamente en el iPhone y el iPad 🙂

Categorías
Profesionales web

Estrategias en internet para autónomos y pequeñas empresas

Una de las virtudes de internet es que permite, a casi cualquiera, tener presencia en la red. Otra de sus ventajas -hablo ahora de las empresas-, es que teniendo una buena estrategia, y contando con buenos profesionales que conocen el medio y sus tripas, esa presencia puede además tener visibilidad. Y ya sabemos, que de nada sirve tener un sitio en internet si, de alguna manera, no apareces en los buscadores o nadie te menciona.

Voy a contar una historia. Un caso real y anónimo que comenzó hace muy pocos años: un profesional decide perder la estabilidad de trabajar para una empresa y decide trabajar como autónomo. Con algo de dinero ahorrado y gracias a un crédito, consigue el dinero suficiente para comprar y/o alquilar lo necesario para empezar a trabajar. Comienza su aventura profesional. Como no, también monta como buenamente pueda él mismo, un sitio web.

Apenas consigue visitas porque todo hay que decirlo, la web es técnicamente deficiente y no se ha planteado una estrategia en internet mínimamente elaborada. Ponte en su lugar: tus ingresos dependen de conseguir clientes, y la web parece el medio más prometedor. La pregunta ¿cómo conseguir clientes? se convierte automáticamente en ¿cómo conseguir visitas? Todos somos conscientes de que si no apareces en la primera página de resultados de un buscador, es difícil conseguir visitas.

Una solución clásica para conseguir visitas: anunciarte en internet. Dos alternativas que a priori parecen interesantes:

  • anuncios en un directorio profesional (en este caso, páginas amarillas), con presencia en el tomo de papel y en internet.
  • anuncios en un buscador (como no, adsense de Google).

Afortunadamente la inversión tiene una respuesta positiva: las visitas llegan, se consiguen clientes, hay trabajo y dinero suficiente para tener un sueldo decente, y pagar unas cuentas facturas relacionadas con la actividad profesional. Y es que todos los meses hay que pagar las letras del préstamo y también las facturas por anunciarte: y es mucho dinero. Y por supuesto, los impuestos.

Con el tiempo, y hablando con los clientes se descubre algo que se intuía: en este caso concreto, el dinero invertido en páginas amarillas no ha tenido el retorno esperado. Pero ese pequeño anuncio que aparecía en Google ha sido vital. La decisión es clara: olvidarse de páginas amarillas y apostar por seguir apareciendo en la primera página de Google. Y como la única forma que conoce es pagando anuncios en Adsense, pues a seguir pagando. Y ojo, que es mucho dinero. Y hay muchas empresas que pagan. Normal que Google tenga esos beneficios, pueda contar con esos recursos y profesionales y ofrecer servicios gratuitos a millones de usuarios. Tienen montado un buen negocio.

Pero volvamos a nuestro autónomo. La pregunta que se hace es obvia: ¿hay alguna manera de aparecer en la primera página de Google y que no sea en pagando anuncios?

Ahora es cuando entran en escena las redes sociales clásicas: un amigo que conoce a un amigo. Y es que alguien conoce a alguien que ha hecho, no una, sino varias páginas que aparecen en primer lugar cuando se busca en Google. He dicho que el caso es real y anónimo, pero os podréis imaginar que yo aparezco en escena aquí.

Nos ponemos en contacto. Y para resumirlo mucho, conozco sus necesidades, que se traducen en un objetivo de negocio claro. Para lograr ese objetivo, se plantea una estrategia para la web, y concretamente, se toman unas decisiones técnicas y de diseño para desarrollar el sitio web.

Lo resalto porque es importante:

  • Primero, se definen unos objetivos on-line (en este caso hablamos de visitas, pero puede haber otros).
  • En función de esos objetivos, se define una estrategia de presencia on-line. Y es que con la cantidad de sitios en los una empresa, marca o profesional puede aparecer (fotos, videos, foros, redes sociales, redes profesionales, web propia…) hay que tener muy claro dónde entras, cómo entras y cuándo entras. No todos los casos son iguales, pero en el caso que cuento, el de un autónomo que bien podría ser el de una pequeña empresa, su objetivo es tener trabajo hoy, mañana y dentro de diez años. Comparando con las disciplinas del atletismo, se trata de una maratón, no de una carrera de velocidad. No basta con alcanzar una posición o prestigio momentáneo y breve. Y los errores en internet se pueden pagar muy caros. Las malas artes pueden provocar un efímero éxito pero lo que es seguro que probablemente provoquen un estrepitoso fracaso del que puede ser muy difícil y complicado salir. O directamente te manda a la ruina. Hay que hacer las cosas bien.
  • Y con respecto a la web, esos objetivos de negocio se traducen en decisiones de diseño. Si quieres que la gente se de de alta, da prioridad a ese proceso y diseña una buena interacción. Si quieres fomentar las ventas, crea una buena arquitectura de la información para encontrar los productos, ofrece las características de los mismos, deja muy claro el precio y haz que el proceso de compra sea rápido, cómodo, fiable. Si quieres lograr visitas, redacta unos buenos contenidos, estructura correctamente la información. Y sobre todo, y siempre, usa correctamente el código.

Pasa el tiempo, y la estrategia logra sus frutos. Por un lado, se consigue una buena posición en los buscadores, y no sólo en Google. Ya no hace falta pagar por aparecer en la primera página del buscador: incluso se plantea la posibilidad de dejar de invertir en publicidad, seguir teniendo un buen número de visitas-clientes y ahorrarse unos euros. Centenas de euros todos los meses se convierten con el paso del tiempo en miles. En muchos miles.

Conclusiones:

  • Es una temeridad y mentiría como un bellaco, si dijese que el mérito de este caso es la estrategia en internet y el trabajo que conlleva. En el artículo que estás leyendo, me estoy echando algunas flores, lo reconozco. Pero en esta historia, lo realmente importante es la profesionalidad del autónomo: un tipo muy trabajador y que hace muy bien su trabajo. La honestidad y profesionalidad es lo más importante. Ofrecer buenos productos y servicios es vital.
  • En internet se pueden controlar parcialmente la información: en tu sitio web, pones lo que te da la gana. Pero cualquier persona puede generar contenido sobre tí. Si eres un buen profesional y das un buen servicio, lo normal es que la gente hable bien de tí. Si no es así, puede tratarse de un competidor que se transforma en un troll, o realmente un cliente tiene motivos para quejarse: en el último caso, una comunicación directa con el autor de la queja puede obrar milagros y transformar un cliente insatisfecho, en uno agradecido por un buen servicio post-venta. De cualquier manera, una crítica sincera y constructiva, nunca viene mal.
  • Probablemente el desarrollo web no sea el punto fuerte de un vendedor de bicicletas, un fontanero o un pintor, por poner algunos ejemplos. Pero seguro que les importa su negocio y mucho. Y también lo conocen. Encontrar a profesionales del desarrollo web de verdad que sepan trasladar ese conocimiento, entiendan las necesidades cruzadas de clientes y usuarios y sepan trasladarlo a la web,… no tiene precio. Tampoco el que un cliente deje trabajar a los diseñadores y desarrolladores web (y ojo, que es vital). Está claro que casi cualquiera puede hacer una web usando aplicaciones tan curiosas como el Word. Pero el resultado, obviamente, nunca será el mismo.

En mis casi nueve años de profesional del desarrollo web -que precisamente hoy terminan hasta quién sabe cuándo-, una de las mayores satisfacciones profesionales, sino la mayor, ha sido el minúsculo proyecto al que hago referencia. Casualmente, ha sido una actividad ajena a mi labor profesional. Y oigan, eso da mucho que pensar…

Categorías
Diseño de interacción

La importancia de los pequeños detalles en la interfaz

Un par de ejemplos que se pueden encontrar en el blog de Luke Wroblewski (LukeW Writings).

Moraleja:

  • Es importante saber que las decisiones que se toman sobre el diseño de una interfaz, tienen consecuencias positivas, negativas y neutras (sobre ventas, comunicación, fidelización…).
  • Pero también es importante tener argumentos sólidos (métricas, pruebas con usuarios, heurísticos,…) para decidir entre las diferentes alternativas. Sobra decir, que no siempre es así y es triste encontrarse con decisiones que ni siquiera resisten un poco de sentido común (pero ya sabemos que es el menos común de los sentidos).

P.S.: En las fechas en las que he escrito estas palabras, en Linking Paths están buscando a great designer, y en su oferta de trabajo, dicen entre otras cosas You know quality is fractal and care about those small and vital details often despised as second class interactions or “not relevant” steps by other faux designers. Y también  Words are UI and we’re looking for someone who cares about why to use Login, Log-in or Log in. Hay nivel.

Categorías
CSS Estándares web

Opera Web Standards curriculum traducido al castellano y al catalán

La UOC ha publicado dos traducciones de Opera Web Standards Curriculum en castellano y en catalán. Personalmente creo que es uno de los documentos más completos y elaborados sobre el desarrollo web. Muy útil para aprender y como material de consulta y referencia.
Disponibles en:

Como extra, otro documento muy útil para aprender sobre desarrollo web, front end de andar por casa, de mamuso.

Gracias a jsmanrique por la noticia en twitter (Spanish and Catalan translations of the Opera Web Standards curriculum).

Actualización (2013-07-17): los contenidos de Opera Web Standards Curriculum se han trasladado a webplatform.org.

Categorías
Estándares web Web móvil

Entrevista a Chaals McCathieNevile

En el suplemento El navegante puedes encontrar una interesante entrevista a Chaals McCathieNevile. Habla de navegadores (sobre todo de Opera), web móvil, de estándares,…