— Mamá, mamá, ¿hay gelatina?
— No hija, solo hay i griega e i latina.

Aunque la denominación más extendida de la letra “y” es “i griega”, se recomienda llamarla “ye” en la nueva ortografía. ¡La ortografía! Otra cosa más en la que hay que estar actualizado.

A raíz de una duda lingüística llegué a las FAQ de la Real Academia Española y me vi disfrutando de la lectura como no habría esperado. Me di cuenta que estaba desactualizado en ciertas reglas y, como muchas de las decisiones o recomendaciones de la Academia se justifican por la simplicidad y el principio de economía del lenguaje, que me parecen razones más que honestas y loables, pues estoy muy a favor.

Así, aunque tiene ya un tiempo esta “nueva” ortografía, no está de más repasarla y plantearse como buen propósito de este año el mejorar nuestra ortografía. La mayor simplificación proviene de la eliminación de muchos acentos y que se convierte en obligatorio:

• Eliminación del acento diacrítico en “solo” y los pronombres demostrativos “este”, “ese”, “aquel”, etc. Sin excepciones. Se acabó el pensar si “solo” se puede sustituir por “solamente” para ponerle o no acento.
• Eliminación del acento en la conjunción “o”, que antes llevaba cuando separaba dos cifras.
• Eliminación también del acento en un puñado de palabras que ahora son consideradas monosílabas, por contener diptongos o triptongos. Afecta a formas verbales y a sustantivos como ion, guion o truhan, que la conocemos todos por la canción de Julio Iglesias.
• A la hora de escribir extranjerismos o latinismos crudos (no adaptados) deben escribirse en cursiva. Así debería ser affordance, estándar y standard, a grosso modo.
• Cuando utilicemos prefijos (como anti o ex, por ejemplo), van soldados. Mi exnovia era supermodelo. A no ser que la palabra a la que preceden se escriba con mayúsculas o sea un numero, que van con guion (mini-USB, sub-21). Por último, las palabras se escribirán separadas cuando sean pluriverbales, como anti pena de muerte o pre Segunda Guerra Mundial.
• Encima mío y detrás tuyo está mal dicho. Sería correcto encima de mí y detrás de ti, pero creo que si insistimos lo suficiente, al final lo aceptarán.
• Resulta que hay tres verbos en español que presentan dos participios (regular e irregular). Así es correcto decir imprimido e impreso, freído y frito y proveído y provisto cuando se usen como participios. “Rompido” no vale.
• Se dice “un área muy extensa y un hacha afilada” porque el indefinido “una” toma la forma “un” cuando antecede inmediatamente a sustantivos femeninos que comienzan por a tónica. Para el resto de artículos se utiliza el género apropiado (“toda el agua”, “esta hacha”, “aquella área”).
• Las MAYÚSCULAS llevan tilde. Parece que había una leyenda urbana que afirmababa no era obligatorio, pero la Real Academia Española nunca ha tenido tal regla. Las siglas, sin embargo, ni llevan acento, ni tienen plural (no se añade ninguna ‘s’ como hace el inglés). Por otro lado, las abreviaturas llevan un punto al final de la palabra recortada, pero los símbolos no (tal como “cm”, “m” y los más evidentes μm o Å, Fe, Ag, etc.)
• Las particulas “qué”, “cuál”, “quién”, “cómo”, “cuánto”, “dónde”, etc. se escriben sin acento cuando, entre otras cosas, son átonas (salvo “cual” cuando va precedido de artículo que también va sin acento). Es decir, si no tienen el peso del relieve en la pronunciación. Así “lo importante no es el qué, sino el cómo”, pero eso “no significa que no importa como se hagan las cosas, sino cuándo”. “¡Que aproveche! ¿Qué has dicho?”.
• “Porqué” es sustantivo y tiene plural (porqués), “por qué” es el que va en las preguntas, “porque” es la respuesta a estas preguntas y “por que” acostumbra a utilizarse más con un artículo entre medio, como por ejemplo, “este es el porqué por (el) que te llamé”.
• Los nombres de los días de la semana, de los meses y de las estaciones del año se escriben en minúscula, a excepción de festividades, acontecimientos históricos o nombres propios de calles, edificios, etc.

Y ante las dudas, el Diccionario panhispánico de ídem.

Enlace permanente al post: Rápido repaso de la ortografía española actual | Tweet |

Visto en las calles de Ponte A Poppi en Casentino, Italia.

