Beyond Design Events

Last 30th of May took place “Beyond Tiles” an event in Madrid drived by Arturo Toledo. As it promised

WIndows 8 and Windows Phone are more than just tiles 

Find below some of the most interesting links which where referenced during the 1-day session.

Books

Icons

Mobile development

Inspiration

Personally, I’ve found it one of the best design event I’ve attended ever. First of all because it talked about design history not only about the last 4 weeks technology history, which provide a real rationale to the current design approach of Microsoft and beyond. Secondly, it didn’t mention one hundred times the word Bauhaus and I love colours, but he really provided lots of examples where Swiss design beats any trend with a solid style and aesthetic. 

Although I still don’t agree that airport signals is a good argument to be presented as a  Modern UI inspiration I entirely agree with the vision of simplicity and content presentation.

Finally, we also had the opportunity to talk with Arturo Toledio and Brady Voss who also presented a short but promising session. 

Buenas prácticas UX para desarrolladores (Android)

Una de las secciones que más me gusta de las guías de estilo para desarrollar aplicaciones Android es la titulada “Best Practices for User Experience & UI”. En este apartado se recogen recomendaciones y buenas prácticas para que al construir tu app te asegures que está bien hecha y satisface a los usuarios a los que la diriges.

La razón por la que me gusta es porque está incluida bajo la sección de Develop > Training lo cual indica que si bien un desarrollador no tiene por qué ser experto en Experiencia de Usuario, considerar al usuario como parte del desarrollo le facilitará alcanzar un grado de calidad mayor en sus desarrollos.

Los puntos que recoge esta sección son los siguientes

  • Diseñar una navegación eficaz
  • Implementar una navegación eficaz
  • Notificar al usuario
  • Añadir una funcionalidad de búsqueda
  • Diseñar para múltiples pantallas
  • Diseñar para la televisión
  • Crear vistas personalizadas
  • Crear interfaces de usuario con compatibilidad hacia atrás
  • Implementar accesibilidad

Aunque se podrían añadir y matizar, estas subsecciones destacan la necesidad de que el código y la funcionalidad involucrada en una app deben existir también para dar soporte a una buena usabilidad y experiencia de usuario. Este no es el debate de si “las experiencias se diseñan” o no, pero de ser así, estaríamos diciendo que, desde luego, también se programarían, puesto que la calidad del producto final determina la relación a largo plazo entre éste y el usuario y por tanto las potenciales experiencias que pudieran obtener mediante su uso.

Porque, al final, de esta ensalada todos/as deberíamos picar.

Otro post relacionado:

Técnica de Card Sorting con UXSORT 

Otra semana más publicamos un nuevo vídeo para nuestro canal de UX en Training Bubbles, esta vez hablaremos de Card Sorting y de una de las pocas herramientas existentes para escritorio: UXSORT.

UXSORT es una herramienta gratuita disponible para Windows que nos facilitará la ejecución de la técnica Card Sorting, imprescindible para definir buenas arquitecturas de la información centradas en las necesidades de nuestros usuarios objetivos.

Sin ser éste un software demasiado cargado de funcionalidad, UXSORT termina resultando muy útil para analizar la relación jerárquica entre diferentes items de acuerdo con el modelo mental de los usuarios participantes de la prueba. Además, permite la visualización de resultados mediante un dendograma con el que podremos jugar para extraer más información de los resultados.

No dudéis en dejarnos vuestros comentarios sobre este u otros vídeos.

Dispositivos móviles ¿Quién necesita un formulario?

Uno de los múltiples motivos por los que la experiencia móvil se ha ido popularizando con los años es por las enormes posibilidades que permite la portabilidad de ciertas capacidades: hay quién dice que la mejor cámara de fotos es la que uno lleva encima.

Si bien es cierto que cuando se trata la necesidad de incluir formularios en un dispositivo móvil en seguida nos vienen a la mente mil y una razones para no hacerlo: se requiere mucho tiempo y puede resultar muy frustrante para los usuarios el uso de teclados reducidos para escritura. Pero ¿quién necesita un formulario?

Si los dispositivos móviles conectados a internet dan acceso a multitud de servicios en cualquier momento  ¿por qué no aprovechar sus capacidades únicas para saltarse las barreras que imponen los formularios estáticos accedidos desde el escritorio?

Los gestos pueden ser un buen mecanismo de entrada de datos así como el reconocimiento de voz cada vez más mejorado en los dispositivos Google Nexus y Siri para iOS. Cada vez nos encontramos más el uso de reconocimiento de la localización del dispositivo o el de la cámara para reconocer objetos (p.e. Google Goggles) los cuales proporcionan a los usuarios un acceso directo a la información. Es en ese momento cuando el dispositivo móvil se convierte realmente en una herramienta que te proporciona información en lugar de en un sistema que demanda y pregunta al usuario.

Cuando estemos diseñando para móviles una buena estrategia es plantear alternativas a los formularios a través del uso de las capacidades para capturar la información de una forma más simple. Aquí os dejo una lista que el autor Luke Wroblewski compartió en el evento UI16 (2011).

