{"id":431,"date":"2020-07-01T02:10:28","date_gmt":"2020-07-01T00:10:28","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/tematico\/?p=431"},"modified":"2020-07-01T02:10:28","modified_gmt":"2020-07-01T00:10:28","slug":"modelo-de-diseno-ux-de-interaccion","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/tematico\/modelo-de-diseno-ux-de-interaccion\/","title":{"rendered":"Modelo de dise\u00f1o UX de interacci\u00f3n"},"content":{"rendered":"

El dise\u00f1o de interacci\u00f3n es la creaci\u00f3n de un di\u00e1logo entre una persona y un producto, sistema o servicio. Este di\u00e1logo es de naturaleza tanto f\u00edsica como emocional y se manifiesta en la interacci\u00f3n entre la forma, la funci\u00f3n y la tecnolog\u00eda tal como se experimenta a lo largo del tiempo\".<\/p>\n

Los dise\u00f1adores de interacci\u00f3n<\/strong> se centran en la forma en que los usuarios interact\u00faan con los productos y utilizan los principios de la buena comunicaci\u00f3n para crear las experiencias deseadas de los usuarios.<\/p>\n

\"\"<\/p>\n

Dise\u00f1o de interacci\u00f3n y experiencia del usuario<\/h2>\n

El t\u00e9rmino \"dise\u00f1o de interacci\u00f3n\" se utiliza a veces indistintamente con \"dise\u00f1o de la experiencia del usuario\". Eso es comprensible porque hay una enorme superposici\u00f3n entre el dise\u00f1o de interacci\u00f3n y el dise\u00f1o UX<\/strong>. Despu\u00e9s de todo, el dise\u00f1o UX se trata de dar forma a la experiencia de usar un producto, y una gran parte de esa experiencia implica la interacci\u00f3n entre el usuario y el producto. Pero el dise\u00f1o de interacci\u00f3n y la experiencia del usuario no son sin\u00f3nimos.<\/p>\n

La diferencia clave entre el dise\u00f1o UX<\/strong> y el dise\u00f1o de interacci\u00f3n est\u00e1 en la forma en que pensamos acerca de las interacciones del usuario. Los dise\u00f1adores de interacci\u00f3n se centran en el momento en que un usuario interact\u00faa con un producto y su objetivo es mejorar la experiencia interactiva.<\/p>\n

Para los dise\u00f1adores de UX<\/strong>, el momento de la interacci\u00f3n es s\u00f3lo una parte del viaje que un usuario realiza cuando interact\u00faa con un producto. El dise\u00f1o de la experiencia del usuario tiene en cuenta todos los aspectos de la cara del usuario de un producto o sistema.<\/p>\n

Modelo de dise\u00f1o de interacci\u00f3n seg\u00fan la agencia inbound marketing barcelona<\/a><\/p>\n

El dise\u00f1o de interacci\u00f3n es parte del dise\u00f1o de UX.<\/h2>\n

El dise\u00f1o UX y el dise\u00f1o de interacci\u00f3n<\/strong> est\u00e1n conectados, pero es casi imposible crear un buen dise\u00f1o de interacci\u00f3n aislado de UX. El dise\u00f1o de interacci\u00f3n es un radio en el paraguas de la experiencia de usuario (dise\u00f1o UX).<\/p>\n

Las cinco dimensiones del dise\u00f1o de interacci\u00f3n<\/strong> es un modelo \u00fatil para comprender lo que implica el dise\u00f1o de interacci\u00f3n. Gillian Crampton Smith, una acad\u00e9mica del dise\u00f1o de interacci\u00f3n, introdujo por primera vez el concepto de las cuatro dimensiones de un lenguaje de dise\u00f1o de interacci\u00f3n. Kevin Silver m\u00e1s tarde ampli\u00f3 su modelo con la quinta dimensi\u00f3n.<\/p>\n

1D: Palabras.<\/strong> Las palabras engloban el texto, que ayuda a transmitir la cantidad adecuada de informaci\u00f3n a los usuarios. Las palabras, especialmente las que se usan en las interacciones, como las etiquetas de los botones, deben ser significativas y f\u00e1ciles de entender. Deben comunicar informaci\u00f3n a los usuarios sin abrumarlos con demasiados detalles.<\/p>\n

2D: Representaciones visuales<\/strong>. Las representaciones visuales incluyen tipograf\u00eda, iconos y otros gr\u00e1ficos con los que los usuarios interact\u00faan. Las representaciones visuales suelen complementar las palabras utilizadas para comunicar informaci\u00f3n a los usuarios.<\/p>\n

3D: Objetos f\u00edsicos o espacio<\/strong>. Los objetos f\u00edsicos son un medio a trav\u00e9s del cual los usuarios interact\u00faan con el producto o servicio. Por ejemplo, un usuario interact\u00faa con computadoras y un rat\u00f3n mientras est\u00e1 sentado en un escritorio en un espacio de oficina.<\/p>\n

4D: Tiempo<\/strong>. El tiempo ayuda a los usuarios a comprender los cambios visuales en una interfaz de usuario; tambi\u00e9n ayuda a los usuarios a seguir su progreso.<\/p>\n

5D: Comportamiento<\/strong>. El comportamiento incluye tanto acci\u00f3n como reacci\u00f3n. El comportamiento es lo que describe el mecanismo de una interacci\u00f3n con un producto.<\/p>\n

Los dise\u00f1adores de interacci\u00f3n deben utilizar las cinco dimensiones para considerar las interacciones entre un usuario y un producto de manera hol\u00edstica.<\/p>\n","protected":false},"excerpt":{"rendered":"

El dise\u00f1o de interacci\u00f3n es la creaci\u00f3n de un di\u00e1logo entre una persona y un producto, sistema o servicio. Este di\u00e1logo es de naturaleza tanto f\u00edsica como emocional y se manifiesta en la interacci\u00f3n entre la forma, la funci\u00f3n y la tecnolog\u00eda tal como se experimenta a lo largo del tiempo\". Los dise\u00f1adores de interacci\u00f3n […]<\/p>\n","protected":false},"author":11059,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[65],"tags":[],"class_list":["post-431","post","type-post","status-publish","format-standard","hentry","category-marketing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/posts\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/users\/11059"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":1,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"predecessor-version":[{"id":433,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/posts\/431\/revisions\/433"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/tematico\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}