Category: User Experience

#Opinion – You must start to learn to build 3D apps, within 3 years, 2D apps developer will be like Console apps devs today

Hello!

One of the great moments in the history of computing, was the incorporation of graphical interfaces as a mode of interaction with users. This took some time, and actually it was the sum of several scenarios which made this milestone as an important one. For example: computers were beginning to make large scale and because of this, they were cheaper; that allowed Bill Gates’s idea “A computer in every house” to begins to became a reality.

This is also important, until that time the computers were controlled mostly by command line interfaces. Like it or not, this limited lot the use of computers. Today we can say that it was only attainable by “nerds” or “geeks”. I prefer to add it in context and say, those people used to interact with a PC had to know commands, and besides those commands a lot of command arguments. Also was necessary to have a good technical knowledge on how computers worked so they can get to an abstraction level which allowed the to work.

hackerman

Note: Hackerman was ahead of his time.

So well, graphic interfaces started to became mainstream and everything changed significantly. Once a user understand the concept of windows and buttons, everything was more easy. A color palette picture in a button, probably took us to an application to “paint and color”. If you knew what was a printer, you only had to find the printer picture and you’ll get to the print queue. This time, it was also that took the first step to begin to “bury” all those Mainframe applications. Many of those applications were controlled from a console, and they were not buried. What usually happened is someone created “layers on top of them” to make life easier to users.

This brief summary focus, is all this user interaction with computers was a 2 dimensions user experience. We could probably named these new GUIs as 2D Graphical User Interfaces. For a few years, and thanks to advances in hardware, we started to see that we have access to 3 dimensions user interfaces. Virtual reality and augmented reality devices, like Oculus Rift or Hololens, open us a new range of possibilities to be able to interact with computers.

1230610485106897701.gif

Although, the change towards them 2D GUIs is produced during a period of several years, I think the change to the 3D GUIs will be much more faster. Today world is moving faster and the speed with which emerging new options will make this a reality long before what we think.

Within 2-3 years anyone who create apps which interact with users will need to have 3D knowledge

Tumotechc-holographic-display.gif

Caution, I don’t mean 2D apps will not exist any more. We will have a coexistence period , maybe a long time for 2D and 3D worlds at the same time. However, the future will be 3D apps. In my own life, I dedicate some daily time to improve my skills in Unity3D. Unity3D is a tool that was initially thought to create games and which today allows us to create many different types of user experiences: games, education tools, control panels, etc.

Bonus: 2D and 3D apps will continue to live side by side for a long time. As an example, today we can see how we live between 2D apps and command line tools. The geek devs likes to use GIT and prefer to use it from a console. Also, some PowerShell IT managers use PowerShell directly from a console. And it’s been over 30 years since the born of 2D GUIs.

It most likely in 2020 we will a device like the Hololens to work. We will interacting with gestures with 2D and 3D apps, and maybe a wireless keyboard to continue doing in a console of GIT commits.

Greetings @ Toronto

El Bruno

References

#Opinion – Prepárate para las 3D apps, dentro de 3 años, crear 2D apps será como crear apps de consola

áola!

Uno de los grandes momentos en la historia de la informática, fue la incorporación de las interfaces gráficas como modo de interacción con los usuarios. De eso hace ya bastante tiempo, y en realidad fue la suma de varias causalidades la que hizo que este hito fuese importante. Por ejemplo: los ordenadores se comenzaban a fabricar a gran escala, a ser más baratos; eso permitía que la idea de Bill Gates de “Un ordenador en cada casa” comience a ser una realidad.

Otro punto importante es que hasta ese momento, los ordenadores eran controlados en su mayoría por interfaces de líneas de comandos. Nos guste o no, esto limitaba mucho el uso. Hoy podríamos decir que era solo alcanzable por “frikis” o “nerds”. Yo prefiero ponerlo en contexto y decir, que eran personas que comprendían que para interactuar con un PC había que conocer comandos, y además de esos comandos los argumentos de los mismos. Además era necesario tener un buen conocimiento técnico sobre cómo funcionaban los ordenadores para poder abstraerse y trabajar en ese nivel.

