Hoy vamos a hablar de dos acr\u00f3nimos llamados UI y UX. Posiblemente no comprender\u00e1s en un principio de que se tratan, pero a continuaci\u00f3n te damos las claves para entender qu\u00e9 significa cada uno y la diferencia que hay entre ambos.<\/p>\n
Desde que comenz\u00f3 la era de internet y la aparici\u00f3n de las nuevas tecnolog\u00edas, todos hemos podido\u00a0comprobar y escuchar d\u00eda a d\u00eda la gran cantidad de nuevos t\u00e9rminos asociados a todos los nuevos fen\u00f3menos, herramientas, procesos, tecnolog\u00edas y a la variedad\u00a0de disciplinas derivadas de su uso,\u00a0son\u00a0t\u00e9rminos que muchas veces nos cuesta entender y recordar.<\/p>\n
Diferencias entre UI (User Interface) y UX (User Experience), UI o tambi\u00e9n llamada User Interface, se refiere a la creaci\u00f3n de la interfaz, que puede ser gr\u00e1fica o desarrollada por tecnolog\u00edas como HTML, CSS, YUI, jQuery, etc. UX o User Experience se refiere a la usabilidad que tiene cierto sitio web desde la perspectiva del usuario que lo visita. Hay que decir que estas disciplinas se pueden aplicar no solo al campo del dise\u00f1o web al que nosotros nos referiremos en mayor medida sino a cualquier objeto que haya sido dise\u00f1ado\u00a0y\u00a0programado\u00a0y a cualquier\u00a0producto multimedia.<\/p>\n
En un primer momento y con las\u00a0definiciones anteriores ya podemos identificar\u00a0que existe diferencia entre los dos t\u00e9rminos aunque a continuaci\u00f3n lo explicaremos de manera m\u00e1s amplia:<\/p>\n
Una manera de diferenciarlos, quiz\u00e1 demasiado simple y no del todo exacta es hacer la comparaci\u00f3n entre lo que aporta un desarrollador web y\u00a0un dise\u00f1ador web siempre y cuando supongamos que un dise\u00f1ador web no piensa en el usuario y s\u00f3lo en hacer bonita una p\u00e1gina y que un desarrollador web\u00a0no piensa en\u00a0la est\u00e9tica de una\u00a0p\u00e1gina web.<\/p>\n
La persona encargada del UI se va a centrar en dise\u00f1ar la p\u00e1gina web o aplicaci\u00f3n m\u00f3vil en base a la creaci\u00f3n de wireframes y mockups de los que sacar\u00e1 la construcci\u00f3n el color, degradados, tipograf\u00edas y el dise\u00f1o visual general del sitio. Cuando un usuario entra en una p\u00e1gina web, la primera impresi\u00f3n visual que tendr\u00e1 de ella podr\u00e1\u00a0determinar\u00a0en gran medida si\u00a0nuestro sitio web le gusta o no y esto es muy importante ya que en base a esto podemos o ganar o perder un\u00a0cliente. Es muy importante por tanto conseguir\u00a0un dise\u00f1o atractivo para captar la atenci\u00f3n del usuario pero no podemos olvidar que ha de ser tambi\u00e9n \u00fatil ya que cuanto m\u00e1s se facilite al usuario la navegaci\u00f3n m\u00e1s f\u00e1cil ser\u00e1 \u201cengancharle\u201d y hacer\u00a0que\u00a0se quede m\u00e1s tiempo a navegar por nuestro sitio y conseguir\u00a0una conversi\u00f3n, si el usuario no entiende d\u00f3nde se sit\u00faan las cosas y no las encuentra se marchar\u00e1.<\/p>\n
De acuerdo a\u00a0la anterior explicaci\u00f3n, la persona que se va a encargar del UX ser\u00e1 la que valore este sitio web en torno a la usabilidad y facilidad de navegaci\u00f3n,\u00a0es aquella persona que entra en el sitio como si de un usuario normal\u00a0se tratara e investiga si las principales funciones, la navegaci\u00f3n,\u00a0b\u00fasquedas, etc. son sencillas de realizar. Una forma de hacernos entender lo necesaria que es la revisi\u00f3n del UX en todo proyecto web puede ser por ejemplo: un cliente accede a la p\u00e1gina web para realizar una compra; si al cabo de tres minutos no ha podido encontrar la manera de realizarla, decidir\u00e1 irse a otro sitio web de las mismas caracter\u00edsticas que cuente con las funciones m\u00e1s claras y sencillas porque al fin y al cabo, siempre hay que hacerle la vida m\u00e1s f\u00e1cil al cliente, ya que busca comodidad en sus acciones diarias, por tanto el experto en UX podemos decir que se convertir\u00e1 en un psic\u00f3logo web que\u00a0analizar\u00e1 qu\u00e9 es lo que mejor le parecer\u00e1 al usuario y que trabajar\u00e1 para que\u00a0el sitio web en cuesti\u00f3n sea todo un atractivo para una gran cantidad de personas.<\/p>\n
Otra manera de entender cu\u00e1l es la diferencia entre user interface o dise\u00f1o de interfaces y la UX o experiencia de usuario ser\u00eda esta, el dise\u00f1o de interacci\u00f3n se ocupa de decidir cu\u00e1l ser\u00e1 el recorrido y d\u00f3nde se deber\u00e1n situar los botones que desencadenar\u00e1n las diferentes acciones, es la parte de estrategia y la experiencia de usuario trata sobre los aspectos relativos a esos procesos o\u00a0acciones que se desencadenan, se ocupa de qu\u00e9 es lo que sucede cuando se activan los botones o mecanismos, ser\u00eda la parte mec\u00e1nica del proceso.<\/p>\n
Aqu\u00ed os mostramos un v\u00eddeo ilustrado sobre la UX<\/p>\n