Esto es simplicidad:

Esto es claridad:

Y finalmente, esto es lo que la mayoría de diseñadores web ofrecen como solución:

Permítanme recurrir al lugar común, pero después de ver esto, más claro ni el agua.

Los medios de comunicación y la publicidad vienen a reforzar en muchos casos con sus mensajes esa idea de que seguimos instalados en una crisis. Por ello creo que actualmente recobra más valor aquellos mensajes que pueden transmitirnos algo de humor. Bien es cierto que el humor no nos puede hacer cambiar

sustancialmente la realidad, pero si nuestro ánimo y la percepción que tenemos como individuos de esa realidad.

Quizás tengamos que aplicar la esencia del humor judío “reír para no llorar” ya que sin un sentido dramático de la vida, el humor resulta pobre. “El humor es la gentileza de la desesperación” como decía Oscar Wilde.

Pero además si lo que queremos o pretendemos con ese humor es vender un determinado producto deberemos considerar que éste debe estar íntimamente relacionado con el beneficio del producto.

“Si no hay conexión con la ventaja que ofrece la marca, hacer reír sale carísimo”

Como indica Joaquín Llorente en su libro “Casi todo lo que se de publicidad” isbn: 9788475830872.

Una personalidad pública simpática, optimista, puede ser apreciada por determinados grupos de consumidores como la más idónea. Construir historias descaradamente comerciales, puede producir muchas veces resultados ingenuos o ridículos. Lo importante es integrar el humor de la calle en nuestra historia de ventas. Como la marca Durex que se ha caracterizado por la originalidad y el humor de sus mensajes, pero siempre teniendo presente el producto como eje central.

Lo importante es medir en que porcentaje la inclusión del humor puede favorecer a la marca del anunciante o solamente divertir, sin que revierta en un beneficio directo para esta. Por tanto, debemos tener claro que el humor no es una garantía de mejores anuncios, aunque su efecto puede ser mejorado con un examen cuidadoso de sus objetivos, audiencia, situación, producto…

Hay sectores y productos donde no es necesario adoptar una seriedad, ni una gran trascendencia, y el humor puede ser la gran nota que desmarca. En otros, deberemos tener más cuidado, porque esa línea de comunicación puede ir serrando lentamente el suelo de una marca.

En la base de usar el humor como estrategia creativa, las agencias pueden pensar en la mejora de la atención del público, al menos en las primeras exposiciones de anuncio. Pero siempre hay que pensar en la reducción del tiempo de atención del este público y su paciencia –ambas cada vez más reducidas- por lo que lo que una vez nos ha podido despertar una sonrisa, al poco se nos puede convertir en cargante.

Los spots de Ally & Gargano para Federal Express desarrollados en la década de los 80, con divertidas historias explicando los problemas de que un paquete no llegue a tiempo, son pura antología de la comunicación y el éxito comercial unidos.

En cualquier caso antes de plantearnos cualquier campaña tendremos que estudiar el producto que tenemos entre manos, ver que tipo de publicidad ha hecho la competencia para productos similares y con qué éxito, investigar a los posibles consumidores y considerar qué posicionamiento pretendemos para nuestro producto. A partir de todo esto podremos seleccionar la línea de comunicación que podemos determinar como más adecuada.

Si no hacemos previamente los deberes, puede que ocasionalmente tengamos la suerte de dar con una buena campaña.

Referencias de nextrapixel:

Uno de los problemas más comunes entre los diseñadores y que suelen causar duda y confusión se debe a la inexperiencia y algunos clientes ansiosos que inocentemente espera e incluso exige ver no una, sino varias soluciones a un problema. Esto puede incluir una serie de conceptos verbales o visuales, así como una gran variedad de propuestas de diseño, imágenes y propuestas de color, así como varias opciones de tipografías.

Necesita variedad para dar gusto a sus preferencias personales: “A ver pon este logo, con esta tipografía”, ¿Por qué no le pones el color de la propuesta uno a la propuesta tres”, ¿Y si colocas este encabezado, pero usando los colores de la propuesta dos? ¿A poco no les suena familiar este escenario? También es probable que insista en revisiones interminables, con plazos poco realistas: El clásico lugar común “Lo quiero para ayer…” con la consecuente perdida de tiempo.

