{"id":4851,"date":"2022-09-28T14:31:42","date_gmt":"2022-09-28T14:31:42","guid":{"rendered":"https:\/\/waveit.ar\/?p=4851"},"modified":"2026-05-21T12:18:27","modified_gmt":"2026-05-21T12:18:27","slug":"diseno-ux-ui-que-es","status":"publish","type":"post","link":"https:\/\/waveit.ar\/en\/2022\/09\/28\/diseno-ux-ui-que-es\/","title":{"rendered":"DISE\u00d1O UX \/ UI: \u00bfQu\u00e9 es?"},"content":{"rendered":"

D\u00eda a d\u00eda navegamos por much\u00edsimas interfaces digitales sin darnos cuenta siquiera de su estructura y composici\u00f3n. Pero lo que vivimos en cada una de estas experiencias de navegaci\u00f3n es fundamental para generar un v\u00ednculo<\/strong> con esa organizaci\u00f3n, marca o producto.<\/p>\n

El dise\u00f1o UX\/UI<\/strong>, investiga el comportamiento de los usuarios en las webs y genera la mejor experiencia para el mismo. Su estrateg\u00eda est\u00e1 centrada en facilitar la informaci\u00f3n, generar practicidad, funcionalidad y sobre todo: agradar a los visitantes de la web. Ya que la mala experiencia de usuario hace que \u00e9stos se cansen e incluso decidan abandonar el sitio o app, a veces, para no volver nunca m\u00e1s.<\/p>\n

\u00bfAhora bien, es lo mismo Dise\u00f1o UX que UI?<\/strong><\/p>\n

No, claro que no, el Dise\u00f1o UX (user experience design) tiene el prop\u00f3sito de de\ufb01nir el dise\u00f1o de la experiencia de usuario<\/strong>. Este \u201cdise\u00f1o\u201d hace referencia a la \u00abconcepci\u00f3n\u00bb de la experiencia m\u00e1s que a la creaci\u00f3n visual.<\/p>\n

Su objetivo se enfoca en pensar, re\ufb02exionar y crear no s\u00f3lo el producto, la interfaz de usuario, sino tambi\u00e9n la experiencia que de \u00e9sta se desprende. Para hacerlo, tiene en cuenta las necesidades y posibles deseos de los usuarios.<\/strong><\/p>\n

En resumen, podr\u00eda decirse que el dise\u00f1ador UX representa \u201cla ciencia del usuario<\/strong>\u201d, es decir, la estrategia, el conocimiento de sus necesidades, los prototipos y escenarios posibles.<\/p>\n

Por el contrario, el dise\u00f1o UI es la pr\u00e1ctica digital que tiene en cuenta todos los elementos visuales e interactivos<\/strong>, es decir, el gr\u00e1\ufb01co, formas, im\u00e1genes, iconograf\u00eda, colores de interfaz, ilustraciones, tipograf\u00edas, textos. Con\ufb01gura el dise\u00f1o de cada p\u00e1gina.<\/p>\n

\u00bfC\u00f3mo es el proceso de trabajo?<\/strong><\/p>\n

Aqu\u00ed les contamos brevemente las diferentes etapas de trabajo y cu\u00e1ndo interviene el rol UX y UI:<\/p>\n

El proceso comienza con el dise\u00f1ador UX:<\/p>\n

    \n
  1. Investigaci\u00f3n y an\u00e1lisis:
    Se comprenden las necesidades de los usuarios, se detallan los per\ufb01les, objetivos, frustraciones, con\ufb02ictos y resoluciones. En esta etapa se desarrolla un mapa de experiencia de cliente.<\/li>\n
  2. Creaci\u00f3n y brainstorming
    Se arma un diagrama de \ufb02ujo de usuarios seg\u00fan objetivo. Tambi\u00e9n se desarrolla un wireframe o modelo de c\u00f3mo se ver\u00e1 la interfaz de usuario. Esto servir\u00e1 como gu\u00eda para que el dise\u00f1ador UI pueda construir el marco visual de la interfaz m\u00e1s f\u00e1cilmente.<\/li>\n
  3. Puesta en marcha
    Aqu\u00ed comienza el rol del Dise\u00f1ador UI, quien desarrolla prototipos, o modelos interactivos que se basan en las ideas del Dise\u00f1o UX.
    Una vez validados, comienza el desarrollo el front-end y back-end, que constituye la interfaz, utilizando c\u00f3digo.<\/li>\n
  4. Por \u00faltimo vendr\u00e1 la etapa de seguimiento, pruebas y reportes del trabajo realizado.<\/li>\n<\/ol>\n

    Contar con estos roles dentro del equipo de programaci\u00f3n es fundamental, porque permiten construir un dise\u00f1o atractivo y funcional, pero por sobre todo, adaptado a un p\u00fablico objetivo.<\/p>\n

    Si est\u00e1s por generar una nueva web, o redise\u00f1ar la existente, consultanos todas las dudas que tengas del proceso.<\/p>\n

    M\u00e1s info en: hola@waveit.ar<\/a><\/p>\n

    \u00a0<\/strong><\/p>","protected":false},"excerpt":{"rendered":"

    D\u00eda a d\u00eda navegamos por much\u00edsimas interfaces digitales sin darnos cuenta siquiera de su estructura y composici\u00f3n. Pero lo que vivimos en cada una de estas experiencias de navegaci\u00f3n es fundamental para generar un v\u00ednculo con esa organizaci\u00f3n, marca o producto. El dise\u00f1o UX\/UI, investiga el comportamiento de los usuarios en las webs y genera […]<\/p>\n","protected":false},"author":1,"featured_media":4852,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[9],"class_list":["post-4851","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diseno"],"acf":[],"_links":{"self":[{"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/posts\/4851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/comments?post=4851"}],"version-history":[{"count":4,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/posts\/4851\/revisions"}],"predecessor-version":[{"id":7880,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/posts\/4851\/revisions\/7880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/media\/4852"}],"wp:attachment":[{"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/media?parent=4851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/categories?post=4851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waveit.ar\/en\/wp-json\/wp\/v2\/tags?post=4851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}