Prefiero verlo como la capacidad de añadir el factor emocional a un diseño técnico. Con más o menos gracia o más o menos acierto, personalizar el mobiliario callejero no solo ha sido aprovechado por campañas publicitarias, sino que ha hecho a artistas urbanos alcanzar el nivel de celebridad.

Ojalá fuera yo Banksy.

Aunque el llamado arte urbano está, a veces, más a camino entre la gamberrada, el ingenio o el meme en el MundoReal™. Más del rollo “guarro limpia el coche”, que de pieza reivindicativa, pero de todas formas, el ingenio utilizado en algunos casos, especialmente en el de las señales, es digno de compartir:

De Respuestas sarcásticas a señales con una completa buena intención.

Valga esta entrada para felicitaros a todos el nuevo año!

Actualización: Un enlace con las 100 mejores obras de arte urbano de 2011.

Entradas relacionadas:

• Más modificaciones en semáforos, edificios y señales de tráfico.
• Otro especial Navidad.

Enlace permanente al post: Arte callejero para despedir el año | Tweet |

Disponen en este cuaderno de una categoría propia para repasar ejemplos en los que, por ejemplo, la affordance falló de alguna manera. Sin embargo, en esta ocasión vamos a ver cómo podemos aprovecharnos de este concepto cuando se elabora una interfaz web.

La affordance permite tomar decisiones.

El objetivo a cumplir es hacer que los distintos componentes que forman nuestra interfaz o sitio web sean reconocibles por los usuarios. Un vídeo embebido en una web deberá transmitir que puede ser reproducido. De nada servirá incluirlo si el usuario no intenta ejecutarlo porque desconoce que es un vídeo.

A priori, existen dos características básicas que tienen en la affordance el mayor impacto: la forma funcional y el contexto:

Una forma que siga a la función

Esta relación debe ser crítica para la comprensión intuitiva del objeto. Los botones son un buen ejemplo de esto. Sobresalen, de tal forma que da la sensación que tienen volumen sobre una superficie, tienen colores llamativos y son receptivos, generando un feedback visual al situarse sobre ellos (hover). Transmiten, de esta manera, la affordance percibida de “ser presionados”.

¿Las acciones deberían ser botones o enlaces? Depende de la acción, pero siempre cuida las etiquetas de dichos botones y da a entender al usuario qué es lo que se va a encontrar a continuación. Fuente: Affordances in Modern Web Design de Adrew Maier.

Lo mismo sucede con un campo de introducción de texto en un formulario (input). Estos elementos acostumbran a tener una sombra interior que les da profundidad, lo que transmite la idea de que pueden ser rellenados. Otro ejemplo es el punto de inserción (típicamente una línea vertical que parpadea en la pantalla), que transmite “empezar a escribir”. Un lista de enlaces, sea horizontal o vertical, tiene una mejor affordance percibida como menú de navegación que una cadena de caracteres en medio de un párrafo.

En la web acostumbramos a explorar las páginas buscando enlaces o áreas donde se pueda hacer clic. Una affordance de la clicabilidad (affordance of clickability) sería mejor cuando más reconocibles sean dichas áreas. Concretamente, el puntero del ratón cumple una de las funciones más importantes como indicador de interacción al cambiar de forma sobre diferentes elementos. Una buena manera de controlar la affordance del puntero del ratón es a través de la propiedad “cursor” de las CSS, con valores tales como “text” —para elpunto de inserción, “pointer” —que muestra la mano que indica que se puede hacer clic, “move” —útil para elementos que se pueden arrastrar y soltar (drag & drop) y otros.

Es un clásico recomendar que en orden a maximizar la affordance percibida de clicabilidad se dé color azul y subrayen los enlaces, aunque lo realmente importante es que estos se distingan del resto de los contenidos y sean visibles. Si no estamos seguros, ni podemos hacer tests con usuarios, mejor no reinventar la rueda.

En definitiva, será primordial minimizar el tiempo que tardarán los usuarios en darse cuenta de la función de cada elemento de la interfaz. Seguro que las nuevas características de CSS3 permitirán un abanico de nuevas posibilidades que ayudarán a que el usuario sepa que hacer con tan sólo mirar, sin generar nuevos problemas, como los relacionados con la legibilidad producidos por la propiedad “text-shadow”. No hay que olvidar que la función es más importante que la forma.

Affordance contextual

Este concepto hace referencia a la relación que existe entre el objeto y el observador, que dependiendo de sus características puede percibir una función u otra.

