Fue amor a primera vista.

En la era de grandes botones de colores vibrantes, interfaces gráficas, logos con reflejos y indicadores 1-2-3 que me dicen cómo hacer las cosas, me he encontrado con goosh.org, una interfaz similar a la de Unix (o para mi, como la del viejo DOS) donde se pueden realizar casi todas las cosas que ofrece Google.

Por ejemplo, escribiendo “places barcelona spain”, me muestra instantáneamente el mapa de Google con Barcelona en el medio.

Dejo de escribir y me voy a seguir goosheando.

(via Emily Chang)

Tags: wordpress

12 años han pasado desde mi primera web, y no recuerdo ni una sola de ellas que no haya incluído un formulario - aunque sea una simple caja de búsqueda.

Es por esto que aprecio aún más el fantástico trabajo que ha realizado Luke Wroblewski en su libro “Web Form Design: Filling in the Blanks“.

Como ocurre con cualquier libro “generalista” - aunque sea dentro de un tópico muy concreto- está más inclinado a los principiantes. Me hubiese gustado ver un proceso entero ilustrado para el diseño de formularios realmente complejos, pero los casos que ilustra y comenta ayudan a “unir los puntos” y formarse una buena idea de los puntos realmente importantes a tener en cuenta.

Podría tratarse hasta cierto punto de un libro de “patterns”, pero para ello también le haría falta más ejemplos de cada caso o punto.

Habiendo dicho esto (es que siempre se puede pedir más! ), es un libro que sin duda tendrá un lugar destacado en mi librería de referencia. Todos los años de experiencia no ayudan a que con las prisas o, justamente por demasiada confianza, a veces se dejen puntos vitales de lado.

El libro se adquiere directamente de la tienda de Rosenfeld Media (aún cuando comprando a través de Amazon), y ofrecen también la descarga digital gratis al comprar el libro. La entrega fue un placer - 2 días laborables desde momento de la compra online hasta la entrega en Barcelona (están basados en Nueva York).

Tags: diseño • wordpress

Leí esta mañana en TechCrunch (y una hora más tarde en Error500) que Adobe ha lanzado Acrobat.com, siguiendo el camino de aplicaciones para el escritorio virtual iniciado con Photoshop Express.

Acrobat.com ofrece colaboración online, habilidad para cargar y compartir documentos, un generador de PDFs y un procesador de texto, todo con una interfaz Flash similar a la de Photoshop Express.

