{"id":639,"date":"2025-06-22T16:29:55","date_gmt":"2025-06-22T16:29:55","guid":{"rendered":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639"},"modified":"2025-07-29T12:41:18","modified_gmt":"2025-07-29T12:41:18","slug":"narrativa-del-videojuego-interfaz-y-experiencia","status":"publish","type":"post","link":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639","title":{"rendered":"Narrativa del videojuego: interfaz y experiencia"},"content":{"rendered":"\n<p>La interfaz y experiencia del usuario es el esc\u00e1ner del videojuego, como la narrativa se desarrolla no solo a trav\u00e9s de convencionalismos. Hoy, en <a href=\"https:\/\/puntoderespawn.com\/etiqueta\/narrativa-del-videojuego\" target=\"_blank\" rel=\"noreferrer noopener\"><em><strong>Narrativa del videojuego<\/strong><\/em><\/a>, nos detenemos en una de las secciones donde m\u00e1s horas gastamos delante de la TV.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI\/UX<\/h2>\n\n\n\n<p>La <strong>interfaz<\/strong> de usuario (UI) y la <strong>experiencia<\/strong> del usuario (UX) desempe\u00f1an un papel fundamental en la construcci\u00f3n de la historia. Si bien es cierto que, como jugadores, damos por hecho algunos aspectos predeterminados de manera inconsciente, estas dos ramas son componentes que no solo gu\u00edan al jugador a trav\u00e9s de la aventura, sino que tambi\u00e9n contribuyen de manera significativa a la inmersi\u00f3n y al <strong>desarrollo de la trama.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png\" alt=\"UI UX\" class=\"wp-image-19547\"\/><\/figure>\n\n\n\n<p>Toda esta informaci\u00f3n se puede categorizar en 4 grupos, dependiendo de la interpretaci\u00f3n que quieran despertar los autores. Como vimos en nuestro art\u00edculo sobre <a href=\"https:\/\/puntoderespawn.com\/articulos\/narrativa\/narrativa-del-videojuego-genero-formato-y-tono\/\" target=\"_blank\" rel=\"noreferrer noopener\">g\u00e9nero, formato y tono<\/a>, ah\u00ed reside parte del dise\u00f1o de UI\/UX.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-2-1024x576.png\" alt=\"UI categor\u00edas\" class=\"wp-image-19549\"\/><figcaption class=\"wp-element-caption\"><em>Para m\u00e1s informaci\u00f3n sobre estas 4 categor\u00edas, os recomendamos <a href=\"https:\/\/www.toptal.com\/designers\/gui\/game-ui\" target=\"_blank\" rel=\"noreferrer noopener\">el siguiente art\u00edculo de Toptal<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">La interfaz como cuentacuentos imperceptible<\/h2>\n\n\n\n<p>Cuando un t\u00edtulo nos da una serie de botones o men\u00fas, nos adaptamos lo m\u00e1s r\u00e1pido posible a su propuesta. La mera disposici\u00f3n de los <em>boxes <\/em>o el simple hecho de destacar una secci\u00f3n en detrimento de otra hace que cada decisi\u00f3n de dise\u00f1o cuente su propia historia. En esto \u00faltimo, conviene destacar que no siempre tienen que ir en consonancia al <em>gameplay, <\/em>como veremos m\u00e1s abajo.<\/p>\n\n\n\n<p>\u00abReturn of the Obra Dinn\u00bb, un juego de misterio e investigaci\u00f3n, utiliza su <strong>UI de manera ingeniosa <\/strong>para contar su propia historia en alta mar. Su interfaz, pensada sobre 1bit, no solo establece una manera de proceder. Cada elemento de la UI, desde el libro de registro hasta el reloj de bolsillo, es esencial para desentra\u00f1ar el misterio, demostrando c\u00f3mo la UI puede ser integrada profundamente en&nbsp;la&nbsp;narrativa.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.gameuidatabase.com\/gameData.php?id=1460\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-3-1024x576.jpg\" alt=\"Return of the Obra Dinn\" class=\"wp-image-19550\"\/><\/a><\/figure>\n\n\n\n<p>La elecci\u00f3n de colores y fuentes <strong>(UI)<\/strong> avisan al jugador de algo que puede haber pasado por alto, o recuerdan un objeto en tu inventario que recolectaste y no has examinado. Imaginad que ese objeto que se te olvid\u00f3 revisar cambia tu manera de ver las cosas. \u00bfQu\u00e9 supondr\u00eda eso? Que <strong>la UI no solo alberga funcionalidad, tambi\u00e9n come terreno a la narrativa.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A m\u00e1s B igual a \u201cte queda poca vida\u201d<\/h2>\n\n\n\n<p>Otro ejemplo que podemos destacar aqu\u00ed es la dichosa barra de salud. Que te quede poca vida se puede contar de muchas maneras: con la cl\u00e1sica barra, corazones en Zelda, mediante los jadeos del personaje principal, etc\u2026<\/p>\n\n\n\n<p>Cada uno tiene un lenguaje propio. De esta manera, nuestra atenci\u00f3n se dirige hac\u00eda estos indicadores, priorizando su gesti\u00f3n sin necesidad de otros inputs, permitiendo al jugador valerse de estas indicaciones para tomar decisiones. Cuanta m\u00e1s naturalidad, casi mejor. Es el caso de<strong> Dead Space<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.gameuidatabase.com\/gameData.php?id=581#&amp;gid=1&amp;pid=16\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-2-1024x576.jpg\" alt=\"Dead space\" class=\"wp-image-19548\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Procesa todo lo que puedas, ya forma parte de ti<\/h2>\n\n\n\n<p>Asimismo, la UX tambi\u00e9n puede afectar a la consecuci\u00f3n de acontecimientos, <em>leveando<\/em> al personaje principal y viendo en pantalla a tiempo real una <strong>arquitectura de informaci\u00f3n<\/strong> distinta.<\/p>\n\n\n\n<p>Por lo tanto, la experiencia del usuario trata de c\u00f3mo el jugador interact\u00faa con el juego. Una UX bien dise\u00f1ada permite que la narrativa fluya de manera natural, sin interrupciones. Los men\u00fas intuitivos y las transiciones suaves entre escenas contribuyen a una experiencia sin fisuras, permitiendo que la historia se desenvuelva de manera org\u00e1nica.<\/p>\n\n\n\n<p>El simple hecho de ofrecer al jugador esta caracter\u00edstica sin desconciertos o frustraciones innecesarias proporcionar\u00e1 una satisfacci\u00f3n base que ser\u00e1 clave a la hora de establecer una s\u00f3lida opini\u00f3n del conjunto general del videojuego.<\/p>\n\n\n\n<p>En <strong>Death Stranding<\/strong> se nos presenta un universo en el que, am\u00e9n de otros temas, se trata la soledad y c\u00f3mo nos afecta como especie. <strong>El sentimiento de pertenecer a una comunidad<\/strong>. Est\u00e1s literalmente andando en soledad, con tu m\u00fasica y tu paqueter\u00eda. Es minimalista. \u00bfC\u00f3mo se nos presenta su men\u00fa de carga? De todo menos minimalista (salvo su interfaz de <em>gameplay<\/em>). De hecho, abruma su informaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/interfaceingame.com\/games\/death-stranding\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-4-1024x576.png\" alt=\"Death Stranding\" class=\"wp-image-19551\"\/><\/a><\/figure>\n\n\n\n<p>Su UI juega un papel crucial en ese <strong>sentimiento de aislamiento,<\/strong> por eso se antoja tan necesario llegar de punto A al B. La mec\u00e1nica de equilibrio, visualizada a trav\u00e9s de una interfaz minimalista y centrada en la carga del personaje, refleja la carga an\u00edmica y f\u00edsica de nuestro querido Sam Porter Bridges.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI\/UX y tu criterio<\/h2>\n\n\n\n<p>A estas alturas del art\u00edculo, nos queda claro que las claves en la narrativa del videojuego van m\u00e1s all\u00e1 de las palabras en un guion o del apartado art\u00edstico. La experiencia del usuario para con el videojuego utiliza <strong>m\u00e9tricas te\u00f3ricas<\/strong> (qu\u00e9 sabemos sobre el papel) <strong>y pr\u00e1cticas<\/strong> (tandas de testeos a peque\u00f1a o mediana escala).<\/p>\n\n\n\n<p>Vedlo del siguiente modo, una UI bien pensada se convierte en <strong>el puente que conecta a los jugadores con el refuerzo del mensaje.<\/strong> Por su lado, una UX bien ejecutada administrar\u00e1 y determinar\u00e1 la gesti\u00f3n de toda la informaci\u00f3n en pantalla y podr\u00e1 suponer el elemento diferencial.<\/p>\n\n\n\n<p>A menudo lo pasamos por alto, pero son mecanismos esenciales que dan vida a la narrativa.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La interfaz y experiencia del usuario es el esc\u00e1ner del videojuego, como la narrativa se desarrolla no solo a trav\u00e9s de convencionalismos. Hoy, en Narrativa del videojuego, nos detenemos en una de las secciones donde m\u00e1s horas gastamos delante de la TV. UI\/UX La interfaz de usuario (UI) y la experiencia del usuario (UX) desempe\u00f1an [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,45,20],"tags":[25],"class_list":["post-639","post","type-post","status-publish","format-standard","hentry","category-articulo","category-narrativa-del-videojuego","category-videojuegos","tag-narrativa-interactiva"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Narrativa del videojuego: interfaz y experiencia - Paco<\/title>\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=\"Narrativa del videojuego: interfaz y experiencia - Paco\" \/>\n<meta property=\"og:description\" content=\"La interfaz y experiencia del usuario es el esc\u00e1ner del videojuego, como la narrativa se desarrolla no solo a trav\u00e9s de convencionalismos. Hoy, en Narrativa del videojuego, nos detenemos en una de las secciones donde m\u00e1s horas gastamos delante de la TV. UI\/UX La interfaz de usuario (UI) y la experiencia del usuario (UX) desempe\u00f1an [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639\" \/>\n<meta property=\"og:site_name\" content=\"Paco\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-22T16:29:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-29T12:41:18+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639\",\"url\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639\",\"name\":\"Narrativa del videojuego: interfaz y experiencia - Paco\",\"isPartOf\":{\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage\"},\"image\":{\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage\"},\"thumbnailUrl\":\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png\",\"datePublished\":\"2025-06-22T16:29:55+00:00\",\"dateModified\":\"2025-07-29T12:41:18+00:00\",\"author\":{\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/b81cc141b578e662cc6a8bc87a455eb3\"},\"breadcrumb\":{\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage\",\"url\":\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png\",\"contentUrl\":\"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Narrativa del videojuego: interfaz y experiencia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#website\",\"url\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/\",\"name\":\"Paco\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/b81cc141b578e662cc6a8bc87a455eb3\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/27acb2993b17ee0555ad78c63c0610b34ded50c690cb1f31b2a818e46ddb218f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/27acb2993b17ee0555ad78c63c0610b34ded50c690cb1f31b2a818e46ddb218f?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/crazy-booth.217-71-207-226.plesk.page\"],\"url\":\"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Narrativa del videojuego: interfaz y experiencia - Paco","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":"Narrativa del videojuego: interfaz y experiencia - Paco","og_description":"La interfaz y experiencia del usuario es el esc\u00e1ner del videojuego, como la narrativa se desarrolla no solo a trav\u00e9s de convencionalismos. Hoy, en Narrativa del videojuego, nos detenemos en una de las secciones donde m\u00e1s horas gastamos delante de la TV. UI\/UX La interfaz de usuario (UI) y la experiencia del usuario (UX) desempe\u00f1an [&hellip;]","og_url":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639","og_site_name":"Paco","article_published_time":"2025-06-22T16:29:55+00:00","article_modified_time":"2025-07-29T12:41:18+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"admin","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639","url":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639","name":"Narrativa del videojuego: interfaz y experiencia - Paco","isPartOf":{"@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#website"},"primaryImageOfPage":{"@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage"},"image":{"@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage"},"thumbnailUrl":"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png","datePublished":"2025-06-22T16:29:55+00:00","dateModified":"2025-07-29T12:41:18+00:00","author":{"@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/b81cc141b578e662cc6a8bc87a455eb3"},"breadcrumb":{"@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#primaryimage","url":"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png","contentUrl":"https:\/\/puntoderespawn.com\/wp-content\/uploads\/2023\/11\/FOTO-1-1024x576.png"},{"@type":"BreadcrumbList","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?p=639#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/"},{"@type":"ListItem","position":2,"name":"Narrativa del videojuego: interfaz y experiencia"}]},{"@type":"WebSite","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#website","url":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/","name":"Paco","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/b81cc141b578e662cc6a8bc87a455eb3","name":"admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/27acb2993b17ee0555ad78c63c0610b34ded50c690cb1f31b2a818e46ddb218f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/27acb2993b17ee0555ad78c63c0610b34ded50c690cb1f31b2a818e46ddb218f?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/crazy-booth.217-71-207-226.plesk.page"],"url":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/posts\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=639"}],"version-history":[{"count":1,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/posts\/639\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=\/wp\/v2\/posts\/639\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crazy-booth.217-71-207-226.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}