{"id":5398,"date":"2024-07-02T08:36:56","date_gmt":"2024-07-02T14:36:56","guid":{"rendered":"https:\/\/oliverpuente.com\/?p=5398"},"modified":"2025-03-03T10:05:48","modified_gmt":"2025-03-03T16:05:48","slug":"ux-tutorial-para-principiantes","status":"publish","type":"post","link":"https:\/\/oliverpuente.com\/en\/ui-ux\/ux-tutorial-para-principiantes\/","title":{"rendered":"UX Tutorial for Beginners \u2013 Step by Step Guide (FREE)"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>UX Tutorial para principiantes:<\/strong> En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX o analista UX incluso si eres un principiante. En este tutorial UX para principiantes vas a aprender acerca del proceso de UX las consideraciones alrededor de la experiencia de usuario y lo que puedes esperar de este tipo de rol.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Definici\u00f3n corta de UX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Posiblemente, has escuchado el t\u00e9rmino UX y otras palabras relacionadas como usabilidad, interfaz y experiencia all\u00e1 afuera. As\u00ed que vamos a simplificarlo:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Experiencia:<\/strong> Una experiencia es la circunstancia o acontecimiento vivido por una persona. Es decir, lo que ha sentido, conocido o presenciado alguien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UX<\/strong>: La palabra UX son siglas que significan \u201cUser experience\u201d o \u201cExperiencia de usuario\u201d y b\u00e1sicamente, abarca todos los aspectos de la interacci\u00f3n del usuario final con una empresa, sus servicios y sus productos. Abarcando el recorrido que toma para cumplir su objetivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UI:<\/strong> Una interfaz de usuario o por sus siglas en ingl\u00e9s UI o \u201cUser Interface\u201d es la conexi\u00f3n, f\u00edsica o l\u00f3gica, entre una computadora y el usuario. O en otras palabras, es el espacio en donde las m\u00e1quinas tienen interacciones con los humanos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Usabilidad:<\/strong> Y finalmente, la usabilidad. Esta es la caracter\u00edstica que tiene un sistema para ser f\u00e1cil de aprender, eficiente de usar, agradable al interactuar<strong>. <\/strong>Es decir, pr\u00e1ctico, est\u00e9tico y satisfactorio.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"UX para principiantes | Qu\u00e9 es el dise\u00f1o UX (Proceso COMPLETO)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/D4QnK_gRvcg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Por qu\u00e9 ahora m\u00e1s que nunca las empresas buscan especialistas en UX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Porque existe una gran cantidad de proyectos en el mercado que demandan una experiencia satisfactoria para el usuario.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estamos hablando de activos digitales como, aplicaciones, e-commerces, <a href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/domina-el-arte-de-la-landing-page-guia-definitiva\/\">sitios corporativos<\/a>, SaaS y mucho m\u00e1s. Y el UX, es la herramienta clave, a la hora de incrementar KPI, como lo son: el porcentaje de interacci\u00f3n, conversi\u00f3n y cumplimiento de objetivos en estas interfaces.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando hacemos UX, convertimos los sistemas complejos en sistemas simples de entender y usar. Y eso solo se logra a trav\u00e9s de una alta capacidad de an\u00e1lisis y l\u00f3gica que es escasa en el mercado y, por lo tanto, pasa a ser valiosa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Lo m\u00e1s probable que vas a estar haciendo en UX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora, si decides trabajar o participar en un proyecto como dise\u00f1ador de experiencia de usuario o analista de experiencia de usuario. <strong>Necesitas tomar en consideraci\u00f3n que Lo que vas a estar haciendo principalmente es:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Recopilar datos de la experiencia y comportamiento de los usuarios para analizarlos y traducirlos a personas de otras \u00e1reas <\/strong>y as\u00ed generar insights y acciones de clave para mejorar. O, en otras palabras, vas a digerirles los datos a un grupo de personas para darles informaci\u00f3n \u00fatil en forma de un listado de cambios y acciones puntuales para mejorar el activo que ya poseen o van a desarrollar.<\/li>\n\n\n\n<li><strong>Vas a pasar mucho tiempo en videollamadas con los equipos de sistemas, mercadeo, dise\u00f1o y desarrollo, debatiendo, resolviendo y planteando maneras m\u00e1s efectivas de mejorar flujos<\/strong>, funcionamiento de m\u00f3dulos, interacciones, estrategias y la ubicaci\u00f3n inteligente de elementos de una interfaz.<\/li>\n\n\n\n<li><strong>Estar\u00e1s creando flujos, wireframes, mapas de arquitecturas, reportes y prototipos para poder alinear la experiencia del usuario con los objetivos comerciales de la empresa.<\/strong> Comunic\u00e1ndoles a los equipos correspondientes de forma m\u00e1s tangible, lo que exactamente se tiene que hacer para mejorar la experiencia de usuario.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Esto quiere decir que este trabajo es un puesto <strong>m\u00e1s estrat\u00e9gico y menos operacional.<\/strong> Es decir, vas a pasar m\u00e1s tiempo pensando, analizando, investigando y comunicando que dise\u00f1ando gr\u00e1ficamente y desarrollando. Eso es m\u00e1s rol del dise\u00f1ador UI, que el dise\u00f1ador o analista UX<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que hace un dise\u00f1ador UX valioso no es la habilidad que hay en sus manos, sino el conocimiento y capacidad de an\u00e1lisis que hay en su cabeza.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ciclo de vida del producto.<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El ciclo de vida del producto es un fen\u00f3meno temporal que se da en la cronolog\u00eda de todos los productos. Hablando desde su lanzamiento hasta su desaparici\u00f3n del mercado. B\u00e1sicamente, cada producto vive una etapa de introducci\u00f3n al mercado, crecimiento, madurez y declive. Sin embargo, muchos optan por la innovaci\u00f3n una vez detectan que el producto se encuentra en una etapa de declive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tipos de productos que vas a trabajar en UX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cuando vas a trabajar un proyecto de UX tienes dos perspectivas para abordarlo<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La primera es el UX para productos en una etapa de introducci\u00f3n al mercado.<\/li>\n\n\n\n<li>El segundo es el UX para productos en una etapa de madurez.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Para ambos, hay un acercamiento adecuado y objetivos de mercadeo diferentes. Lo importante es formular un plan de trabajo efectivo tomando en consideraci\u00f3n el tiempo disponible y la necesidad de los usuarios. Esto es importante para este tutorial UX para principiantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>El proceso de dise\u00f1o UX REAL<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A medida que investigues sobre el proceso de dise\u00f1o UX, te dar\u00e1s cuenta de que hay muchos modelos y metodolog\u00edas que no necesariamente se adaptan a la realidad. O por lo menos NO de la forma en la que esperamos. Por ejemplo: El proceso de Design Thinking es t\u00edpicamente mencionado en el rubro del UX<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este proceso se centra en resolver un problema de dise\u00f1o a trav\u00e9s de 5 etapas: Empatizar, definir, Idear, prototipar y testear. Sin embargo, en el rubro del UX el proceso es m\u00e1s similar al siguiente:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Investigar<\/li>\n\n\n\n<li>Analizar<\/li>\n\n\n\n<li>Crear diagramas de flujo (Flow chart)<\/li>\n\n\n\n<li>Dise\u00f1ar Wireframes<\/li>\n\n\n\n<li>Prototipar<\/li>\n\n\n\n<li>Desarrollar<\/li>\n\n\n\n<li>Testear<\/li>\n\n\n\n<li>Recopilar resultados<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos a ver en que consiste cada uno:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Investigaci\u00f3n UX<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La investigaci\u00f3n UX consiste en recopilar datos del comportamiento y necesidades de los usuarios con relaci\u00f3n a su interacci\u00f3n con los productos, servicios y activos de una marca.<\/strong> Observando que tan f\u00e1cilmente pueden completar su objetivo y su satisfacci\u00f3n a lo largo del proceso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed, dependiendo del activo a analizar, utilizamos herramientas como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pruebas de usabilidad<\/li>\n\n\n\n<li>Instrumentos de investigaci\u00f3n (Encuestas, Card Sorting, Gu\u00edas de Observaci\u00f3n).<\/li>\n\n\n\n<li>Google Analytics<\/li>\n\n\n\n<li>Microsoft Clarity<\/li>\n\n\n\n<li>Search Console<\/li>\n\n\n\n<li>Estudios NPS (Net Promoter Score)<\/li>\n\n\n\n<li>Looker Studio (Etc.)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>An\u00e1lisis UX<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/how-to-perform-a-ui-ux-analysis-of-a-website\/\">El an\u00e1lisis UX <\/a>es la lectura e interpretaci\u00f3n l\u00f3gica de un conjunto de datos del comportamiento de los usuarios que nos permiten convertirlo en informaci\u00f3n \u00fatil y accionable. El an\u00e1lisis UX engloba conocimientos te\u00f3ricos y pr\u00e1cticos para la formulaci\u00f3n de hip\u00f3tesis que nos permiten tomar decisiones viables con base a insights.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Crear diagramas de flujo (Flow chart \/ User Flow)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los diagramas de flujo, (user flow) o tambi\u00e9n llamados \u201cFlow charts\u201d. Son una gu\u00eda de c\u00f3mo el proceso detr\u00e1s de un sistema ordenado tiene que funcionar para el usuario. Esta herramienta se suele usar para determinar que pantallas o p\u00e1ginas el usuario tiene que pasar previo a completar el objetivo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dise\u00f1ar Wireframes<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los Wireframes son un conjunto de ilustraciones bidimensionales que se enfoca en la asignaci\u00f3n de espacio, funcionalidad, prioridades y comportamientos previstos a la interfaz. Los wireframes se realizan a trav\u00e9s de un proceso llamado \u201cwireframing\u201d. Que consiste en usar programas de dise\u00f1o para aterrizar las ideas. Se tiene dos tipos de wireframes: Los de baja fidelidad y los de alta fidelidad. La diferencia entre ambos es que el primero es solo un bosquejo general de la idea, mientras que el segundo es una gu\u00eda m\u00e1s elaborada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Prototipar<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un prototipo es un ejemplar o modelo de un dise\u00f1o que pretende emular el resultado final de la forma m\u00e1s fiel posible a la idea original. Es decir, un prototipo es un dise\u00f1o interactivo previo al proceso de desarrollo con el que se pueden realizan pruebas y validaciones. Cuando prototipamos, realmente concretamos las hip\u00f3tesis planteadas en el an\u00e1lisis UX y la diagramaci\u00f3n planteada en los wireframes. El prototipo sirve como una gu\u00eda para el equipo de desarrollo y sistemas sobre como la soluci\u00f3n de experiencia de usuario tiene que funcionar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Desarrollo<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En la etapa de desarrollo, el equipo correspondiente se encarga de evaluar las diferentes instancias, gu\u00edas y funcionamiento de elementos para poder llevarlos a crear un producto final, ya sea a trav\u00e9s del uso de las ciencias aplicadas o la programaci\u00f3n en el caso de un producto digital. Para ponerlo de forma simple, el ingeniero en sistemas y desarrollador web pasan a programar el funcionamiento de un producto m\u00ednimo viable (MVP) usando las indicaciones recibidas para que sea lo m\u00e1s cercano al prototipo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Testear (TestingI)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El proceso de testing (Tambi\u00e9n llamado testear) consiste en una validaci\u00f3n de calidad est\u00e1ndar, probando la funcionalidad e interfaz de usuario de un producto o soluci\u00f3n de experiencia de usuario (UX) con un segmento piloto de usuarios. Este proceso debe de recopilar los indicadores clave de \u00e9xito (KPI) y evaluar que el producto los est\u00e9 cumpliendo. En caso de que la soluci\u00f3n no cumpla, esto se convierte en un punto de mejora.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Recopilar resultados.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, una vez ya se tenga la soluci\u00f3n de experiencia de usuario liberada al mercado, es momento de dejarla realizar su trabajo y medir sus resultados teniendo en claro el antes y el despu\u00e9s. Para hacerlo, se utilizan herramientas de anal\u00edtica digital, instrumentos de investigaci\u00f3n, testimoniales, calificaciones NPS o pruebas de usabilidad que permitan validar o desvalidar las soluciones planteadas durante el proceso de dise\u00f1o UX. Esto nos permitir\u00e1 evaluar si se cumpli\u00f3 con el objetivo inicial y en qu\u00e9 medida. Tambi\u00e9n abre la puerta a futuras mejoras de la interfaz y permite al equipo administrativo o gerencial tener una retroalimentaci\u00f3n m\u00e1s resumida de los esfuerzos en mejora la experiencia de usuario.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Presentar resultados<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez el especialista UX ha recopilado sus resultados, este tiene que demostrar si la hip\u00f3tesis planteada originalmente se cumpli\u00f3 y c\u00f3mo. Por lo general, este proceso consiste en explicar a equipos gerenciales y de mercadeo como los ajustes realizados cumplieron con las m\u00e9tricas a trav\u00e9s del uso de gr\u00e1ficas o grabaciones que faciliten la comprensi\u00f3n de lo mismo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>UX tutorial para principiantes<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Repasemos los puntos claves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La experiencia de usuario son todos los aspectos de la interacci\u00f3n del usuario final con una empresa, sus servicios y sus productos.&nbsp;<\/li>\n\n\n\n<li>El especialista UX traduce las necesidades de los usuarios en insights accionables a los miembros del equipo<\/li>\n\n\n\n<li>El UX es un proceso anal\u00edtico y estrat\u00e9gico NO operacional<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>El proceso del UX consiste en:<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Investigar<\/li>\n\n\n\n<li>Analizar<\/li>\n\n\n\n<li>Crear diagramas de flujo<\/li>\n\n\n\n<li>Dise\u00f1ar wireframes<\/li>\n\n\n\n<li>Prototipar<\/li>\n\n\n\n<li>Desarrollar<\/li>\n\n\n\n<li>Testear<\/li>\n\n\n\n<li>Recopilar resultados<\/li>\n\n\n\n<li>Presentar resultados<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Esperamos que este tutorial UX para principiantes haya podido serte de ayuda. No dudes en compartirlo con tu red de contactos.<\/p>","protected":false},"excerpt":{"rendered":"<p>UX Tutorial para principiantes: En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX o analista UX incluso [&hellip;]<\/p>","protected":false},"author":1,"featured_media":5399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[18],"class_list":["post-5398","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-ux","tag-ui-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.11 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS) - oliverpuente UI\/UX<\/title>\n<meta name=\"description\" content=\"UX Tutorial para principiantes: En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX\/analista UX incluso si eres un principiante.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oliverpuente.com\/en\/ui-ux\/ux-tutorial-para-principiantes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS)\" \/>\n<meta property=\"og:description\" content=\"UI\/UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oliverpuente.com\/en\/ui-ux\/ux-tutorial-para-principiantes\/\" \/>\n<meta property=\"og:site_name\" content=\"oliverpuente\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/oliver.branding\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/oliver.branding\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-02T14:36:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-03T16:05:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1270\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Oliver Puente\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oliver Puente\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/\"},\"author\":{\"name\":\"Oliver Puente\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"headline\":\"UX tutorial para principiantes &#8211; Gu\u00eda Paso a Paso (GRATIS)\",\"datePublished\":\"2024-07-02T14:36:56+00:00\",\"dateModified\":\"2025-03-03T16:05:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/\"},\"wordCount\":1829,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"image\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg\",\"keywords\":[\"UI\\\/UX\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/\",\"name\":\"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS) - oliverpuente UI\\\/UX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg\",\"datePublished\":\"2024-07-02T14:36:56+00:00\",\"dateModified\":\"2025-03-03T16:05:48+00:00\",\"description\":\"UX Tutorial para principiantes: En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX\\\/analista UX incluso si eres un principiante.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg\",\"contentUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg\",\"width\":1270,\"height\":450,\"caption\":\"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/ui-ux\\\/ux-tutorial-para-principiantes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oliverpuente.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX tutorial para principiantes &#8211; Gu\u00eda Paso a Paso (GRATIS)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#website\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/\",\"name\":\"oliverpuente\",\"description\":\"Identidad de marca - Dise\u00f1ador de identidad de marca\",\"publisher\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\"},\"alternateName\":\"Oliver Puente\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oliverpuente.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/#\\\/schema\\\/person\\\/84c34fc032a089970dd7d3a9cf7899c7\",\"name\":\"Oliver Puente\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"contentUrl\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\",\"width\":609,\"height\":186,\"caption\":\"Oliver Puente\"},\"logo\":{\"@id\":\"https:\\\/\\\/oliverpuente.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg\"},\"description\":\"Dise\u00f1ador freelance de identidad de marca y UI\\\/UX con sede en Guatemala. Oliver Puente ayuda a las empresas a modernizar sus marcas.\",\"sameAs\":[\"http:\\\/\\\/www.oliverpuente.com\",\"https:\\\/\\\/www.facebook.com\\\/oliver.branding\",\"https:\\\/\\\/www.instagram.com\\\/oliver.branding\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/oliver-puente-branding\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/oliverpuente916\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Dizalo\\\/featured\"],\"knowsAbout\":[\"Branding\",\"UI\",\"UX\",\"Dise\u00f1o Web\"],\"knowsLanguage\":[\"espa\u00f1ol\",\"ingl\u00e9s\"],\"jobTitle\":\"Dise\u00f1ador de marcas\",\"worksFor\":\"Dizalo\",\"url\":\"https:\\\/\\\/oliverpuente.com\\\/en\\\/author\\\/puentegutierrezzzoliversho\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS) - oliverpuente UI\/UX","description":"UX Tutorial para principiantes: En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX\/analista UX incluso si eres un principiante.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oliverpuente.com\/en\/ui-ux\/ux-tutorial-para-principiantes\/","og_locale":"en_US","og_type":"article","og_title":"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS)","og_description":"UI\/UX","og_url":"https:\/\/oliverpuente.com\/en\/ui-ux\/ux-tutorial-para-principiantes\/","og_site_name":"oliverpuente","article_publisher":"https:\/\/www.facebook.com\/oliver.branding","article_author":"https:\/\/www.facebook.com\/oliver.branding","article_published_time":"2024-07-02T14:36:56+00:00","article_modified_time":"2025-03-03T16:05:48+00:00","og_image":[{"width":1270,"height":450,"url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg","type":"image\/jpeg"}],"author":"Oliver Puente","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Oliver Puente","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#article","isPartOf":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/"},"author":{"name":"Oliver Puente","@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"headline":"UX tutorial para principiantes &#8211; Gu\u00eda Paso a Paso (GRATIS)","datePublished":"2024-07-02T14:36:56+00:00","dateModified":"2025-03-03T16:05:48+00:00","mainEntityOfPage":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/"},"wordCount":1829,"commentCount":0,"publisher":{"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"image":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#primaryimage"},"thumbnailUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg","keywords":["UI\/UX"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/","url":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/","name":"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS) - oliverpuente UI\/UX","isPartOf":{"@id":"https:\/\/oliverpuente.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#primaryimage"},"image":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#primaryimage"},"thumbnailUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg","datePublished":"2024-07-02T14:36:56+00:00","dateModified":"2025-03-03T16:05:48+00:00","description":"UX Tutorial para principiantes: En este art\u00edculo te ayudar\u00e1 a empezar tu camino como dise\u00f1ador UX\/analista UX incluso si eres un principiante.","breadcrumb":{"@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#primaryimage","url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg","contentUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2024\/07\/UX-tutorial-para-principiantes-Guia-Paso-a-Paso.jpg","width":1270,"height":450,"caption":"UX tutorial para principiantes - Gu\u00eda Paso a Paso (GRATIS)"},{"@type":"BreadcrumbList","@id":"https:\/\/oliverpuente.com\/ui-ux\/ux-tutorial-para-principiantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oliverpuente.com\/"},{"@type":"ListItem","position":2,"name":"UX tutorial para principiantes &#8211; Gu\u00eda Paso a Paso (GRATIS)"}]},{"@type":"WebSite","@id":"https:\/\/oliverpuente.com\/#website","url":"https:\/\/oliverpuente.com\/","name":"oliverpuente","description":"Identidad de marca - Dise\u00f1ador de identidad de marca","publisher":{"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7"},"alternateName":"Oliver Puente","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oliverpuente.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/oliverpuente.com\/#\/schema\/person\/84c34fc032a089970dd7d3a9cf7899c7","name":"Oliver Puente","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","url":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","contentUrl":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg","width":609,"height":186,"caption":"Oliver Puente"},"logo":{"@id":"https:\/\/oliverpuente.com\/wp-content\/uploads\/2023\/10\/oliver-puente-logo-imagotipo-principal-full-color-rgb.svg"},"description":"Dise\u00f1ador freelance de identidad de marca y UI\/UX con sede en Guatemala. Oliver Puente ayuda a las empresas a modernizar sus marcas.","sameAs":["http:\/\/www.oliverpuente.com","https:\/\/www.facebook.com\/oliver.branding","https:\/\/www.instagram.com\/oliver.branding\/","https:\/\/www.linkedin.com\/in\/oliver-puente-branding\/","https:\/\/www.pinterest.com\/oliverpuente916\/","https:\/\/www.youtube.com\/c\/Dizalo\/featured"],"knowsAbout":["Branding","UI","UX","Dise\u00f1o Web"],"knowsLanguage":["espa\u00f1ol","ingl\u00e9s"],"jobTitle":"Dise\u00f1ador de marcas","worksFor":"Dizalo","url":"https:\/\/oliverpuente.com\/en\/author\/puentegutierrezzzoliversho\/"}]}},"_links":{"self":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/5398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/comments?post=5398"}],"version-history":[{"count":2,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/5398\/revisions"}],"predecessor-version":[{"id":5720,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/posts\/5398\/revisions\/5720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/media\/5399"}],"wp:attachment":[{"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/media?parent=5398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/categories?post=5398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oliverpuente.com\/en\/wp-json\/wp\/v2\/tags?post=5398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}