grancomo.com Weblog de Luis Villa sobre Espacios, Personas, Tecnología y Experiencias

Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch

¿Te has planteado qué pasa con tu diseño cuando has usado el maldito Lorem Ipsum y llegan los contenidos reales? ¿Piensas que el desalmado usuario ha estropeado el diseño o simplemente te das cuenta de que no has previsto casos extremos con contenidos reales?

Leyendo el blog de Dopplr, me puedes encontrar con una de esas situaciones inesperadas que pueden surgir cuando diseñas un interfaz y crees que lo tienes todo controlado… sobre todo en sitios de información científica. Lo he usado como título de post y he destrozado “a conciencia” el layout de este sitio web y el de otros.

Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.jpg
Imagen Wikipedia

Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch, es el nombre de un pueblo de Gales que significa:

La iglesia de Santa María en el hueco del avellano blanco cerca de un torbellino rápido y la iglesia de San Tisilo cerca de la gruta roja.
Wikipedia

Este nombre, a parte de tener el poder de destrozar un interfaz, se ha hecho popular por méritos propios:

Otras palabras largas

Conclusión

Más vale prevenir que curar. Huye de Lorem Ipsum. Haz el test de las palabras y frases largas. Prueba tu diseño con contenidos reales, busca casos complicados y asegúrate de que el interfaz soporta ese test.

Nota: después de leer esto, es posible que te hayas dado cuenta de que tienes hipopotomonstrosesquipedaliofobia -fobia a pronunciar palabras muy largas o demasiado complejas-. :-)


7 Comments

Simplemente genial!!! Te puedo asegurar que al principio pensaba que era un post “coña”. Pero veo que esta perla existe!! Verdad de la buena :-)

Posted by Juan Leal on 27 August 2007 @ 12pm

Uhm. Ahora todo el mundo parece aborrecer el Lorem Ipsum, y en mi opinión afimaciones como “muerte al Lorem Ipsum” o “huye del lorem ipsum” son demasiado absolutistas. Me parece una generalización que, aunque transmite una idea que en mi opinión es positiva, como todas las generalizaciones tiene el problema de ser adoptada porque sí. Y me explico: Cuando estoy diseñando una página web, en las tempranas etapas en las que mi intención es “colorear y embellecer” los wireframes del site, a un nivel general, “no me importa el contenido”, no me importa cómo quede, sólo quiero fijarme en otros aspectos estéticos que no afectan al contenido, y ahí me es útil el Lorem Ipsum y no veo su utilización como un error.

Veo el error (y grave) si uno se queda así y ofrece eso como boceto, sin haberse parado a pensar en el contenido. En mi opinión, el “diseño del contenido” es otra fase diferente (y en mi caso, posterior) a la del diseño “general” de la interfaz (digamos “del background de ésta”, no sé cómo expresarlo), y para esa fase sí que tienen que tenerse en cuenta contenidos reales o equivalentes a los reales, y utilizar éstos para hacer pruebas de layout, defeinir los anchos de línea, interlineados, espacio entre palabras, kerning, alineación, tipos…

Total, que estoy de acuerdo en parte. Aborrezco las propuestas de diseño y los prototipos llenos de Lorem Ipsum, pero a mí personalmente tampoco me gustan esas afirmaciones dándole muerte para siempre (porque la muerte no es temporal, claro :D ). Siempre es lo mismo: utilizar cada cosa para lo que es útil, y no más.

Un saludo, Don Luis. Desde Asturias se le sigue con ilusión :D

Posted by ricardo on 27 August 2007 @ 12pm

Lo del Lorem ipsum está bien para el texto corrido y, además, le da un puntito chulo al oficio y nos hermana con nuestros antepasados.

De todos modos, yo siempre me alegré de no diseñar, por ejemplo, cosas en alemán porque con la “manía” que tienen de juntar palabras a veces te ponen las cosas muy difíciles, aunque no se llegue al extremo de “Llanfairpw(…)”.

Otra cosa que debería tomar la gente nota: no diseñes siempre como si todo el mundo fuese a ver tu página con Safari, con el suavizado de fuentes de Windows activado o con el skin de Windows XP: hay que probar las cosas con un windows sin suavizado y con botones “de los viejitos” para ver cómo quedan (que con las otras opciones siempre pintan mejor).

Posted by Jorge on 27 August 2007 @ 12pm

Entiendo que aunque este ejemplo es ilustrativo de una situación excepcional, Luis, intentas traslucir que los problemas con el texto no lo son tanto. Añadiría yo cuestiones de libro de estilo estético (virado de fotos, tratamiento de los gráficos, tipografías gráficas, etc).

Cuando se da un caso no previsto, justo en ese momento casi siempre dependemos de la habilidad (y la labia) del diseñador o experto en contenidos, según sea un problema de diseño o del contenido textual / conceptual.

Como decía un cliente “sois ágiles pero no sois sólidos”. En este caso, un diseñador ataja el problema de forma ágil e inmediata gracias a su experiencia y saber hacer, pero no es una solución sólida en lo que se refiere a tenerlo todo controlado.

Mi propuesta siempre va en el sentido de tener un catálogo de plantillas amplio y asequible, adaptado a las necesidades del proyecto concreto, que el cliente pueda intercambiar, pero que al mismo tiempo sea consciente de que le permite hacer lo que PREVIAMENTE ha pensado o analizado (junto con nosotros, claro). Si pasado un tiempo necesitamos ampliar o revisar este catálogo, pues se hace (y se presupuesta). De esta forma podemos acotar el alcance de una interfaz sin irnos por los cerros de Úbeda y al mismo tiempo somos honestos con el cliente.

Sé que es un método trivial, pero mi experiencia me dice que se pierde en las disquisiciones estéticas del cliente, sobre propuestas estáticas, en papel, poco vivas y con poco recorrido.

Posted by Javier Martínez on 28 August 2007 @ 7am

Coincido con Ricardo y Jorge, además el Lore Ipsum, a mi me mola, no sé a cuento de qué últimamente se está gestando una fobia al lore ipsum.
pero vamos que la solución es bien sencilla:
Que nos pasen textos reales, o casi reales al empezar a diseñar, junto al briefing. A mí me da igual cortar y pegar “Lore ipsum dolor sit” que “En un lugar de la Mancha…”

Posted by albertofs on 28 August 2007 @ 8am

[...] De eso habla el post llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch que publica Luis Villa en su blog. De palabras largas posibles. Como esto va de sitios y demás, habrá que tenerlo en cuenta también. [...]

Posted by El blog de la Wikigida » Blog Archive » Nombres largos y gente que "estropea" tu diseño on 29 August 2007 @ 3am

Aqui tienes un par de ejemplos más:

http://es.wikipedia.org/wiki/Donaudampfschiffahrtselektrizit%C3%A4tenhauptbetriebswerkbauunterbeamtengesellschaft

http://es.wikipedia.org/wiki/Rindfleischetikettierungs%C3%BCberwachungsaufgaben%C3%BCbertragungsgesetz

Posted by Juan Pablo on 3 March 2008 @ 10am

Leave a Comment

Todo lo automatizable será automatizado Nanocongresos creativos: Pecha Kucha