hackerman

Nota: Hackerman fue un adelantado a su tiempo.

Pues bien, llegan las interfaces gráficas y todo cambia notablemente. Cuando un usuario comprendía el concepto de ventanas y botones, todo era más simple. Un dibujo de una paleta de colores, seguramente nos llevaba a una aplicación para “pintar y colorear”. Si conocías lo que era una impresora, solo tenías que buscar el dibujo de una impresora y se lanzaba una tarea a la cola de impresión. Este momento, fue además el que dio el primer paso para comenzar a “enterrar” a todas esas aplicaciones que se ejecutaban en Mainframes. Muchas de esas aplicaciones que se controlaban desde una consola, no se enterraron, solo se crearon “capas sobre las mismas” para poder hacer la vida más fácil a los usuarios.

Lo importante de remarcar en este pequeño resumen, es que toda esta experiencia de usuario era en 2 dimensiones. Podríamos hablar de que estas nuevas GUIs, eran 2D Graphical User Interfaces. Desde hace unos años, y gracias a los avances en hardware empezamos a ver que tenemos acceso a interfaces de usuario en 3 dimensiones. Dispositivos de realidad virtual o realidad aumentada, como Oculus Rift o Hololens, nos abren un nuevo abanico de posibilidades para poder interactuar con ordenadores.

1230610485106897701.gif

Si bien, el cambio hacia las 2D GUIs se produjo durante un período de varios años, creo que el cambio hacia las 3D GUIs será mucho más rápido. Hoy el mundo se mueve más rápido y la velocidad con la que están apareciendo nuevas opciones hará que esto sea una realidad mucho antes de lo que pensamos.

Dentro de 2 a 3 años cualquier persona que cree apps que interactuen con un usuario necesitará tener conocimientos de 3D.

Tumotechc-holographic-display.gif

Cuidado, no quiero decir que las apps en 2D dejen de existir. Tendremos una coexistencia durante mucho tiempo de mundos 2D y 3D. Sin embargo, el futuro serán las apps en 3D. En mi caso, intento dedicar tiempo a mejorar mis skills en Unity3D. Una herramienta que inicialmente se pensó para crear juegos y que hoy nos permite crear muchos tipos diferentes de experiencias de usuarios: juegos, herramientas para la educación, tableros de control, etc.

Bonus: Las apps en 2D y 3D seguirán coexistiendo durante mucho tiempo. Hoy mismo podemos ver cómo vivimos entre 2D apps y herramientas de líneas de comandos. Los devs mas frikis usan GIT y prefieren usarlo desde una consola. Los IT managers más fanáticos usan PowerShell también desde la consola. Y han pasado más de 30 años desde que nacieron las 2D GUIs.

 Es muy probable de que en el 2020 utilicemos un device como Hololens para trabajar, interactuando con gestos con 2D y 3D apps, y con un teclado conectado para seguir haciendo commits en una consola de GIT.

Saludos @ Toronto

El Bruno

References

[#PEBBLE] #UX and Pebble (for simple people like me)

Hi!

Marta, a very good friend of mine, is an UX expert. A long time ago she told me a phrase kind of impossible for me. However, if you repeat this phrase to some people you’ll get their attention and some cult, and you’ll become a hipster with beard, Starbucks fun and crazy clothes.

When you design an app you must try to make the color vibrate and controls breath

Someone will probably get it, no me. That’s why, when I get my Pebble I know this world is for me. Let me explain

– no colors, only black and white

– small resolution = 144 x 168 px

– a small set of fonts are supported

– the official design guide suggest the creation of flat apps

– it also suggest a minimalist approach in the Pebble app design

So after this, I know Pebble apps are for me! let’s take a look at this one

image

This app is the sample app included in chapter 4 of the Pebble UX Design Guide)

Download: https://developer.getpebble.com/2/design/

Greetings @ Berlin

El Bruno

image image image Google