Teóricamente, un gran número de ideas debería asegurar un gran número de opciones, pero estas opciones son esencialmente cuantitativos. Esta práctica es muy común y desconcertante ya que es una gran perdida de tiempo. Desalienta la espontaneidad, fomenta la indiferencia y a menudo produce resultados mediocres, poco interesantes e ineficaces. En resumen, las buenas ideas no suelen llegar en racimos.

Uno de las soluciones para combatir esta mala práctica consisten en hacer respetar tu trabajo, la experiencia es una de tus herramientas más importantes. Desafortunadamente los clientes ansiosos y con ganas de obtener mucho y pagar poco (aunque la mayoría de las veces al final acaban pagándolo caro), buscan a diseñadores recién egresados que necesitan aumentar su portafolios como sea y muchas veces trabajan casi gratis.

Sano consejo dictado por la experiencia: Huye como la peste de este tipo de clientes, la más de las veces lo que cobres (si llega a pagarte) no se corresponde con el tiempo invertido.

Bueno, en realidad se trata más bien de una lista con malos hábitos en el diseño de interfaces, y no necesariamente creados por programadores, pero ciertamente me he reconocido en alguno de los puntos y me han hecho gracia. Los cito y comento a continuación:

• Iconos de exclamación en cuadros de diálogo
  Efectivamente, cuando incluimos una exclamación en un cuadro de diálogo no pensamos en que es posible que el usuario vea el mensaje 50 veces al día, con lo que dejaría de ser ese mensaje asombroso y puntual que pensamos en un principio. Hoy en día, muchas aplicaciones utilizan un tono mucho más neutral y cercano para enviar mensajes al usuario.
• Mensajes con dobles negaciones en cuadros de diálogo, del tipo “¿Seguro de que no quieres perder tus cambios?” — Hmm… sí… digooo, no…  También son muy propias construcciones más complejas de la cuenta, paradójicas o inesperadas, como “Su mensaje no se ha enviado, ¿desea descartarlo?”, que ponen a prueba los reflejos de cualquier usuario.
• Orden de tabulación inexistente, o incorrecto, que fuerzan a que la navegación se realice exclusivamente a golpe de ratón. Y especialmente en aplicaciones de entrada masiva de información, el cambio de teclado a ratón y viceversa es terrible. Y para hacernos conscientes de ello, nada como dar vacaciones un rato al animalito y ver lo bien que manejamos determinadas aplicaciones.
• Groupboxes rodeándolo todo… porque hay sitios donde queda bonito, aunque no esté agrupando nada . Me confieso: durante años, he rodeado de groupboxes todo lo que se me ponía por delante, porque me parecía más agradable a la vista. Ahora lo estoy dejando
• Iconos creados en el IDE, je, este es otro de mis puntos fuertes: soy un fiera diseñando iconos desde el editor de Visual Studio. El problema es que, a pesar de lo orgulloso que estoy siempre de mis creaciones artísticas, no quedan bien e incluso introducen un cierto tufillo a cutre en las aplicaciones.
• Utilización de grids, debido a lo que llama Voyce “la enfermedad de considerar que Excel es lo máximo en diseño de interfaces de usuario”, que fomenta la creación de rejillas con controles de lo más potentes y variopintos en las filas de datos (calendarios, gráficos, etc.).
• Message Boxes no implementados, el equivalente en los interfaces de usuario a los TODO en el código fuente D. Buena analogía. Algo parecidos serían los mensajes del tipo “Este mensaje no debería aparecer nunca” que alguna vez he encontrado por ahí, auténticos actos de rebeldía contra sus respectivos creadores.
• Uso excesivo de cuadros de diálogo, incluso en situaciones en las que perfectamente podríamos obviarlos por no ofrecer información útil para el usuario, que no va a poder entender, o donde no se requieren decisiones por su parte.

  Esto es algo muy frecuente de ver. Por ejemplo, el otro día accediendo a una aplicación web para la que es necesario contar con certificado digital, me saltó la alerta que muestro a la derecha:

  Sí, probablemente los componentes Java necesarios para la autenticación y firma electrónica hayan sido detectados con éxito, pero… ¿realmente era necesario interrumpir mi navegación para informarme de ello? ¿Un usuario, sabrá interpretar el mensaje? Y en cualquier caso, ¿le aporta algo? No sé, no sé… me da que es un alert() creado por un desarrollador durante las pruebas y que al final se quedó ahí para la posteridad.

