{"id":2239,"date":"2021-05-28T16:44:30","date_gmt":"2021-05-28T14:44:30","guid":{"rendered":"https:\/\/www.sortlist.es\/blog\/?p=2239"},"modified":"2021-05-28T16:47:38","modified_gmt":"2021-05-28T14:47:38","slug":"diseno-de-la-interfaz-de-usuario","status":"publish","type":"post","link":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/","title":{"rendered":"El dise\u00f1o de la interfaz de usuario en el centro del proyecto"},"content":{"rendered":"

El dise\u00f1o de la interfaz de usuario<\/strong>, o \u00abUI design\u00bb, es un campo amplio y complejo que ha ocupado un lugar muy importante en las tendencias del marketing web<\/strong> en los \u00faltimos a\u00f1os. Interviene en casi todos los niveles del proceso de dise\u00f1o de un sitio en l\u00ednea y del dise\u00f1o web.<\/p>\n

Para algunos profesionales, el dise\u00f1o de la interfaz de usuario es una disciplina en s\u00ed misma, para otros es un m\u00e9todo de trabajo. Es imposible pasar por alto este t\u00e9rmino si te dedicas a dise\u00f1ar interfaces ergon\u00f3micas<\/strong> con las que interact\u00faan los usuarios, ya sea en un sitio web, en una aplicaci\u00f3n para tu smartphone, etc.<\/p>\n

El dise\u00f1o de la interfaz de usuario es uno de los pilares m\u00e1s importantes en los que se basa el \u00e9xito de la mayor\u00eda de los servicios y productos en l\u00ednea. Cualquier empresa u organizaci\u00f3n que quiera destacar en la web debe incorporar el dise\u00f1o de la interfaz de usuario en su desarrollo. Entender el dise\u00f1o de la interfaz de usuario puede parecer complicado. En este art\u00edculo, le explicamos todo lo que necesita saber sobre el dise\u00f1o de la interfaz de usuario.<\/p>\n

\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario?<\/h2>\n

Del ingl\u00e9s \u00abuser interface\u00bb, la interfaz de usuario es una rama del dise\u00f1o que se ocupa de las herramientas que se utilizan para interactuar eficazmente con determinados productos. En cierto modo, es una herramienta que hace el v\u00ednculo entre el ser humano y la m\u00e1quina.\u00a0Las diversas reflexiones realizadas sobre la interfaz de usuario han sido objeto de numerosos estudios. Como por ejemplo: \u00bfc\u00f3mo organizar la informaci\u00f3n para que un sitio sea intuitivo? \u00bfQu\u00e9 tipos de letra utilizar? En resumen, la interfaz de usuario es la organizaci\u00f3n de los elementos gr\u00e1ficos y textuales<\/strong> para proponer un sitio interesante.<\/p>\n

Por lo tanto, entiende que debe integrar el dise\u00f1o de la interfaz de usuario en el trabajo preparatorio del dise\u00f1o de su sitio web. De este modo, aportar\u00e1 soluciones que respondan perfectamente a los problemas de los internautas. Un consejo interesante es inspirarse en su propia navegaci\u00f3n en otros sitios web. Esto le permitir\u00e1 detectar posibles incoherencias y anomal\u00edas que le ayudar\u00e1n a perfeccionar su interfaz de usuario.<\/p>\n

No hay que confundir interfaz de usuario y experiencia de usuario<\/h2>\n

En el mundo del dise\u00f1o web, a menudo o\u00edmos hablar de experiencia de usuario (UX) e interfaz de usuario (UI). Estos dos conceptos a menudo se malinterpretan e incluso a veces se confunden.<\/p>\n

Asimilar UX (User eXperience) con UI (User Interface) ser\u00eda asumir que la experiencia del usuario se limita a navegar por sitios con un dise\u00f1o elegante para realizar b\u00fasquedas.<\/p><\/blockquote>\n

Entender la diferencia entre estas dos disciplinas puede ser realmente complicado<\/h3>\n

Los t\u00e9rminos \u00abdise\u00f1o UX\u00bb y \u00abdise\u00f1o UI\u00bb se utilizan generalmente para referirse a aspectos del dise\u00f1o web. El reto de la UX es ofrecer soluciones eficaces a los problemas y las numerosas preocupaciones de los usuarios de Internet. Como puede ver, la UX no puede equipararse a la UI. La UX es un proceso que integra la UI, pero tambi\u00e9n el contenido, la arquitectura del sitio, el dise\u00f1o. Se trata de ayudar al usuario a alcanzar f\u00e1cilmente sus objetivos, sean cuales sean.<\/p>\n

\"dise\u00f1o<\/p>\n

Son muchos los aspectos que entran en juego durante el dise\u00f1o del sitio, pero tambi\u00e9n despu\u00e9s, con las opiniones de los usuarios. Porque, si la UI funciona seg\u00fan los requisitos t\u00e9cnicos, la UX est\u00e1 sujeta a la apreciaci\u00f3n de los internautas. As\u00ed pues, el dise\u00f1o de la interfaz de usuario forma parte del dise\u00f1o de la experiencia del usuario en el sentido de que trabaja para ofrecer la mejor experiencia posible al usuario. Centr\u00e1ndose en elementos perceptibles como los elementos gr\u00e1ficos, la navegaci\u00f3n, la tipograf\u00eda\/fuente, los colores, los botones, los m\u00f3dulos, los contenedores de informaci\u00f3n y los campos de inserci\u00f3n de texto.<\/p>\n

Aunque estas dos disciplinas dependen la una de la otra, confundirlas es un error que se comete con demasiada frecuencia. Es importante tener en cuenta que la UI puede responder a una petici\u00f3n del dise\u00f1ador de UX, pero lo contrario no es posible. El dise\u00f1o de UX no puede utilizarse para responder a un problema operativo de un producto realizado por el dise\u00f1ador de UI. El deseo de hacer que las interacciones sean cada vez m\u00e1s agradables para los usuarios siempre ha sido un reto, sin embargo los conceptos \u00abUX\u00bb y \u00abUI\u00bb son muy recientes.
\nDon Norman fue el primero en utilizarlas en su libro \u00abThe Design of Everyday Things\u00bb. Identific\u00f3 3 prioridades para garantizar que la experiencia del usuario sea agradable al utilizar un producto. Estos son :<\/p>\n

    \n
  • Satisfacer todas las necesidades de los usuarios sin crear frustraci\u00f3n ;<\/li>\n
  • Provocar el \u00abplacer de interactuar\u00bb con productos interesantes, sencillos y pr\u00e1cticos;<\/li>\n
  • Realice una alineaci\u00f3n perfecta de todos los servicios que forman parte del producto.<\/li>\n<\/ul>\n

    Aunque en su libro Norman hablaba espec\u00edficamente de objetos cotidianos y no del dise\u00f1o de p\u00e1ginas web, estos principios pueden aplicarse a cualquier tipo de producto o servicio.<\/p>\n

    Pasos a seguir para el \u00e9xito del dise\u00f1o de la interfaz de usuario<\/h2>\n

    Un dise\u00f1o de interfaz de usuario atractivo inspira confianza, le permite ser visto en la web y atrae a posibles clientes que probablemente se convertir\u00e1n en sus clientes. Seguir estos pasos le ayudar\u00e1 a crear un dise\u00f1o de interfaz de usuario que est\u00e9 a la altura de las expectativas de los usuarios de Internet :<\/p>\n

      \n
    • Compruebe la coherencia de los tama\u00f1os de las fuentes en todo el proyecto. Aseg\u00farese de que aparecen correctamente en el m\u00f3vil y en el escritorio;<\/li>\n
    • Compruebe la aplicaci\u00f3n de las normas de contraste WCAG (Web Content Accessibility Guidelines) en la paleta de colores;<\/li>\n
    • Aseg\u00farese de que el sitio no es lento (optimice el tiempo de carga);<\/li>\n
    • Estandarizar el sitio (botones, bloques gr\u00e1ficos, etc.);<\/li>\n
    • Haga que el sitio sea visualmente atractivo adoptando el estilo gr\u00e1fico de la empresa.<\/li>\n<\/ul>\n

      Los pasos a seguir para la creaci\u00f3n de un dise\u00f1o de interfaz de usuario deben incluir indicadores de rendimiento como :<\/p>\n

        \n
      • La ejecuci\u00f3n de maquetas y la zonificaci\u00f3n en diferentes soportes como un ordenador o un smartphone ;<\/li>\n
      • Creaci\u00f3n de comentarios visuales, como mensajes de confirmaci\u00f3n de las acciones realizadas por los usuarios;<\/li>\n
      • Estilizaci\u00f3n de im\u00e1genes e iconos en un formato acorde con los formatos del momento;<\/li>\n
      • Minimizar el n\u00famero de pasos necesarios para completar tareas espec\u00edficas;<\/li>\n
      • Facilitando una buena referenciaci\u00f3n en Google.<\/li>\n<\/ul>\n

        Dise\u00f1ador de UI: \u00bfoutsourcing o \u00abin-house\u00bb?<\/h2>\n

        Ahora que ya sabes qu\u00e9 es el dise\u00f1o de la interfaz de usuario, vamos a centrarnos en el recurso m\u00e1s importante: las personas<\/strong>.
        \nSi no dispone de los recursos necesarios en su empresa, podemos ponerle en contacto con las mejores agencias de dise\u00f1o de su zona. P\u00f3ngase en contacto con nuestros expertos.<\/p>\n

        La misi\u00f3n del dise\u00f1ador de IU es crear una interfaz atractiva, acogedora, sencilla y pr\u00e1ctica que sea f\u00e1cil de dominar y que permita al usuario navegar f\u00e1cilmente sin hacer ning\u00fan esfuerzo. Todo debe ser intuitivo. Para ello, el profesional del dise\u00f1o entabla conversaciones con el cliente para entender claramente sus expectativas, sus objetivos de comunicaci\u00f3n y las necesidades del usuario final. A continuaci\u00f3n, utiliza sus conocimientos t\u00e9cnicos y su creatividad para dise\u00f1ar los modelos gr\u00e1ficos correspondientes a los deseos del cliente. As\u00ed, es el garante de la identidad visual de su cliente y del car\u00e1cter est\u00e9tico de la interfaz. En particular, elige los colores, los par\u00e1metros tipogr\u00e1ficos y tambi\u00e9n puede concebir el logotipo del sitio. Tambi\u00e9n se encarga del dise\u00f1o de los botones de navegaci\u00f3n y su disposici\u00f3n.<\/p>\n

        \"dise\u00f1o<\/p>\n

        Este es un ejemplo de maqueta que muestra la interfaz de usuario de las diferentes p\u00e1ginas del sitio o aplicaci\u00f3n.<\/p>\n

        El d\u00eda a d\u00eda del dise\u00f1ador de UI se basa en la eficacia en la organizaci\u00f3n de los textos y elementos gr\u00e1ficos para que la interfaz sea s\u00faper agradable y despierte emociones en el internauta. Ciertas habilidades son esenciales para un profesional del dise\u00f1o de la interfaz de usuario, especialmente la imaginaci\u00f3n y la sensibilidad art\u00edstica. Tambi\u00e9n debe ser un buen orador para exponer sus ideas y que sean f\u00e1cilmente aceptadas. En el aspecto t\u00e9cnico, est\u00e1 claro que hay que dominar perfectamente las herramientas de Adobe (Photoshop, Illustrator e Indesign). Tambi\u00e9n son \u00fatiles algunos lenguajes de programaci\u00f3n como PHP, JavaScript, HTML 5, Visual Basic, JQuery y MySQL. El dise\u00f1ador de interfaz de usuario es, por tanto, similar a un artista con conocimientos de desarrollo web.<\/p>\n

        La creatividad es el arma del dise\u00f1ador de interfaces de usuario<\/h2>\n

        Por supuesto, consideramos el dise\u00f1o de la interfaz de usuario como una forma de arte moderno. Para actuar, se necesitan muchas ideas e incluso imaginaci\u00f3n.
        \nEstas son algunas habilidades esenciales para cualquier buen dise\u00f1ador de interfaz de usuario :<\/p>\n

          \n
        • Ser creativo, ser capaz de innovar y tener excelentes habilidades de dise\u00f1o gr\u00e1fico.<\/li>\n
        • Estar abierto a todos los colaboradores del proyecto. Es este entendimiento entre los equipos lo que determinar\u00e1 el \u00e9xito del proyecto.<\/li>\n
        • Ser capaz de concebir y aplicar dise\u00f1os que puedan ser f\u00e1cilmente utilizados por el equipo t\u00e9cnico.<\/li>\n
        • Sea convincente para poder exponer sus ideas y justificar sus acciones, mostrando al mismo tiempo sensibilidad.<\/li>\n
        • Ser curioso y tener una muy buena cultura art\u00edstica.<\/li>\n
        • Ser organizado y un buen gestor de proyectos, ya que el dise\u00f1ador de interfaz de usuario debe tener en cuenta varios conocimientos procedentes de distintos departamentos de la empresa.<\/li>\n
        • Estar c\u00f3modo con el software necesario (Axure, Figma, Sketch, Invision, etc.) seg\u00fan sea necesario.<\/li>\n<\/ul>\n

          \u00bfCu\u00e1les son las tareas y misiones de un dise\u00f1ador de interfaz de usuario?<\/h2>\n

          El dise\u00f1ador de interfaz de usuario trabaja en la propia interfaz. Sus principales misiones son :<\/p>\n

            \n
          • Para mejorar la interfaz de usuario;<\/li>\n
          • Para que la navegaci\u00f3n sea m\u00e1s intuitiva y fluida;<\/li>\n
          • Dise\u00f1ar contenidos teniendo en cuenta los c\u00f3digos de la identidad de la marca;<\/li>\n
          • Potenciar los elementos gr\u00e1ficos y textuales para equilibrar el aspecto visual;<\/li>\n
          • Intervenir en la fluidez de los elementos, la pertinencia de las animaciones y la precisi\u00f3n del dise\u00f1o gr\u00e1fico.<\/li>\n<\/ul>\n

            El trabajo sobre el dise\u00f1o de la interfaz de usuario no puede disociarse del dise\u00f1o de la experiencia del usuario, por lo que debe :<\/p>\n

              \n
            • Comprender todas las cuestiones del proyecto;<\/li>\n
            • Analizar a los usuarios para identificar las palancas sobre las que actuar para mejorar el proyecto;<\/li>\n
            • Realizaci\u00f3n de maquetas, primeras l\u00edneas del dise\u00f1o;<\/li>\n
            • Realice las maquetas gr\u00e1ficas;<\/li>\n
            • Utilice las pruebas de usuarios para tomar decisiones.<\/li>\n<\/ul>\n

              Tambi\u00e9n es posible utilizar las pruebas A\/B para determinar la versi\u00f3n m\u00e1s eficaz de la interfaz.<\/p>\n

              En conclusi\u00f3n<\/h2>\n

              El enfoque del dise\u00f1o de la interfaz de usuario consiste en llevar a cabo varias acciones para concebir una interfaz de usuario atractiva que abarque todos los aspectos gr\u00e1ficos de una aplicaci\u00f3n o un sitio web. El dise\u00f1o de la interfaz de usuario se refiere a la p\u00e1gina a trav\u00e9s de la cual el usuario interact\u00faa con el producto. Sin embargo, para que la experiencia del usuario sea agradable, est\u00e1 claro que no basta con trabajar s\u00f3lo en la interfaz de usuario.<\/p>\n

              Puede que a estas alturas est\u00e9s de acuerdo con esta conclusi\u00f3n, la UI y la UX se complementan en el proceso de dise\u00f1o de un sitio web o una aplicaci\u00f3n. Si estas dos disciplinas no pueden disociarse, es esencial no confundirlas<\/strong>. Ambos son \u00fatiles para dise\u00f1ar un sitio web, cada uno aporta una soluci\u00f3n al problema del trabajo<\/strong>.<\/p>\n

              La interfaz de usuario es s\u00f3lo un componente de la experiencia del usuario. Se trata simplemente de hacer que la experiencia de navegaci\u00f3n sea lo m\u00e1s intuitiva posible mediante un dise\u00f1o funcional, que tranquilice y permita al usuario realizar f\u00e1cilmente sus b\u00fasquedas.<\/p>\n","protected":false},"excerpt":{"rendered":"

              El dise\u00f1o de la interfaz de usuario, o \u00abUI design\u00bb, es un campo amplio y complejo que ha ocupado un lugar muy importante en las tendencias del marketing web en los \u00faltimos a\u00f1os. Interviene en casi todos los niveles del proceso de dise\u00f1o de un sitio en l\u00ednea y del dise\u00f1o web. Para algunos profesionales, […]<\/p>\n","protected":false},"author":25,"featured_media":2245,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73,39],"class_list":["post-2239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-de-productos","category-creative-design"],"acf":[],"yoast_head":"\nDise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-28T14:44:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-28T14:47:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1747\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alicia Zambrano Braun\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alicia Zambrano Braun\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/\",\"name\":\"Dise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png\",\"datePublished\":\"2021-05-28T14:44:30+00:00\",\"dateModified\":\"2021-05-28T14:47:38+00:00\",\"author\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb\"},\"description\":\"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?\",\"breadcrumb\":{\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png\",\"contentUrl\":\"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png\",\"width\":1747,\"height\":1240,\"caption\":\"dise\u00f1o de la interfaz de usuario\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-es.sortlist-test.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El dise\u00f1o de la interfaz de usuario en el centro del proyecto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#website\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Nuestras Gu\u00edas de Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb\",\"name\":\"Alicia Zambrano Braun\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png\",\"caption\":\"Alicia Zambrano Braun\"},\"description\":\"quand elle ne cr\u00e9e pas de contenu pour ses blogs fran\u00e7ais ou espagnol, elle trouve l\u2019inspiration sur les r\u00e9seaux sociaux.\u00a0Elle erre sur \u201cCreapils\u201d et \u201cJ\u2019ai un pote dans la com\u201d pour trouver les meilleures id\u00e9es ! Analyser des publicit\u00e9s sympas est son pain quotidien ET... c\u2019est une rockstar du hockey !\",\"url\":\"https:\/\/www-es.sortlist-test.com\/blog\/author\/aliciazambranobraun\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog","description":"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog","og_description":"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?","og_url":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/","og_site_name":"Sortlist Blog","article_published_time":"2021-05-28T14:44:30+00:00","article_modified_time":"2021-05-28T14:47:38+00:00","og_image":[{"width":1747,"height":1240,"url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png","type":"image\/png"}],"author":"Alicia Zambrano Braun","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alicia Zambrano Braun","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/","url":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/","name":"Dise\u00f1o de la interfaz de usuario : definici\u00f3n y pasos - Sortlist Blog","isPartOf":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage"},"image":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png","datePublished":"2021-05-28T14:44:30+00:00","dateModified":"2021-05-28T14:47:38+00:00","author":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb"},"description":"\u00bfQu\u00e9 es el dise\u00f1o de la interfaz de usuario? \u00bfCu\u00e1les son las diferencias entre UX y UI? \u00bfCu\u00e1les son los pasos que hay que seguir ?","breadcrumb":{"@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#primaryimage","url":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png","contentUrl":"https:\/\/www-es.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/05\/comunicacion-corporativa-8.png","width":1747,"height":1240,"caption":"dise\u00f1o de la interfaz de usuario"},{"@type":"BreadcrumbList","@id":"https:\/\/www-es.sortlist-test.com\/blog\/diseno-de-la-interfaz-de-usuario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-es.sortlist-test.com\/blog\/"},{"@type":"ListItem","position":2,"name":"El dise\u00f1o de la interfaz de usuario en el centro del proyecto"}]},{"@type":"WebSite","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#website","url":"https:\/\/www-es.sortlist-test.com\/blog\/","name":"Sortlist Blog","description":"Nuestras Gu\u00edas de Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-es.sortlist-test.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/4c24e9b0715bb09eeb05a9b8f75457eb","name":"Alicia Zambrano Braun","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www-es.sortlist-test.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_25_1625132301-96x96.png","caption":"Alicia Zambrano Braun"},"description":"quand elle ne cr\u00e9e pas de contenu pour ses blogs fran\u00e7ais ou espagnol, elle trouve l\u2019inspiration sur les r\u00e9seaux sociaux.\u00a0Elle erre sur \u201cCreapils\u201d et \u201cJ\u2019ai un pote dans la com\u201d pour trouver les meilleures id\u00e9es ! Analyser des publicit\u00e9s sympas est son pain quotidien ET... c\u2019est une rockstar du hockey !","url":"https:\/\/www-es.sortlist-test.com\/blog\/author\/aliciazambranobraun\/"}]}},"_links":{"self":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/comments?post=2239"}],"version-history":[{"count":0,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2239\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media\/2245"}],"wp:attachment":[{"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media?parent=2239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-es.sortlist-test.com\/blog\/wp-json\/wp\/v2\/categories?post=2239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}