Tentándole (interacción)

Un utilísimo atajo de teclado que cualquier Diseñador de Interacción que prototipe interfaces trabajando con Microsoft Visio debería conocer:

A disfrutar de las vacaciones

Las siguientes son algunas de las principales guías de Experiencia de Usuario y Diseño de Interacción para teléfonos móviles, smartphones y dispositivos móviles que he encontrado hasta la fecha:

• dotMobi Mobile Web Developer’s Guide (PDF -600 kb)
• Nokia: Design and User Experience Library v1.6 (en línea)
• Android: User Interfaces Guidelines (en línea)
• Microsoft: Mobile PC User Experience Guidelines for Developers (en línea)
• Iphone: Human Interfaces Guidelines
  • En línea
  • PDF (9.3 Mb)

Cualquier otro recurso que conozcas es bienvenido.

Me gusta Visio, me resulta francamente productivo.

Si lo utilizas habitualmente como herramienta de trabajo para prototipar puedes acceder a algunos controles comunes de la interfaz del entorno Windows escribiendo en el box de búsqueda de la ventana de Formas (menú Ver > “Ventana formas”) la palabra clave:

Curiosamente, se encuentran más elementos predefinidos de la interfaz buscando sólo por “usuario” que por la cadena “interfaz de usuario”. Especialmente útiles son los iconos de los botones de Windows, los iconos de los cuadros de diálogo y la típica silueta de usuario que viene bien en muchas ocasiones (todos ellos señalados con las pequeñas flechas rojas en la imagen):

• Diálogo: muestra entre otros controles los iconos de los cuadros de diálogo (error crítico, exclamación, interrogación e información) y los botones de las ventanas de Windows (restaurar, minimizar, maximizar, ayuda) además de otros controles comunes para el diseño de formularios
• Punteros: muestra entre otros, los punteros del mouse con las acciones más comunes (selección normal, selección ayuda, trabajando en segundo plano, ocupado, selección de precisión, selección de texto, escritura, no disponible, cambio de tamaño horizontal, cambio de tamaño diagonal 1 cambio de tamaño diagonal 2, mover, selección alternativa, selección vínculo).
• Usuario: muestra una silueta de usuario.

También se encuentran directamente buscando por las palabras clave de “diálogo” y “punteros”. Además, entre otras imprescindibles puedes descargarte la conocida galería con el kit de los elementos de Diseño de Yahoo disponible para Visio y Omnigraffle con elementos ya hechos que ahorran bastante trabajo. No está de más saberlo dado que suelen venir bien a la hora de prototipar.

Más galerías:

• una recopilación tanto para Visio como para Omnigraffle y en papel en el blog de DeInterfaz.
• Dos buenas galerías de Michael Angeles para ambos sistemas operativos.

¿Conocéis más trucos, atajos y/o consejos para Visio?

Automatic translation of the text to english

Si trabajas con Excel 2003 hay veces que uno desearía poder utilizar otros colores distintos de los que vienen por defecto en la paleta de colores de la hoja de cálculo para, por ejemplo, establecer una gama cromática armónica de tonalidades que ayude a distinguir visual y rápidamente los niveles jerárquicos de una Arquitectura de Información (profundidad de las secciones y subsecciones del sitio que estamos re/diseñando). Con ello podemos facilitarle el trabajo a la gente de desarrollo y ya de paso, a nosotros mismos.

Aunque en Excel 2007 se puede acceder directamente a la paleta de colores de 16 millones desde el propio icono de la cinta de Office (más conocida como Ribbon) en Excel 2003 no existe la opción en la misma paleta. No obstante, sí es posible acceder a ella para configurar los colores a nuestro gusto, aunque la opción se encuentra un poco más escondida.

Paleta de colores de Excel 2003

Para visualizar la paleta extendida de colores hay que ir al menú “Herramientas > Opciones” y en el cuadro de diálogo que aparece elegir la ficha o pestaña de “color”. En ella se nos mostrarán los colores estándar que se están empleando en la hoja y haciendo clic en el botón de “Modificar color…” aparecerá la paleta extendida de colores. Una opción muy útil para que podamos elegir aquellos con los que nos sintamos más cómodos trabajando o que nos pueda interesar usar.

Ficha de color en el cuadro de diálogo del menú “Herramientas > Opciones” de Excel 2003
para acceder a la paleta extendida de 16 millones de colores de la hoja de cálculo

¿Por qué elegir gamas cromáticas armónicas de color para nuestras arquitecturas o para nuestros diseños si somos diseñadores gráficos? La respuesta para próximos posts quizá

Automatic translation of the text to english

Post actualizado (*)

Buen post de Enrique Dans sobre Focus Groups en redes sociales. Para esto, entre otras muchas cosas sirven las mismas. ¿Que no crean valor? ¿Que no tienen valor? ¿Que Google pierde dinero con YouTube?

:-)

Para mí son una auténtica mina de oro. Las redes sociales son los lugares de la interacción social de las nuevas generaciones. Si eso no es información para jugosísimos estudios de mercado que me digan aquello que sí lo es. Eso por no pensar en muchísimas otras formas de generar valor, al fin al cabo, 150 millones de usuarios como tiene Facebook hoy día (en Europa somos 240 millones por comparar) son muchos muchos millones de personas conversando y generando conocimiento social indirecto e interacciones concentradas en un mismo lugar y trabajando sobre una misma interfaz común que puede permitir generar métricas ciertamente interesantes.

Las redes sociales son pura ingeniería social. Y eso, ya de por sí sólo, representa algo que hasta ahora no había podido ser monitorizado de ninguna forma, a escalas tan grandes de población y con semejantes niveles de granularidad que en pocas otras plataformas pueden darse (descontando las móviles como los teléfonos, el “otro” nuevo campo de batalla de los grandes actores).

(*) Luis Roberto de la Cruz Salanova acaba de mandar a Iwetel un artículo de Baquía en el que hablan de esto mismo:

prometo que no lo había leído antes de escribir el post (Por cierto, asusta un poco lo que está surgiendo)