Como usuaria y consumidora habitual de gadgets que mejoren mi productividad (así tengo más tiempo libre para buscar más gadgets), me entusiasma porque tiene una experiencia de uso agradable, elegante pero divertida (aunque por momentos me recuerda a otros programas, entre ellos iPhoto

La he probado para crear documentos (que puedo guardar como PDF nativo y editable, .doc o .docx, entre otros), subir y compartir documentos (muy rápido y sencillo), para crear un PDF (aunque sólo admite unos pocos formatos habituales - mis Visio quedan fuera).

En cuanto a la herramienta de colaboración virtual, he hecho un petit test entre mi portatil Dell y mi iMac y estoy francamente impresionada. Ofrece videoconferencia, notas compartidas y chat (mensajes privados una opción). Hay que decir que pesa, y hay cierta demora que varía según la conexión. Pero vale, funciona, y tiene una experiencia de uso muy superior a la de Zoho.

Si bien queda mucho por jugar testear, es una opción válida que le planta firme cara a Google Docs (que uso porque es estable, tiene una buena experiencia de uso) y a Zoho (que me gusta por la variedad de aplicaciones que ofrece - incluyendo todo lo que ofrece Acrobat.com sans PDF, pero cuya interfaz me gusta bien poco).

Echo a faltar en acrobat.com la posibilidad de crear presentaciones o hojas de cálculo (para lo cual uso Google Docs, mientras la interfaz de Zoho sea como es), pero agradezco la conversión a PDF (aunque se ve que power-users terminan pagando por ciertas funcionalidades)

Queda por ver si Google tiene pensado extenderse en el area de colaboración audiovisual / compartir escritorios o si Adobe tiene pensado incluir presentaciones u hojas de cálculo.

Google Docs sigue siendo el ganador para creación y edición de documentos, y lo seguiré usando, pero Adobe con Acrobat.com acaba de poner en la mesa virtual un producto muy válido que me ha impresionado y convencido lo suficiente para incorporarlo en mi caja de herramientas y será mi próxima elección de colaboración virtual en tiempo real.

Tags: conversión • wordpress

Me encanta el formulario de registro de digg.com por el inteligente uso de capas para ir dando ayuda al usuario.

Limpio, sencillo, hasta que se hace click en uno de los campos…

Y aparece una capa con la ayuda… Muy elegante.

Otra opción no tan elegante es la de Photobucket.com

Si bien también aparece la ayuda debajo del campo, no tiene el ícono Info (un detalle que me alerta que hay algo que me ayuda), y tiene la etiqueta gigante a la derecha, demasiado lejos del camino visual del ojo (arriba-abajo)

Lo que SI me gusta de Photobucket es que permite copiar el contenido de un campo de texto con sólo hacer click en el campo - muy útil porque el campo tiene más texto de lo que muestra… Al principio desconcierta, pero el aviso es tan claro que te preguntas cómo es que no se ve más a menudo.

Etiquetas: ayuda, Formularios, help

Tags: diseño • wordpress

Artículo sin nada nuevo, pero vaya que fabulosa agrupación de técnicas.

• Técnicas de interacción con el usuario: Reunión, entrevista y encuesta, diseño de escenarios y diseño participativo
• Técnicas de interacción con el contexto: Evaluación de productos similares y Análisis de la Competencia.
• Técnicas matemáticas (co-ocurrencia): Organización de tarjetas (card sorting) y Análisis de Secuencia.
• Técnicas de representación de información: Diagramación, representación de etiquetas y Prototipado (creación de maquetas).

El artículo explica las diferentes técnicas. Fantástico para newbies, y bueno para explicar a nuestros clientes.

http://www.nosolousabilidad.com/articulos/tecnicas_ai.htm

Tags: diseño

Este artículo habla de algo que he personalmente hecho unas cuantas veces: entrevistar al personal de call centers, comerciales u otros cuyo trabajo sea tratar con los clientes / usarios de manera constante (en situaciones donde no se tiene acceso a entrevistas con el cliente)

Nada puede reemplazar a oir al usuario en vivo y en directo, pero este método tiene dos ventaja: 1) es “barato”: no hace falta presupuesto adicional para entrevistas con clientes y 2) un empleado de call center puede resumir qué quiere el cliente, que le piden, que no les gusta, que necesitan, de una manera que pocos usuarios pueden articular durante un test de usuarios (la entrevista previa al test de usuarios, al fin y al cabo, es una situación burbuja donde a veces se le pide al cliente que especule sobre lo que haría, le gustaría, o que recuerde lo que ha hecho)

Algo a destacar: el empleado al que se entreviste debe ser uno sin intereses políticos que tiñan su opinión - el cual es el caso de un product manager, que tal vez haya diseñado un producto o servicio, o el de un sales manager, que sea responsable de la performance del producto/servicios. Además, debe ser un empleado con un considerable tiempo de experiencia, razonablemente “despierto” - es decir, que no sólo se limite a leer la lista de posibles respuestas sino que sea proactivo en su desempeño diario.

¿Qué opináis?

http://www.boxesandarrows.com/view/extreme-user

Tags: adwords • política

Tags: analytics • métricas

Tags: Amazon • experiencia de usuario

Dentro de su nuevo "Open Social" Google ha publicado los 10 preceptos que según ellos deberían guiar el Diseño Social. Interesante. http://code.google.com/apis/opensocial/articles/bestprac.html
Tags: web 2.0

Un menú normalito, pero onMouseOver se ve la cantidad de items dentro de cada categoría. No sólo para blogs, pero para sites donde importa saber cuántos elementos hay dentro de cada categorias (tiendas online, por ejemplo, pero donde tener tantos números puede "ensuciar" el diseño http://www.coolhunting.com
Tags: experiencia de usuario • Usabilidad

Yahoo ha actualizado la UI de su Pattern Library. Mucho más fácil encontrar patrones, y como siempre, dónde aplicarlo, cuándo aplicarlo y temas de accesibilidad relativos a cada patrón Un must parala "Caja de herramientas AI UX" http://developer.yahoo.com/ypatterns/index.php
Tags: desarrollo • patrones

http://www.lukew.com/resources/articles/PSactions.asp Interesante artículo para debate sobre cómo mostrar los botones submit cancel. Para mi gusto, un poco limitado en opciones, pero es un buen comienzo para el debate. Os invito a leer el artículo y postear comentarios, qué opción os parece mejor y por qué, qué opciones no se mencionan aquí (hay un par que se me [...]
Tags: experiencia de usuario • Usabilidad

Tags: Música

Tags: Tecnología

Tags: google

Tags: curiosidades

Tags: proyectos • web 2.0

Tags: web 2.0