Hasta aquí las citadas en el post original, aunque siguiendo en la misma línea, puedo añadir algunas más de propia cosecha:

• Cuadros de diálogo con mensajes y botones inconsistentes. Mensajes del tipo “¿desea cancelar la operación?” en cuyo pie aparece un botón “Aceptar” y otro “Cancelar” siempre me dejan pensando un rato. Si pulso aceptar, ¿estoy aceptando la cancelación, o justo lo contrario?… Muchas veces, parece que sólo podemos confiar en el azar.
• Cuadros de mensaje con demasiados (o demasiados pocos) botones. No siempre atendemos a laLey de Hick, que nos dice que “el tiempo que se tarda en tomar una decisión aumenta a medida que se incrementa el número de alternativas”, y eso nos lleva a crear cuadros de diálogo con muchos, demasiados, botones que el usuario debe estudiar.

  Y justo en el lado contrario, pero igualmente desconcertantes, son los cuadros de diálogo de introducción de datos sin ningún botón de aceptación, en los que su cierre (con la X de la esquina superior) implica el salvado de datos.

• Interfaz descuidado. Y no hablo de bonito o feo, términos bastante subjetivos, sino de descuidado: controles sin alinear, con tamaños no proporcionales al contenido pretendido, sensación de desorden, faltas de ortografía… Esto no es un problema de interfaces creados por desarrolladores, sino creados por gente que no pone el más mínimo cariño en lo que hace, independientemente de su puesto de trabajo.
• Interfaces monocromos, mi especialidad. Como inútil reconocido en temas de diseño, me considero absolutamente incapaz de crear algo medio aparente con más de un color (eso sí, empleando distintas tonalidades ). Nunca he entendido la compleja lógica que hay detrás del “eso no pega con aquello”, que algunos/as parecen dominar de serie.
• Controles con trastorno de personalidad. Un clásico es encontrar un grupo de checkboxes actuando como un grupo de radios. A ver, si sólo vamos a poder elegir una de las opciones, ¿por qué no usamos directamente el control específicamente ideado para ello? ¿Y un desplegable con las opciones “Activar” y “Desactivar”? ¿No sería más claro poner un checkbox?

Artículo original: The 7 signs your UI was created by a programmer

Como el artículo originalmente se encuentra en inglés aquí les envío una traducción con los puntos que consideré más importantes, pero como siempre les recomiendo que lean el escrito original ya que es excelente. Los ejemplos que se encuentran en el post son de sitios que utilizan estos consejos correctamente, para visualizar qué se está queriendo decir.

10 errores comunes en diseño web que deberíamos evitar

Sitios abarrotados de imágenes e información

El espacio vacío o espacio negativo, aquellos espacios que se encuentran sin contenido son una herramienta muy importante en el diseño. Afecta cómo los usuarios perciben la importancia de los distintos elementos. Suficiente espacio en blanco debe ser utilizado entre nuestras columnas, los diferentes elementos de página e incluso entre las letras individuales, líneas y párrafos. Tanto los componentes como el espacio vacío deben ser considerados como elementos de igual relevancia en el diseño completo.

No debemos poner demasiado en un solo lugar o una sola página. Muchas veces es mejor tener más espacios cortos que uno solo largo y que contenga información que no es relevante.

Contenido nuevo difícil de encontrar

Al menos que los sitios que estamos diseñando sean completamente estáticos, es relevante mostrar y dar relevancia al contenido nuevo. Aquellos usuarios que regresan estarán interesados en qué ha cambiado desde su última visita. Esto es algo que se hace automáticamente en los blogs, pero deberíamos tenerlo en cuenta para todo tipo de sitios.

Las formas de hacerlo son muchas, podemos tener una sección específica de contenido nuevo, o enlazarlo a través de textos y darles relevancia en la página principal. Lo más importante es hacer que esta información sea de fácil acceso para nuestros usuarios.

Enlaces de difícil acceso

Necesitamos que los enlaces se distingan fácilmente del resto de los elementos, ya que son uno de los elementos más importantes del sitio. Aquí deberemos tener en mente dos cosas: primero, asegurarnos de que los enlaces se diferencien del resto del texto. Podemos hacerlo con colores, subrayado o cualquier otro atributo de texto que se nos ocurra, (Broma del autor: todo menos el texto intermitente ). Lo segundo a tener en cuenta es no hacer que el texto regular de lectura, se asemeje a los enlaces, no debemos subrayar los textos si no son hipervínculos, ya que puede prestarse a confusión.