No sabemos lo que es obvio para todo el mundo.

Es por ello que se requiere estudiar a la audiencia. Hay que conocer lo que es evidente para ellos debido a su experiencia anterior y sus modelos mentales. Saber como el usuario percibe un objeto, mas que lo que actualmente es. La relación es tan importante que podríamos asimilar contexto y uso llegando a concluir que affordance y contexto son una misma y única cosa.

Esto aplicado al diseño de sitios web implica tener en cuenta las siguientes herramientas conceptuales:

• Patrones de diseño en interfaces de usuario. Soluciones a problemas comunes de diseño que pueden reutilizarse ya que han demostrado ser efectivas. User Interface Design Patterns es una interesante colección de patrones para la web, así como Patternry o Welie.
• Estándares. Siempre que sea posible, optar por un estándar reconocido. Bien sea una estructura con cabecera, barra lateral, contenido y pie, o el uso de un botón RSS.
• Metáforas. Se valen de reconocer como modo de aprendizaje. Así el uso de una metáfora apropiada ayuda a transmitir el significado y propósito de un determinado elemento en el diseño. En esta web se utiliza una navegación horizontal como metáfora de un paseo por una galería de arte.
• Modelos conceptuales coherentes. De esta forma el aprendizaje de un proceso concreto se puede aplicar a otras partes.
• Simplicidad. Una manera de reducir la complejidad de la interacción es ocultándola o reduciendo el peso visual que tiene. Como ejemplo concreto tenemos la navegacion sensible al contexto, que varía dependiendo de la acción del usuario en la página. Ayudan básicamente a limpiar la interfaz y a permitir concentrarse en la tarea que recaba la atención del usuario. Un ejemplo notable es el de los vídeos, como en vimeo, que una vez que se ejecutan, ocultan los controles de navegación y vuelven a aparecer al posar el cursor sobre el vídeo.

El objetivo consiste en desarrollar affordances que ayuden al usuario a no cometer ese primer error, que mejorarán si recordamos que las características físicas de un diseño influyen en su función y, junto a una visibilidad y acción coherente, tomamos en cuenta la relatividad del observador, el contexto.

Enlace permanente al post: Affordance para la web | Tweet |

Identifica al informático.

Soy el Product Manager de Reynholm Industries. Esto es, a pesar de tener un respetable conocimiento técnico, soy un desarrollador fracasado, aunque con suficiente aptitud comercial como para entender que estamos en el negocio para ganar dinero. Soy mediocre en casi todo, pero al contrario que algunas personas en otras funciones, no hay un área en la que sea un completo inútil.

Volviendo a la gente con affairs, he descubierto que la mejor manera de obtener feedback sobre nuevos productos o interfaces no es preguntándoles que piensan de estos. En vez de ello, resulta más provechoso explicarles muy brevemente lo que van a usar a continuación y dejar que lo manejen, que exploren, pero permitiendo que hagan cualquier pregunta que les venga en mente. Si les preguntamos que piensan, entran en modo crítica y empiezan a buscar problemas, que no es justamente la actitud que toma un usuario real cuando interactua con un sistema.

Para recibir feedback de nuestros usuarios cuando tienen problemas de soporte, quiero proponer que el formulario de contacto de la empresa de anuncios de ídem sea más amigable:

Una idea estupenda la de mapear la severidad del ticket con unas opciones más humanas: “Con calma, solamente es una consulta”, “Un poco inquieto, ya que tomaré una decisión basada en su respuesta”, “Nervioso, creo que puede que haya roto algo!” y “Socorro!”

Paul Van siempre agradece cualquier comentario que le puedan aportar sobre el blog. Pueden escribir para cualquier cosa (¡menos para preguntar donde comprar las sillas en miniatura!) . Siempre respondemos a su contacto.

Enlace permanente al post: Su nombre es Paul Van | Tweet |

A raíz de un popular vídeo de Microsoft sobre una visión tecnológica del futuro, Bret escribió recientemente una crítica con la que simpatizo totalmente. En A Brief Rant on The Future of Interaction Design se queja de que la visión mostrada, desde la perspectiva de la interacción de usuario, no es para nada visionaria, sino más bien un tímido incremento del actual status quo. Es una lectura rápida e interesantísima, con el plato fuerte de las manos como protagonistas.

Alegar que “imágenes bajo cristal” es el futuro de la interacción es como reivindicar que el blanco y negro es el futuro de la fotografía. Es obvio que es una tecnología de transición. Y cuanto antes hagamos esa transición, mejor.

