Abandonemos la noción de "página web"

Disculpen el extremismo manifiesto de esta frase pero no estoy intentando hundir ningún barco. Aligero la carga que llevamos a nuestras espaldas desde hace años y con la que, a estas alturas, yo me siento algo incómodo.

Cuando pensamos en “páginas web” establecemos criterios de definición, arquitectura, composición, maquetación… que parten de la idea “página en blanco” para crear y construir. Pero ¿qué pasa cuando, de repente, el ancho de tu página no es fijo?. ¿Qué pasa cuando los contextos de uso de una supuesta página se amplían?. ¿Qué pasa cuando la interactividad adquiere mayor relevancia?. El concepto “página” comienza a difuminarse, pierde su sentido pero, sin embargo, lo seguimos utilizando de la misma forma que “colgamos el teléfono” o “tiramos de la cadena”. Con el añadido que en nuestro caso condiciona nuestro trabajo.

A veces rellenamos espacios que creemos controlar pero el futuro no lo podemos pintar así. El futuro se viste de contenido adaptable, modificable, flexible, que se acomoda a diferentes espacios, que podemos seguir integrando en un documento llamado página (definición de la RAE: Documento situado en una red informática, al que se accede mediante enlaces de hipertexto) o web pero que ya no trabaja con esa noción original.

Insisto. No estoy cuestionando el concepto que utilicemos. Eso tiene fácil solución. El problema es el enfoque que damos a nuestros productos o servicios interactivos a partir de la definición formal y del modelo mental que todos manejamos.

Buscando “aliados” que defiendan argumentos sobre esta idea he dado con Mark Boulton, cofundador de Five Simple Steps y autor de Designing for the web. Sus explicaciones en este sentido son muy claras:

Binding content to the book is what all good book designers do. To do this, they use Canons of Page Construction, or other principles to design grid systems that, when populated by content, create that connection. But with all paper-based design, they start with paper. Paper that has edges, ratios that can be repeated. A canvas. And here’s the thing. Creating layouts on the web has to be different because there are no edges. There are no ‘pages’. We’ve made them up.

Quizás sea necesario profundizar mas en estos argumentos y dedicar mas reflexiones digitales pero como dice Boulton, el momento es ahora. Tenemos que empezar a librarnos de ciertas ataduras que condicionan nuestros proyectos.

Todo esto creo que enlaza muy bien con un post que dejé por aquí hace un tiempo sobre la simplicidad y la curación de contenido. En aquel momento se insistía en la necesidad de dar máximo sentido a nuestro contenido. Ahora el objetivo vuelve a ser el mismo y se refuerza con una nueva idea:

Don’t start from an imaginary page

Blogs & sites UX

All About UX: Interesante lugar para aquellos que buscan la definición de un concepto o la explicación de una metodología enmarcada en la Experiencia de Usuario. Por otra parte, este sitio lo considero valioso por recoger la iniciativa UX White Paper, una breve publicación que surge de un seminario organizado en Alemania y que busca clarificar el concepto UX a partir de la contribución de expertos de diferentes instituciones y empresas del sector.

César García: Diseñador freelance con amplia experiencia en el sector que de vez en cuando nos deleita con píldoras sobre usabilidad, arquitectura o diseño de interacción desde inquiettudes, su blog personal. Es más, si quieres localizarlo en alguna red social o herramienta online pregunta por @inquiettudes, siempre será más fácil.

Guindo: Carta de presentación de Carol Alonso y Sergio Sánchez. Su blog son pensamientos directos sobre diseño de interacción y reconozco que, sin tener un gran histórico, algunas de sus entradas tendrían que ser entregadas con marco incluido, como las buenas obras de arte. Sergio también mantiene vistobien.com, un blog en formato visual con aforismos, anotaciones, bocetos y ocurrencias.

Think Outside In: Blog de Paul Adams, Global Brand Experience Manager en Facebook y anteriormente User Experience Researcher en Google. No escribe con demasiada frecuencia pero algunas de sus entradas en el blog son muy relevantes. Aun así, siempre tienes la oportunidad de seguir sus tweets (@Padday) o leer algunas de sus entrevistas donde asoman sus ideas y reflexiones sobre UX o social media design.

UX Crank: Blog del diseñador Dan Willis. Sus entradas pueden ser clasificadas como artículos breves con mucha sustancia. Su estilo personal se aprecia especialmente en la imagen que acompaña cada entrada. Pero no dejes de visitar su web. Allí también puedes encontrar charlas, proyectos, trabajos así como el acceso a su libro ilustrado “The Little UX That Went a Long Way“.