[#PEBBLE] Un poco de #UX y Pebble (lo poco que entiendo yo de eso)

Hola!

Mi amiga Marta, que de esto de UX sabe y mucho, alguna vez me dijo una frase que no entendí muy bien. Eso sí, si repites esta frase en determinados círculos pareces un experto hipster aficionado a Starbucks, con barbaca y camisa leñadora

En una app tienes que lograr que los controles respiren y los colores vibren

Ahi lo dejo. Y es por eso, que en mis “yo interior” decidí mejor dedicarme a apps en Pebble. Los motivos son claros

– el entorno es blanco y negro

– la resolución de las apps es de 144 x 168 px

– solo soporta un grupo reducido de fonts

– la guía de diseño de apps te recomienda crear apps “planas” (flat apps)

– un enfoque minimalista es lo que debería guiar el diseño de Pebble apps

Con esto dicho, lo tuve muy claro > es para mi! Y claro, con algo tan simple como esto

image

No tengo margen de equivocarme (por cierto esta app es la ficha que se muestra de ejemplo en el capítulo 4 de la guía de diseño de Pebble)

Download: https://developer.getpebble.com/2/design/

Saludos @ Berlin

El Bruno

image image image Google

[#KINECT] Angry Mouse … ;)

image

Good.

If I were a mouse or mouse would be quite angry / upset / angry or whatever you want in your land. Now comes a device more or less €100 expensive called Microsoft Kinect that aims to replace me and dethrone me in the world of computers. But of course, the anger / anger / anger begins already some time ago, when some guys from a company with a manzanita, reinvent a mobile phone a little big, put iPad name and everyone gets used to

Touch and drag instead of move and click

Then why, if a mouse I would be very angry. But as said the great Groucho Marx

It is better to remain silent and appear stupid than talk and remove doubts definitively.

That’s why that mouse still quietly accompanied by more than one and I think it will take quite some time so definitely leaves us.

Especially when there are many people who, at the time is to create a new user interface, which seek to replace the mouse, for example with gestures and actions about Kinect. These projects are designed and destined to fail in 99.99% of cases.

The key to these cases is in the word "create". What we must do is to leave alone the mouse, thank you for the services provided and start thinking what are the most effective ways of working with the new sensors that we possess.

Now the interaction between most mobile devices, tactile surfaces, as Kinect gestures detectors, pico projectors, etc.; It makes us think in new scenarios for applications that can really be great or disastrous.

Some will ask, you little sleep has affected the Bruno or what he writes this?, is very simple. As some have noticed that I like to play with Kinect and such devices, many times I get questions like

  • How can I do to replace the mouse with Kinect?
  • Not be how to double click with Kinect, when I try to replace the mouse.

And while it is true that I try to answer everything what you ask me, for those questions the answer this post. Where I do not respond nothing in particular but… well now you know.

I Luckily, have not only the opportunity to "play" with these devices but they are also part of my job at Avanade, so I can see the good and bad experiences in the world of the NUI (term beater to describe natural forms of work with electronic devices). Many people don’t realize that Kinect, for example, need considerable to be effective space, or that on a touch device because the sensitivity of the touch is not the same as a mouse.

Finally, a fact to keep in mind:

During the year 2008 the number of devices connected to the internet surpassed the number of people on Earth. By 2020 it is expected to be more than 50 billion devices connected to the internet. (Source ))

Does this mean?, which in addition to having a Mustang 100% connected to the internet, we will now have to interact with many types of new devices and of course, our friend the mouse will not be there to help us and is not a question that we emulate the functioning of mouse everywhere.

So I do not keep my mouse right now, but already begin to see how that can work in different spaces without a mouse… then I will see that device gives me the best help in that scenario Risa

By the way

1 As the layman has been me boy, wait to see what I’m doing with my RX8, a Kinect, a tablet with Windows 8, etc. limitedin the hands of a piece of code C#. My girl is a little scared but the Valentino super happy to play with the car from a tablet… Risa

.2 The ratonazo angry / upset / angry took out it of http://abstract.desktopnexus.com/get/134212?t=08tt07vgrel6eo8knisme46jh34fa00c9fcba2b

Saludos @ Home

El Bruno

image image image

[#KINECT] Y los ratones enfadados … ;)

image

Buenas.

Si yo fuese un ratón o mouse estaría bastante cabreado / enfadado / enojado o como se diga en tu tierra. Resulta que ahora llega un dispositivo de más o menos €100 llamado Microsoft Kinect que apunta a reemplazarme y destronarme en el mundo de los ordenadores. Pero claro, el cabreo / enfado / enojo ya comienza hace un tiempo, cuando unos tíos de una empresa con una manzanita, reinventan un teléfono móvil un poco grande, le ponen de nombre iPad y todo el mundo se acostumbra a

Tocar y arrastrar en lugar de mover y clicar

Pues por eso, si fuese un ratón estaría muy cabreado. Pero como dice el gran Groucho Marx

Es mejor permanecer callado y parecer tonto que hablar y despejar las dudas definitivamente.

Es por eso que el ratón sigue calladito acompañado a más de uno y creo que tardará bastante tiempo para que nos abandone definitivamente.

Especialmente cuando hay muchas personas que, al momento de crear una nueva interfaz de usuario, lo que intentan es reemplazar el ratón, por ejemplo con gestos y acciones de Kinect. Estos proyectos están orientados y destinados al fracaso en un 99,99% de los casos.

La clave de estos casos está en la palabra “crear”. Lo que debemos hacer es dejar en paz al ratón, agradecerle los servicios prestados y comenzar a pensar cuáles son las formas más efectivas de trabajo con los nuevos sensores que poseemos.

Ahora la interacción entre dispositivos cada vez más móviles, superficies táctiles, detectores de gestos como Kinect, pico proyectores, etc.; hace que podamos pensar en nuevos escenarios para aplicaciones que realmente pueden ser grandiosos o desastrosos.

Alguno se preguntará, ¿le ha afectado el poco sueño al Bruno o qué le pasa que escribe esto?, es muy simple. Como algunos se han dado cuenta que me gusta jugar con Kinect y con este tipo de dispositivos, muchas veces me llegan preguntas del tipo

  • ¿Cómo puedo hacer para reemplazar el ratón con Kinect?
  • No se cómo hacer un doble clic con Kinect, cuando intento reemplazar al ratón.

Y si bien es cierto que intento responder todo lo que me preguntan, para esas preguntas la respuesta será este post. Donde no respondo nada en concreto pero … bueno ya sabes.

Yo por suerte, no solo tengo la oportunidad de “jugar” con estos dispositivos sino que además son parte de mi trabajo en Avanade, con lo que puedo ver las buenas y malas experiencias en el mundo de las NUI (término molón para describir formas naturales de trabajo frente a dispositivos electrónicos). Muchas personas no se dan cuenta que Kinect, por ejemplo, necesita un espacio considerable para ser efectivo, o que en un dispositivo táctil pues la sensibilidad del touch no es la misma que un ratón.

Finalmente, un dato a tener en cuenta:

Durante el año 2008 la cantidad de dispositivos conectados a internet superó a la cantidad de personas en la tierra. Para el año 2020 se espera que haya más de 50 billones de dispositivos conectados a internet. (Fuente)

Esto qué significa?, que además de tener un Mustang 100% conectado a internet, ahora tendremos que interactuar con muchos tipos de dispositivos nuevos y claro, nuestro amigo el mouse no estará allí para ayudarnos y tampoco es cuestión de que emulemos el funcionamiento del mouse en todas partes.

Así que, yo no guardaré mi mouse ya mismo, pero ya comenzaré a ver de que forma puedo trabajar en diferentes espacios sin un mouse … luego veré que dispositivo me brinda la mejor ayuda en ese escenario Risa

Por cierto

1. Como el Lego me ha quedado chico,  espera a ver lo que estoy haciendo con mi RX8, un Kinect, una tableta con Windows 8, etc. 230CV en manos de una porción de código C#. Mi chica está un poco asustada pero el Valentino súper feliz de poder jugar con el coche desde una tableta … Risa

.2 El ratonazo cabreado / enfadado / enojado lo saqué de http://abstract.desktopnexus.com/get/134212?t=08tt07vgrel6eo8knisme46jh34fa00c9fcba2b

Saludos @ Home

El Bruno

image image image