Categories
Front End

Day 4 – When the opportunities show up

\"\"\nY es ahora, cuando preciso me propongo realizar una tarea que me ayudara a desarrollar mi disciplina, es cuando otro nuevo proyecto se aparece en frente. Ahora junto con algunos amigos, hemos tomado la decisión de emprender en un sector bastante competido y difícil, pero que definitivamente necesita ser intervenida por la tecnología. No puedo adelantar mucho en este momento, pero estoy seguro que escucharán sobre eso muy pronto.

\n\n

Por ahora no colocaré ninguna nueva actualización sobre el avance de Flow, sino que les haré actualizaciones. En este momento estamos realizando la planeación de nuestro primer piloto.

\n\n

Pronto más actualizaciones

\n\n


\n\n

And now, when I am trying to get a task that makes me better in my discipline, is when another project arrives in front of me. With some friends, we have taken the choice to develop a company in very crowded and hard sector. We are sure that this sector needs a real improvement with the help of technological tools. I can not give more details about it, but pretty soon.

\n\n

So, I am not going to keep the steps about Flow, but updates about this new project. I am going to keep my 45 minutes task time, but with a broader approach. We are planning our first product pilot, so much things to learn.

\n\n

Soon more updates.

Categories
Front End

Day 3 – 4 tips for UX Prototyping

\"\"

\n\n

Hoy dediqué la totalidad de mi tiempo a realizar un esquema de navegación e interacción que el usuario se va a encontrar en la aplicación. A la hora de pensar en cómo hacer más fácil y entendible el proceso para el usuario, es importante contemplar las siguientes cosas:

\n\n

    \n

  • Práctico: No trates de reinventar la rueda sin sentido, para un usuario hay cosas que ya son intuitivas, no vayas más allá de un par de cambios. Aprender algo por primera vez puede ser frustrante, ¡imagina más de un cambio!
  • \n

  • Coherente: Si te decidiste por hacer que los botones funcionen al hacer doble click, entonces asegúrate que esa interacción sea protagonista.
  • \n

  • Relevante: Hacer una interacción llamativa por el simple hecho de que sea llamativa, es completamente inútil. Haz que ese movimiento, ese click, ese giro de pantalla, den valor a la experiencia de usar la aplicación.
  • \n

  • Como un buen perfume: Haz que brille la primera vez, pero intenta que desaparezca con el tiempo. El fondo no es la interacción, sino el uso.
  • \n

\n\n

Algo que hice hoy, fue realizar un esquema de los pasos y opciones que el usuario tendrá al usar mi app.

\n\n

\"\"

\n\n

De esta forma, puedo empezar a evaluar los pasos anteriores, y revisar si la forma en la que está planteada la navegación y las opciones que tiene disponible el usuario son adecuadas. El siguiente paso, será mejorar el esquema y ponerlo en JustInMind, para así poder visualizarlo paso a paso.

\n\n


\n\n

Today I used all my time to create a navigation and interaction wireframe. When you are trying to figure out the way to make it more understandable the process for the user, you should take this considerations:

\n\n

    \n

  • Practical: Do not try to re-invent the wheel without any purpose, for the user there are things that already work, do no try to push the boundaries to far. Learning something the first time can be frustrating. Imaging learning more that on thing at a time!
  • \n

  • Coherent: I you decided to make the buttons work only with a double click (not recommended), make sure that you give that interaction some protagonist role across the app.
  • \n

  • Relevant: To do a great interaction for the sake of making it great, is completely useless. Make sure that each move, click, screen rotation, make the app overall even greater.
  • \n

  • Like Perfume: Make it shine the first time, but it should fade in time. The bottom is not the interaction, but the use.
  • \n

\n\n

Something I did today, was the step by step schema y the options the user will have in my app.

\n\n

This way I can start evaluating if the steps and check if the way I am planning my navigation are accurate. The next step will be to improve the schema and to do that I will use JustInMind to get my wireframe work.

Categories
Front End UX

Day 2 – Interaction and Utility

Las interacciones son el primer paso. Aunque se conozca de qué se trata una aplicación, es la primera aproximación (interacción) la que crea un vínculo con el usuario. Pensando en esto, quiero que el proyecto tenga de entrada una forma lúdica para navegar y realizar las acciones en la aplicación. Algo un tanto parecido a un control omnipresente, aunque mutante. Como el Profesor X.

