Blog sobre tecnología, diseño y comunicación

Activo desde 2005 hasta 2019.

La deconstrucción como arte: La fotografía de Todd McLellan

Sebastián Thüer · 16.03.2011 ·

«It all started from a kindergarten finger painting class». Con esta frase el fotógrafo canadiense Todd McLellan abre su nuevo proyecto Disassebled donde experimenta composiciones a partir de desensamblar objetos antiguos como relojes, teléfonos y máquinas de escribir.

La propuesta decontructivista busca crear composiciones gemétricas a partir del ordenamiento lógico de las piezas que componen un objeto. El resultado se acerca bastante a los manuales de armado pero tiene un fuerte dinamismo que a veces nos hace olvidar que estamos frente a un objeto desarmado puesto sobre un fondo.

En la web del autor también se pueden ver videos del proceso de deconstrucción de los objetos.

El iPad como objeto de deseo

Sebastián Thüer · 15.03.2011 ·

El iPad es uno de los dispositivos tecnológicos de más rápido crecimiento en número de ventas de la historia ¿Cómo vender un nuevo gadget a los usuarios que ya tienen computadoras, notebook y smart phones? La respuesta la escribió David Pogue este fin de semana en The New York Times:

«But as it turns out, the iPad’s appeal is more emotional than rational. Once you get it in your hands, you get caught up in the fascination of manipulating on-screen objects by touching them. Apple sold 15 million iPads in nine months, created a mammoth new product category and started an industry of copycats».

El iPad es superfluo. Nadie que tenga una notebook / netbook realmente lo necesita. Sin embargo, no hay usuario que el probarlo no se haya enamorado del producto. Experiencia de usuario, que le dicen.

Anatomía de una landing page perfecta [infografía]

Sebastián Thüer · 12.03.2011 ·

Técnicamente se conoce las «landing pages» (páginas de aterrizaje es una traducción horrible) es la página de entrada del usuario a nuestro producto o servicio. Normalmente, llega aquí luego de haber hecho clic en un aviso, resultado de Google o enlace publicado.

Hay muchas técnicas para persuadir usuarios y generar confianza pero todo puede arruinarse si no hay un buen diseño que permite ver con claridad cuál es la propuesta, su valor diferencial y permitir realizar la acción del usuario de forma rápida y efiza.

Esta infografía analiza algunos de los elementos más comunes de este tipo de páginas a la cual hay que prestarle especial interés porque de ella dependen que muchos empleados de empresas con negocios en la web cobren su sueldo a fin de mes.

Vía KissMetrics.com

Wallaby, herramienta para convertir Flash a HTML

Sebastián Thüer · 11.03.2011 ·

Finalmente Adobe lanza Wallaby, una herramienta para convertir archivos Flash a HTML. Mientras la disputa entre Flash y Apple sigue la solución que presenta Adobe -en beta, por ahora- parece más un parche destinado a que no la enorme cantidad de avisos que hay en Flash no queden fuera de iPhone / iPad.

El funcionamiento de Wallaby es algo limitado: no soporta programación, audio, video -a no ser que esté en formato H.264- ni efectos avanzados de renderizado 3D. En otras palabras, los juegos y aplicaciones que exprimen el potencial de Flash se quedan fuera.

Sin embargo, pueden verse beneficados los diseñadores de banners y piezas publicitarias para la web que en general suelen tener mayor simplicidad técnica. Al menos, para no tener que comenzar un proyecto de cero cuando las empresas reclaman ser visibles en los dispositivos que marcan tendencia.

Ubicación y diseño de botones en cuestionarios online

Sebastián Thüer · 10.03.2011 ·

En apariencia, ubicar un par de botones debajo de una encuesta para continuar o retroceder es una decisión sencilla. Tiempo atrás publicaba un post sobre la usabilidad y los botones atrás / adelante donde cuestionaba la solución que una prestigiosa consultora había implementado: ubicar el botón de siguiente a la izquierda, en lo que parece un lugar anti natural y extraño.

Ahora llega la evidencia a través de un estudio elaborado por Mick Couper, de la Universidad de Michigan y Reg Baker, de la consultora Market Strategies International. Los investigadores publicaron el artículo Placement and Design of Navigation Buttons in Web Surveys donde reconocen que la simple ubicación de estos botones es un tema de discusión y que hay muchas diferencias de criterio.

La decisión más habitual es colocar el botón siguiente a la derecha. Así lo hacen los navegdores web, los buscadores como Google y es normalmente como se paginan las pantallas en la web. Colocar el botón siguiente a la izquierda sigue otra convención: seguir los lineamientos de la interfaz de Windows que siempre coloca la opción más habitual sobre este lado.

Una tercera posibilidad es ubicar ambos botones alineados a la izquierda uno debajo de otro. Finalmente, la cuarta variante es directamente ocultar el botón de atrás lo cual anula la posibilidad que el usuario corrija sus respuestas.

En total, las cuatro opciones habituales son estas:

Siguiente a la derecha, Anterior a la izquierda. — Siguiente a la derecha, Anterior a la izquierda

Siguiente a la izquierda, Anterior a la derecha. — Siguiente a la izquierda, Anterior a la derecha

Siguiente y Atrás a la izquierda con Atrás al final. — Siguiente y Atrás a la izquierda con Atrás al final

Siguiente a la izquierda, sin botón Atrás

El estudio

A partir de los objetivos del estudio y del análisis de investigaciones previas los autores presentaron 5 alternativas diferentes para el colocar los botones en formularios online:

Botón Atrás en el extremo derecho, Siguiente en el extremo izquierdo
mbos botones alineados a la izquierda, primero opción Siguiente
Botón Siguiente a la izquierda, Botón Atrás a la izquierda debajo de Siguiente
Botón Siguiente a la izquierda, Botón Atrás a la izquierda con hipertexto
Ambos botones alineados a la izquierda, primero opción Atrás

El estudio empírico se realizó a través de un muestreo no probabilítisco entre usuarios mayores de 18 años en los Estados Unidos. A ellos se les solicitó que contestaran unas preguntas relacionadas con el consumo de energía. Utilizaron 3 herramientas online diferentes con un total de 1800 respuestas, 600 por cada una.

Los resultados que encontraron los investigadores se resumen en la siguiente tabla (clic para ampliar la imagen):

Tabla comparativa de resultados por variantes.

Conclusiones

En primer lugar, parece no haber diferencias significativas en el tiempo que emplean los usuarios según la diferente distribución de botones. No se pudo verificar que colocar la opción Atrás en un hipertexto para hacerla menos visible sirviera de algo. Por el contrario, la opción 5 registró el menor tiempo.

En segundo término, sí se observaron diferencias entre la cantidad de personas que usan la opción de volver según donde se ubique el botón Atrás. En los 2 primeros casos 1 de cada 5 usuarios usó la opción de volver. En cambio, en los casos restantes el uso cayó a menos de 1 cada 10.

En síntesis, el estudio no permite establecer diferencias sustanciales según la ubicación de los botones. No obstante, hay que tomar nota que los usuarios que participaron del estudio están habituados a responder encuestas online. De todas maneras, la opción más razonable parece ser ubicar ambos botones alienados a la izquierda siguiendo el orden lógico de situar primero Atrás y luego Siguiente.

Estudio original: Placement and Design of Navigation Buttons in Web Surveys. Gracias a Sergio Ortega por el enlace.