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.

Windows 8 UX – “Primeras impresiones”

Una de las mejores cosas que se enfatizan en las guías de estilo de Microsoft para diseñar aplicaciones Windows 8 es la importancia que se debe considerar con la “primera impresión” de nuestra solución.

Sugieren varias formas de conseguirlo teniendo en cuenta el concepto y arquitectura de las aplicaciones dentro de su nueva metáfora visual (conocida también como Modern UI).

image

Tiles y Notificaciones

Los tiles son la cara de tu aplicación y hace resaltar tu identidad de marca. Las notificaciones relevantes siempre devolverán al usuario a tu aplicación.

Si tenemos en cuenta que “tu tile” debe ser distinguible entre una buena lista de tiles es importante mantenerlo lo más simple y nítido posible. No sabemos si con el rumor de “abandonar” la actual pantalla de inicio de Windows 8, los tiles van a perder fuerza. En cualquier caso, espero que nunca se retracten de los Live Tiles, seguramente su propuesta más original.

Pantalla de bienvenida (Splash Screen)

Expresa la personalidad y debe cargar tan rápido como sea posible.

Existe cierta confusión entre la resolución que las guías recomienden y el resultado final del logo. La imagen usada en la splash debe tener una resolución 620×300 píxels, lo que no quiere decir que el logo deba ajustarse 100% a esa resolución. En cualquier caso existe total libertad para aprovechar cada pixel como se quiera.

Primer uso (first launch)

Darle al usuario contenidos de ejemplos para que sepa cómo usar la aplicación.

Teniendo en cuenta que cualquier barra de herramientas podría estar oculta por defecto y que los contenidos mandan, los ejemplos de contenidos son un buen punto de enganche.

Sin embargo no estoy muy convencida de que esto pueda aplicarse a aplicaciones en las que el usuario debe generar contenidos o, por ejemplo, en juegos. En este caso, seguiría el patrón de gratificación instantánea y para ello tendríamos que conseguir que el usuario hiciera o interactuara con la aplicación fácil y rápidamente y ser compensado por ello, y no relegarlo simplemente a que viera o fuese espectador.

Página de inicio (Home page)

Usa el contenido justo para mostrar para qué está hecha tu aplicación.

Si tu aplicación está totalmente orientada a contenidos éste debe ser el punto donde ofrecer esa muestra que pertenecería al primer nivel de jerarquía de la arquitectura de la información. Por supuesto, no os olvidéis de que existe el Semantic Zoom y si los contenidos no hablan suficiente de vuestra estructura el usuario siempre podrá hacer “pinch” (zoom out) y verlo todo un poco más claro (a partir de su etiquetado).

La combinación de todos estos elementos refuerzan, como decíamos, el empeño en generar una buena impresión y dejar claro por qué tu aplicación es la mejor para el propósito que se diseña. Aunque están fuertemente ligados al modo de funcionamiento de una app para Windows 8 son extrapolables a cualquier otro estándar, no hay más que ver cómo han evolucionado los patrones en otras plataformas en los que los contenidos recuperan su reinado.

Using Google Keep for need finding

Many (mean) words have been said since the launch of Google Keep, but rather to analyse the next Google failure I’d like to consider this as an opportunity and share with you how do I professionally use Google Keep.

As you already know, need finding is an approach used by designers of different fields to research and understand better people’s needs. There are two basic kinds of need findings: observations and interviews.

Observing people, your potential users, and their behavior require spending time patiently watching, and waiting for something interesting to happen.  However there are multiple occasions that nothing happens or we are simply not in the right place on the right moment.

For those situations is when Google Keep can be helpful. Either if you suddenly start watching an unusual scene, or there’s something that catch your attention, Google Keep could be used to

  • Capture the scene by adding a picture
  • Repeating people’s comments by transcribing  them
  • Grouping and relating notes by using different colours

You don’t need to plan it neither to know what you’re looking for. For me it’s not something I’d like to mix with any other note-taking tool just because I don’t expect to classify it or organize it. I don’t even think they have any value in the future but it’s my reminder that something surprised me, and a problem – again, an opportunity – may emerge for those notes.

It has passed just few days since I’m using it in this way, every time I see something related with the topic I’m researching I just capture the moment expecting to find the needs.

Google Keep keeps it simple, and its lacks of functionality is not a lack of utility, actually it is a motivation to try to behave as a real user experience observer/designer.

Of course, if you’re using it for a different professional purpose, I’d love to know it 🙂

Lean Documentation: Personas in Twitter

What would you do if you find out that your users are following you on Twitter? Would you read them, listen to them, attend their petitions? 

I’ve asked myself hundred times why we need to create heavy amount of documents even  when we’re using Agile methodologies like Scrum or Lean UX. Documents, in the most classical way are pure literature, graphs, concept maps, sketches (maybe), and tables with data and some lines of code.

Using social networks to document, share and make content alive might be a good strategy for a long life and fast-pace changing project.

One funny example is the Cat User Story twitter profile. Of course, it is made for un, but it could be found both funny and useful for some nice projects like animalvitae.com, is your user like after an animal? 🙂

Eventually, I’m an active follower of some real people that looks like “my target users” to know more about them, so why not to create a “fake” profile to support the user requirement definition for a specific design process?

Personas as Twitter profiles

This is only an experimental practice, so here is the list of actions that I’ll try:

  • User personal data
  • User picture – likely smiling
  • Header picture – my user in a daily scene of his/her life
  • Bio – the quote to resume the main goal of the user
  • Followers – Profile where to find additional information about user’s activities
  • Tweets – (daily) User stories, acceptance criterias, and personal and professional details to know the user better.