Enlace permanente al post: Frase del Gurú: imágenes bajo cristal | Tweet |

1. Goingtorain.com. No hay informe meteorológico más simple. Reducido a lo más importante, ¿va a llover?
   
2. Printablechecklist.org. Tan sólo permite generar una lista de tareas con sus respectivas casillas de verificación (una llana to-do list). Cuando estemos listos con la lista, imprimimos desde el navegador.
   
3. Nowdothis.com. El autor se refiere a esta herramienta más como un jefe que como una to-do list. Sin embargo, no es más que esto último, pero que va pasando las tareas conforme las vas completando.
   
4. Jacksonpollock.org. Expresionismo abstracto a clic de ratón. Mejor no pruebes este lienzo en Internet Explorer.
   
5. Dummyimage.com. Crea contenedores para imagenes (normalmente útiles para uso en wireframes o prototipos HTML) con tan sólo añadir el tamaño de esta forma: http://dummyimage.com/640×480.
   
   
6. Isitsaturday.net. ¿Es sábado? Y de los mismos creadores, ¿es domingo?. La misma genial idea está disponible para los jueves y los viernes. Sin embargo, parece que el resto de días de la semana carecen de este interés.
   
7. Quietwrite.com. Un procesador de texto online donde se ha eliminado prácticamente todo para que tan sólo podamos concentrarnos en escribir. Muy al estilo del “Zen Mode” o pantalla completa en la edición de entradas de las nuevas versiones de WordPress.
   