Utilizar formatos incorrectos de imágenes

Es importante conocer las características de cada formato de imagen para saber cuál utilizar en cada caso, ya que esto puede afectar que no se vean como deseamos o bien que pesen más de lo adecuado. Los formatos para utilizar en línea son JPEG, GIF y PNG.

El caso de JPEG es excelente para visualizar millones de colores y sombras ya que reproduce el color en 24 bits. La contra de utilizar este formato es que si necesitamos que pese menos, pierde calidad. Además no se puede utilizar transparencia por lo que la imagen siempre será recta.

Si hablamos de GIF, deberemos tener en cuenta que solo reproduce color en 8 bits (256 colores en total). Esto significa que no puede utilizarse para imágenes con degradados. Pero si contamos con imágenes de colores planos podemos obtener muy buen peso de compresión casi sin perder calidad.

Finalmente el formato PNG abarca fotografías y gráficos. Permiten transparencias, siempre y cuando los exploradores lo permitan, lo que les da una ventaja frente al GIF. Y no pierden calidad de compresión por lo que le ganan al JPG. Permiten reproducir imágenes de 8 y 24 bits por lo que pueden reemplazar los formatos anteriores. Los PNG no son tan buenos como el JPG pero si son mejores que los GIF.

Dejar el título por defecto

El título que viene por defecto en Dreamweaver es “Untitled Document”. Es un error muy simple de arreglar que no debería ocurrir.

Muchos CMS utilizan el nombre del sitio y bitácora como el título por defecto de todas las páginas. Algunos agregarán el nombre específico, pero no todas. Deberíamos asegurarnos de que todos los nombres de las páginas en nuestro sitio contengan un título único individual, y que aquellas con contenido específico muestren esa especificidad antes que el título.

Menú de navegación difícil de utilizar y encontrar

La navegación debe ser visible para nuestros usuarios, tanto para localizarla como para utilizarla. Si bien hubo una moda que intentaba esconder la navegación para integrarla al diseño, artísticamente puede ser una buena práctica pero no es amigable para el usuario.

Aún utilizando menúes desplegables podemos hacer el sitio menos amigable. Necesitamos que nuestros visitantes encuentren exactamente lo que están buscando con el menor esfuerzo necesario.

Utilizar tamaños predeterminados de letra

Debemos asegurarnos de que los usuarios puedan modificar el tamaño de los textos basados en sus propias preferencias. Esto se realiza a través de la utilización de los tamaños EM en lugar de los basados en pixeles (los que vienen por defecto). Es algo relativamente simple de solucionar y mejora el uso y acceso del usuario.

Propuestas difusas del sitio

Los usuarios deben saber inmediatamente de qué se trata el sitio, no importa en qué página aterricen. Esto puede lograrse a través del uso de etiquetas o indicaciones similares a través de los títulos de página, o bien en los encabezados de las individuales. De cualquier manera, debemos asegurarnos que el objetivo sea visible al lector desde los primeros segundos en los que llega a nuestro sitio.

Utilizar colores fuertes

Los colores llamativos, en especial aquellos muy contrastantes, pueden despreciar la visual de nuestro sitio. No queremos hacer nada que provoque que el usuario deje nuestro sitio. La irritación visual algo que hará que muchos dejen nuestras páginas a raíz de los contrastes de colores. Nuestro sitio debe mostrar su contenido y evitar cualquier cosa que haga perder la atención a su meta.

Anuncios publicitarios mezclados con el contenido

Según la autora del post original, los anuncios de publicidad deben estar separados del contenido del sitio. Etiquetar nuestros avisos publicitarios tendrá completo sentido para nuestros usuarios y hará nuestro espacio más confiable. Es muy importante con anuncios de texto, es necesario que estos enlaces se encuentren diferenciados de los hipervínculos del sitio.

Tags: Consejos

Escrito por Tamara

Artista multimedios, trabaja desde hace 7 años en varias disciplinas relacionadas con el mundo tecnológico, video, animación y procesamiento de imágenes. Arte y diseño son quienes alimentan su mojo.

El Martes, Agosto 4th, 2009 a las 17:15 y fue guardada bajo Diseño.