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. 

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 – “first impressions”

Read the original article in spanish at UXSALAD Blog

One of the best things that Microsoft style guide emphasises to design Windows 8 applications is the importance to make a good “first impression” of our solution.

They suggest several ways to accomplish considering the concept and application architecture within its new visual metaphor (also known as Modern UI).

image

Tiles and Notifications

The tiles are the face of your application and highlights your brand identity. The relevant notifications will always return the user to your application.

If we consider that “a tile” must be distinguishable from a good list of tiles is important to keep it as simple and clear as possible. We do not know if the rumor of abandoning the current home screen of Windows 8  the tiles will lose strength. In any case, I hope never to retreat from the Live Tiles  surely his most original proposal.

Splash Screen

It expresses personality and should load as fast as possible.

There is some confusion between the resolution that recommended guidelines and the final result of the logo. The image used in the splash must have a resolution of 620×300 pixels, which is not to say that the logo must conform 100% to that resolution. In any case there is freedom to take advantage of every pixel as you like.

First launch

Give the user the contents of examples so that you know how to use the application.

Given that any toolbar could be hidden by default and send the contents, examples of contents are a good place to hitch.

But I’m not convinced that this can be applied to applications in which the user must generate content or, for example, in games. In this case, follow the pattern of instant gratification and for that we would have to get the user to do or interact with the application easily and quickly and be compensated for it, and not relegate it simply to see or be a spectator.

Home page

Use the content just to show what it’s made for your application.

If your application is fully oriented content this should be the place where offer that shows you belong to the first level of hierarchy of information architecture. Of course, do not forget that there is the Semantic Zoom and if the contents do not speak enough of your structure the user can always do “pinch” (zoom out) and see everything a little clearer (after labeling).

 

The combination of all these elements reinforce, as we said, the effort to generate a good impression and make it clear why your application is the best for the purpose it is designed. Although they are strongly linked to the mode of operation of an app for Windows 8 are extrapolated to any other standard, there is more to see how patterns have evolved on other platforms where the contents retrieved his reign.

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.