Capacidades

  • Posicionamiento y movimiento (acelerómetros)
  • Giroscopio
  • Detección de localización
  • Sensores multi táctil
  • Orientación: dirección de un compás digital
  • Vídeo e imagen: captura desde la cámara
  • Cámaras duales: delantera y trasera
  • Audio: entrada de micrófono, salida de altavoces
  • Conexión entre dispositivos: Bluetooth
  • Proximidad: acercamiento del dispositivo a objetos físicos
  • Luz ambiental: detección de ambiente claro/oscuro
  • NFC: Near Field Communication a través de lectores RFID

UX in Spain (II)

As the second year of the UXSP event I’d like to share with you my impressions about it. This time I won’t talk about the speakers, the conferences or the labs but about the real value of this meeting point for professionals: the people who attended.

UXSpain 2013 was again a place of reunion of professionals, there were time for chatting (coffee breaks of 45’ ease to find the “right” moment), there were also time for discovering someone new (great results of the new Lab format was introduced this year) and also time for laughing (drinks on night do their job as well).

I’ve been very pleased to know in person the most of the people that I follow on Twitter, also, I finally introduced myself to people who even didn’t know me – don’t know how pleasant was that for them but I enjoyed anyway. And of course, I met again with some of the mates that I first-time met in the last edition and missed many others who couldn’t come back.

But I have to say it: knowing people it wasn’t easy for me. Don’t know how good people’s social skills are but for me, it’s still weird interrupting speakers in the hall, stopping ‘gurus’ to say ‘hi’ and asking for “looking for me if they want”. I think this is not a problem of the event, but since it’s named a “meeting event” I believe that knowing people might be the most important appeal.

How to deal with that for next year? I do not know. I still wonder not what I am doing wrong but isn’t that way how it should be?

If I can make you/myself a suggestion: share your stuff. If I want to be known by you it’s due to the UX-stuff that I do and if I want to remember you it is for the same (unless you are the sister of… ;))

So, next year I expect to know more people and to feel odder with them, too; but what I really wish is a third edition of UXSpain to have that opportunity.

Adobe Fireworks team Q&A

Is Adobe proposing that existing Fireworks customers switch to Photoshop?

Photoshop is a major part of the design process, but we know that Fireworks offers something unique that has made it an essential part of the web designer’s toolkit. While Photoshop is continuing to add features and workflows to support web designers, whether or not it is a good replacement for Fireworks will depend on individual needs and preferences.

What new tools is Adobe proposing to create for web design?

Adobe has embarked on creating a new collection of tools and services aimed at addressing the needs of today’s web designer – we’ve started with focusing on responsive layout, web animation and HTML, CSS and JavaScript code editing and are delivering new Edge tools to address these use cases. We are actively working on next-generation solutions for screen design and prototyping that we hope our existing Fireworks customers will love.

Read more, last update May 7, 2013.

Recursos compartidos con Balsamiq Mockups for Desktop

Como sabéis y comentamos hace unas semanas en este vídeo de introducción, Balsamiq permite la configuración de un directorio compartido para los recursos (assets) de todos tus proyectos  a través del directorio  denominado “Account assets”.

Generalmente, cada proyecto mantiene una estructura de dos niveles como se muestra en la captura.

image

Sin necesidad de configuración, los símbolos guardados bajo el directorio “assets” son accesibles bajo la categoría “Project assets”. De forma adicional a este directorio, Balsamiq permite configurar otro directorio para ser compartido no sólo entre tus proyectos, sino incluso entre varios usuarios si éste se encuentra en un directorio en red.

Para ponerlo en funcionamiento tendremos que seguir los siguientes pasos:

  1. Crear un directorio llamado “Balsamiq Mockups” en la ubicación deseada, p.e. “C:Documents And SettingsAdministratorDesktopBalsamiq Mockups”
  2. Crear un subdirectorio bajo “Balsamiq Mockups” llamado “assets”
  3. Crear un archivo con un editor de texto con el nombre BalsamiqMockups.cfg (asegúrate que es texto plano) y guardarlo en el directorio local de datos.
  4. Editar el archivo y añadir el siguiente contenido

<config><documentsPath> C:Documents And SettingsAdministratorDesktop </documentsPath><config>

Existen otras opciones de configuración que pueden añadirse a este archivo, como, por ejemplo, elegir el código de color exacto para los elementos resaltados o activos, la tipografía o el uso de cookies.

Con el uso de recursos compartidos por fin podremos reutilizar elementos generados entre varios miembros de un equipo incluso si éste está deslocalizado. Otro uso interesante es la creación de una librería propia de patrones, muy útil para mantener un mismo vocabulario visual entre varios proyectos.

Prototipar aplicaciones Windows 8 con PowerPoint

PowerMockup ofrece un kit gratuito (y otro más completo de pago) para realizar mockups de aplicaciones Windows 8 en PowerPoint en cuestión de minutos. También incluye assets para diseñar otro tipo de aplicaciones como sitios webs o apps móviles.

image

Y es que PowerPoint es de hecho una de las herramientas más populares para hacer wireframes y prototipos low-fi. Permite diseñar interacciones, animaciones, crear tu propio stencil, etc.

Lo extraño es que no sea Microsoft quién promocione este tipo de utilidades sino otra firma, Wulfsoft de Andreas Wulf, en cualquier caso es más que bienvenido y ofrece una oportunidad ideal para diseñar con una herramienta a la que muchos estamos familiarizados.