Volkside: Empresa australiana fundada por Jussi Pasanen que ofrece servicios de consultoría, investigación y diseño. Actualizan su blog con frecuencia y creo que en algunos casos con mucho acierto al incidir en cuestiones muy prácticas.

Citas y anotaciones sobre diseño

Quotes on Design es un producto más de Chris Coyier, creador de CSS-Tricks.

Con una apariencia sobria y manteniendo el color y ese fondo “puntillista” que caracteriza algunos otros sitios de Coyier, se muestran citas celebres y frases memorables sobre el diseño, los diseñadores y la profesión.

Quotes On Design

También da la posibilidad de añadir citas y así ampliar la enorme lista que ya tiene.

Fuente | Spined

Sites & blogs sobre experiencia de usuario

Askaro. Ask around: Hablar de Askaro es hablar de Ubaldo Huerta y Eduardo Manchón, dos referencias importantes cuando hablamos de grandes proyectos digitales y buenas experiencias de uso. Sus éxitos respectivos fueron Loquo y Panoramio y ahora trabajan desde hace un tiempo en este proyecto que me parece una apuesta muy valiosa. Toma nota de su evolución porque su experiencia personal y profesional se aprecia en cada progreso.

-Clunky: “awkward or unsophisticated”: Blog del australiano Alastair Simpson, User Experience Manager en Catch. Su objetivo es realizar pequeñas aportaciones que ayuden a reducir las malas experiencias que cree que generan muchos sitios web.

Experiencing Information: James Kalbach es consultor de experiencia de usuario en Lexis Nexis y autor de Designing Web Navigation: Optimizing the User Experience. Escribe con regularidad en este blog desde 2007 y su título proviene de una frase que tomo prestada del profesor Andrew Dillon: “Data is stored; information experienced”.

-Gerry McGovern: La web de este prolijo escritor y empresario, fundador y CEO de Customer Carewords, incluye un interesante boletín semanal (New Thinking) con artículos centrados en la gestión de contenido web y arquitectura de información. Está en funcionamiento desde 1996 y todo el contenido está disponible online. El último libro de McGovern se titula The Stranger’s Long Neck: How to Deliver What Your Customers Really Want Online.

I draw boxes: Buena fuente de información y reflexiones sobre UX de la mano de Chris Sainsbury, consultor de experiencia de usuario en EMC Consulting.

UX Pond: Motor de búsqueda dedicado a blogs, revistas, foros de discusión, patrones UI y herramientas.

-Wireframe Showcase: Creo haber hablado de este sitio en alguna otra ocasión. Se trata de una integración de wireframes y prototipos de sitios web. Cada autor genera un post que introduce explicaciones sobre su trabajo e integra imágenes sobre el sketch, wireframe y prototipado del sitio creado.

aulacomun TV, un reto al alcance de todos

El Centro de Recuperación de Minusvalidos Físicos de Salamanca (España) (CRMF) ha puesto en marcha recientemente aulacomun TV, una televisión en Internet creada por los alumnos y convertida en centro de difusión de contenidos audiovisuales realizados por ellos mismos.

captura de pantalla de aulacomun TV

Todo un reto que han estado elaborando durante varios meses y que ha tenido muy buena acogida. En este proyecto también ha participado mi compañero Eduardo Moro que se ha convertido en el gran dinamizador de esta iniciativa.

Mi más sincera enhorabuena por el esfuerzo y ojala se sigan apoyando y promocionando proyectos de este tipo, no solo en Salamanca sino también en otras muchas ciudades.

 

Sites & blogs: selección propia

:: Wayback Machine: Espacio de Internet archive que en colaboración con Alexa permite revivir momentos pasados gracias al enorme almacén de sitios web que posee desde 1996. 1,5 petabytes de instantáneas históricas de sitios que han evolucionado considerablemente o de aquellos que han caido por el camino. Una herramienta indispensable para observar y analizar la evolución del diseño y desarrollo web.

Almacena el código de las páginas dejando que las imágenes sean recogidas del servidor original. Por esa razón nos encontraremos en muchas ocasiones con la ausencia de unas cuantas que pueden haber sido borradas. No almacena páginas dinámicas.

:: Nerv.es: Sitio de un proveedor de servicios de Valencia dedicado al diseño web,posicionamiento y hosting. Su blog contiene post muy interesantes y originales como el primer icono de Photoshop o las 10 pesadillas de la usabilidad que deberías evitar.

Echo de menos más información sobre los creadores de este sitio y sobre las personas que publican estas anotaciones tan atractivas. La identidad que manejan me ha sorprendido dada la calidad de su portfolio pero aun así formarán parte de mi directorio de feeds. Recomiendo la lectura del resto de posts.