La propuesta es que el usuario pueda tocar en una zona central de la pantalla y las acciones disponibles aparezcan. Y cada una de las acciones pueda ser activada usando un sencillo swipe en la dirección hacia la que se encuentra la acción.

Todo muy bonito, pero ¿y para qué sirve?

Todo se trata del Flow. Un Flow es una corriente de videos cortos sobre un tema específico. El usuario puede ver y crear corrientes o \”flows\” con cuantos temas le parezca, teniendo la opción de apreciar los videos que va viendo, haciendo que los videos más apreciados sean vistos primero. Así por ejemplo si entro al flow de \”#myMorningSong\” puedo ver uno tras otro todos los videos que subieron a ese flow en las últimas 24 horas.

\n\n

¿Y el nombre?

\n\n

Se me han ocurrido varios nombres, pero luego hablaré de eso. Ya se me acabó este medio tiempo (por si no lo sabes, los partidos de fútbol tienen se juegan en dos partes de 45 minutos cada una).

\n\n


\n\n

Interactions are the first step. Although the use of an app is known, is the first approach (interaction) the one that creates the bond with user. Thinking about that, I want that the project has a ludic way to browse and take actions in the app. Something like an omnipresent control, but mutant. Like Professor X.

\n\n

The proposal is that the user can touch a central area of the screen and the available actions appear. Each action can be activated using a simple swipe in the direction toward which the action is located.

\n\n

Alright, but what is this for?

\n\n

Its all about the Flow. A Flow its a stream of short videos about an specific topic. The user can create and see streams/\”flows\” for as many topics as he wants, having the option of appreciate the videos while they are played, making the top appreciated videos played first than others. For example, if I go into a flow called \”#myMorningSong\”, I can see one after the other all the videos that were uploaded in the las 24 hours about this topic.

\n\n

And, the name?

\n\n

I have several names in my mind, but maybe its a topic for later discussion. My half time its over1.

\n\n


\n\n

  1. In case you don’t know, the soccer matches are played in two parts of 45 minutes each.

\n\n


\n\n

Follow me on Twitter

Categories
Front End UX

How to create a successful app using 45 minutes a day

Getting things done is hard for creative people. At least for me, a mix of full time Front End Developer and Graphic Designer, it is. So I am putting my self in a challenge. I am going to design/develop/release a full iOS/Android (to be defined) app by using only 45 minutes per day to get it done, every single day.

My purpose is to learn more about the hybrid development and a little research on how good user interaction & getting feedback soon can produce great results.

I am going to detail as much as possible the tools and tactics I use, including: minimizing costs, optimizing development time and obtaining user feedback as soon as possible.

From Colombia With love,
Jorge Vivas


Hacer que las cosas pasen es difícil para las personas creativas. Por lo menos para mí, una mezcla Desarrollador Front End y Diseñador Gráfico, lo es. Así que me estoy colocando un desafío personal. Voy a diseñar/desarrollar/publicar una aplicación completa para iOS/Android (por definir) solo usando 45 minutos del día para hacer que eso pase, trabajando todos los días.

Mi propósito es aprender más sobre el desarrollo híbrido y hacer una pequeña investigación en las bondades de una buena interacción de usuario y la posibilidad de recibir feedback lo más pronto posible puede darnos excelentes resultados.

Voy a escribir tan detallado como sea posible las herramientas y tácticas que uso, incluyendo: minimizar costos, optimizar mi tiempo de desarrollo y cómo obtener feedback lo más pronto posible.

Desde Colombia con Amor,
Jorge Vivas

Categories
Front End

Playing Tic Tac Toe against my computer

In the recent months I’ve bee intrigued by the AI principles and how can I start diving into that deep sea of logical algorithms. My first thought was trying to develop an easy console game (web debugging console) where I can create my first pseudo-Deep Blue.

I decided to choose Triqui, and to keep track of the advances I have started a github repo. Willing at the end, that any user can open its console and play again its own computer.

PS: Triqui is how we call Tic Tac Toe in Colombia 😉