8. E.ggtimer.com. No podía faltar en esta lista un temporizador. Especifica el tiempo añadiéndolo al final de la URL (por ejemplo: http://e.ggtimer.com/3hours14minutes15seconds). Del mismo estilo tenemos a CD y, más visual, Timer Tab, que reúne despertador, temporazidor y cronómetro.
   
9. Donothingfor2minutes.com. Esta web nos invita a estar un par de minutos sin hacer nada. Meditando si queremos mientras escuchamos las olas que se reproducen. Si lo conseguimos, nos premian con más indolentes paraderos.
   
10. The Ultimate Productivity Blog. Por último, incluiremos un blog en esta lista. Uno muy minimalista que trata de, como el nombre indica, la mejor manera de mejorar tu productividad.

Enlace permanente al post: 10 aplicaciones web minimalistas | Tweet |

R.I.P. Meta Linck

No me quiero poner trágico, pero todos vamos a morir algún día. Unos antes, otros después, el resto en 2012. Las funerarias lo saben y, en ocasiones, se atreven a promocionarse a través de anuncios tradicionales, lo que supone un auténtico reto:

Sólo se muere una vez. Promoción de los servicios de una funeraria de Bucarest, Rumanía.

“No piense sobre el final al final” y otras perlas cómo “Si puede leer esto, no es demasiado tarde” o “Igual que en los mejores restaurantes. Tendría que hacer una reserva previa” en los carteles para el cementerio cristiano ortodoxo de Saint Michael en Sofía, Bulgaria.

Las funerarias son un negocio que ofrece unos servicios en los que la mayoría de las personas prefiere no pensar. No queremos que nos recuerden sobre la muerte y tenderíamos a ignorar sus promociones. Por eso, los anuncios tradicionales tal vez no sean la mejor táctica de marketing para promocionarlas. Probablemente, las búsquedas en Internet sean más efectivas. Cuando llegue el momento de necesitarlas, funerarias en Barcelona, por ejemplo. Y hablando de páginas amarillas, hace unos años lanzaron una campaña publicitaria llamativamente bien realizada y que expresa el mensaje de la forma más simple posible:

El resto, rosas y verduras, en I Believe in Advertising.

De todos modos, a pesar de sus esfuerzos de marketing, supongo que los servicios de las funerarias no habrán experimentado una pérdida de clientes debido a la crisis económica. La gente sigue muriendo por sus servicios.

Entrada relacionada:

• Una comida por la que morir recoge fotografía de las últimas cenas de los condenados a muerte.

Enlace permanente al post: Sólo se muere una vez | Tweet |

Dentro de una tienda Ikea no puedes evitar entrar en un estado de perpetua complejidad: estantes repletos de cajas aplanadas marrones etiquetadas con nombres y códigos aleatorios, una linea amarilla que te lleva inexplicablemente por habitaciones cuando lo único que querías comprar eran unos utensilios de cocina. Luego, sólo cuando tu temperatura emocional se ha visto incrementada y puedes sentir un picor de pánico alrededor de tus oídos, te enfrentas a la versión Ikea de atención al cliente: un adolescente mal pagado, entrenado para la desconexión psíquica, que te dirá que se les ha agotado el producto. La próxima entrega no llegará hasta dentro de 2 semanas. No, no puedes realizar el pedido, tendrás que volver a la tienda. ¿Esa otra pregunta? Bueno, tendrás que hacérsela a alguien que esta en los lavabos… eso está a cinco metros siguiendo la linea amarilla y la cola está a tu izquierda.

Es una cita extraída de un antiguo artículo de Guardian [en]. Del orden del 60% de las compras que se llevan a cabo en Ikea no son cosas por las que la gente fue allí a propósito, no estaban en su lista de la compra. ¿Cual es entonces el secreto del gigante sueco?

Resulta que todo se basa en la propiedad de privar de autonomía a los visitantes de la sala de exposición. Lo explica en una charla el profesor Alan Penn, donde describe como los arquitectos utilizan el espacio para vender cosas, de manera que crean patrones de movimiento para llevar a la gente hacia los productos.

Uno de los casos que expone es el de Harrods, los grandes almacenes londinenses. Estaban convencidos de que debían tener algún tipo de problema, pues cada sábado doblaban el número de visitantes, pero las expectativas de ventas no eran las esperadas. El equipo del profesor Penn estudió la relación entre la estructura espacial del local y el flujo de gente moviéndose por éste. Resultó ser que no es que la congestión de personas estaba obligando a la gente a no poder avanzar, sino que las inhibía de echar un vistazo. ¡Realmente les paraba de parar! La gente tenía que seguir moviéndose porque había demasiada presión de la masa que estaba detrás.

Basándose en estudios sobre la estructura espacial concluyeron que uno de los factores que afectan directamente en las ventas es la inteligibilidad. La correlación entre lo local y global. Entre lo que puedo ver ahora mismo y mi posición relativa al gran almacén. Si no sabes donde estás, ¿cómo vas a saber a donde quieres ir?

Sin embargo, cuando llegaron al caso Ikea, se quedaron sorprendidos de que no seguía los patrones que habían encontrado previamente. Tras analizar como el flujo de gente se movía por el local, vieron que el showrooom de Ikea es similar a un sistema urbano. De hecho, lo que haces si vas a Ikea es seguir a la gente alrededor de la tienda. Raramente encuentras gente yendo en sentido contrario, y si lo hacen tienen pinta de estar agobiados. Lo que hacen es crear un entrono completamente desorientativo, pero que aun así tiene una ruta a seguir. Los diseñadores del espacio tratan deliberadamente de confundir al visitante, llevándole a comprar cosas que no están en su lista de la compra. Eliminan su autonomía, la habilidad de actuar con intención.

La ininteligibilidad y la desorientación eliminan tu autonomía. Han ampliado el límite al comienzo de la tienda hacía la sala de exposición y lo han utilizado para eliminar tu reconocimiento de saber donde estás. Tienes que rendirte. Sólo puedes ceder y seguir la ruta que te han propuesto, porque hacer cualquier otra cosa es realmente difícil. De hecho, hay atajos en Ikea. Si quieres puedes ir arriba a la sala de exposición, girar a la izquierda y bajar de inmediato por las escaleras hacia el mercado y empezar a comprar. Los compradores expertos de IKEA lo saben. Parte de la razón por la que disfrutan es porque consideran que tienen experiencia sobre cómo comprar allí.

Te diré el truco. Si quieres saber dónde está el atajo —da la vuelta, está justo detrás tuya. Literalmente.

Enlace permanente al post: ¿Por qué en Ikea siempre acabamos comprando de más? | Tweet |

También hemos visto una camiseta, un fondo de escritorio y un póster del Principio KISS.

Y ya que estoy aquí, voy a probar un efecto de relieve de texto usando CSS3. Evidentemente, si estás navegando con Internet Explorer (aunque sea la última versión -IE9-) no apreciarás el efecto, puesto que no soporta la propiedad text-shadow.

Enlace permanente al post: KEEP IT SIMPLE STUPID | Tweet |

Keep It Stupid, Simple. Simplemente la quiero.

Más artículos del Principio KISS:

• Fondo de escritorio.
• Póster serigrafiado.

Enlace permanente al post: Camiseta del Principio KISS | Tweet |