{"id":26003,"date":"2023-02-17T21:17:47","date_gmt":"2023-02-17T21:17:47","guid":{"rendered":"https:\/\/building.nubank.com\/how-we-created-tabs-a-new-ui-for-a-new-financial-experience\/"},"modified":"2024-05-22T14:17:05","modified_gmt":"2024-05-22T14:17:05","slug":"como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera","status":"publish","type":"post","link":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/","title":{"rendered":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera"},"content":{"rendered":"\n<p><em>Escrito por: Marina Brustello, Daniel Teixeira, Tacio Lobo, Mariana Andrade, Rachel Jordan, Paco, Nicolas De\u00e7ordi, Camila Alvinh\u00e3o, Jaqueline Barbosa, Marco Soares, Vanessa Oliveira, Sinara Santos<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<p>Nubank naci\u00f3 para luchar contra la complejidad del sistema financiero. Nuestro prop\u00f3sito debe reflejarse no solo en nuestros productos o en nuestro servicio de atenci\u00f3n al cliente, sino tambi\u00e9n en la aplicaci\u00f3n de Nubank: el mayor punto de contacto de la empresa con los clientes.<\/p>\n\n\n\n<p>Y aunque este enfoque en la simplicidad y la experiencia del usuario nunca ha flaqueado, despu\u00e9s de ocho a\u00f1os, m\u00e1s de 70 millones de clientes en tres pa\u00edses (Brasil, Colombia y M\u00e9xico), y una amplia cartera de productos, nuestra aplicaci\u00f3n se estaba convirtiendo en una larga pantalla de desplazamiento y ya no era escalable.<\/p>\n\n\n\n<p>Entonces, para imaginar y brindar una experiencia que pudiera combinar las necesidades de los clientes y del negocio, contamos con un equipo multifuncional de BAs, dise\u00f1adores, PMMs, POps e Ingenieros trabajando en el proyecto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Planteamiento del Problema<\/h2>\n\n\n\n<p>Muchas aplicaciones, en particular las de finanzas, se dise\u00f1an en funci\u00f3n de c\u00f3mo se organizan las empresas, generalmente en productos separados, priorizando las necesidades de la empresa sobre las de los usuarios. En Nubank, siempre buscamos crear formas fundamentalmente diferentes de pensar en nuestras soluciones. Y cambiar la interfaz de la aplicaci\u00f3n no pod\u00eda seguir un camino diferente.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Para lograrlo, hicimos lo que mejor sabemos hacer: escuchamos a nuestros clientes.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p>La investigaci\u00f3n es un elemento clave en el desarrollo de productos, porque es el momento en el que todo el equipo se detiene y escucha. Captamos la ra\u00edz del dolor de nuestros clientes para poder traducirlo mejor en una soluci\u00f3n que aporte valor y tambi\u00e9n aproveche las oportunidades comerciales.<\/p>\n\n\n\n<p>Investigando, hemos aprendido que Brasil es el pa\u00eds m\u00e1s ansioso del mundo. Seg\u00fan la Organizaci\u00f3n Mundial de la Salud, alrededor del 9% de la poblaci\u00f3n vive con trastorno de ansiedad. No se trata s\u00f3lo de datos, sino tambi\u00e9n de un desaf\u00edo para nosotros cuando se trata de mejorar la calidad de vida de las personas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Definiendo la soluci\u00f3n<\/h2>\n\n\n\n<p>Pero, \u00bfc\u00f3mo se relaciona esto con la evoluci\u00f3n de nuestra aplicaci\u00f3n?&nbsp;<\/p>\n\n\n\n<p>Nos centramos en soluciones que pueden eliminar el ruido y ayudar a nuestros clientes con su organizaci\u00f3n financiera, brind\u00e1ndoles una forma m\u00e1s sencilla e intuitiva de ver sus finanzas.&nbsp;<\/p>\n\n\n\n<p>No importa si eres organizado o no con tus finanzas, si utilizas una hoja de c\u00e1lculo automatizada en tu computadora o tomas notas en una hoja de papel. Los clientes tienden a organizar su vida financiera en 3 grandes momentos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Abordar las decisiones del d\u00eda a d\u00eda: entradas y salidas de dinero y gestionar las facturas del hogar.&nbsp;<\/li>\n\n\n\n<li>Planificar objetivos: pensar y organizarse para el futuro.<\/li>\n\n\n\n<li>Descubrir cosas nuevas: este tercer momento se centra en divertirse y conocer otras oportunidades de ocio.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Entonces, para crear m\u00e1s espacio para una empresa en crecimiento que siempre est\u00e1 lanzando nuevos productos y mostr\u00e1ndolos de una manera que tenga sentido para nuestros clientes, la arquitectura de la informaci\u00f3n deber\u00eda seguir el mismo razonamiento, \u00bfverdad?<\/p>\n\n\n\n<p>As\u00ed es como tiene sentido tener una estructura con pesta\u00f1as: ofrecer una experiencia incre\u00edble en la aplicaci\u00f3n dise\u00f1ada para personas reales, en funci\u00f3n de lo que quieren hacer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00a1Bienvenido, Tabs!<\/h2>\n\n\n\n<p>La nueva versi\u00f3n de la aplicaci\u00f3n de Nubank est\u00e1 dise\u00f1ada para anticipar d\u00f3nde esperan encontrar informaci\u00f3n los clientes y qu\u00e9 quieren hacer, bas\u00e1ndose en tres modelos mentales distintos sobre c\u00f3mo piensan los clientes sobre la gesti\u00f3n de su vida financiera:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transacciones: Aqu\u00ed es donde mueves tu dinero. Recopila la informaci\u00f3n de tu cuenta Nubank y de tu tarjeta de cr\u00e9dito, adem\u00e1s de ver accesos directos para realizar transferencias Pix, pagos, pr\u00e9stamos, transferencias TED y DOC, dep\u00f3sitos, pagar facturas, etc.<\/li>\n\n\n\n<li>Planificaci\u00f3n: Aqu\u00ed podr\u00e1s organizar y planificar los pr\u00f3ximos pasos de tu vida financiera. Aqu\u00ed podr\u00e1s ver detalles de tus inversiones, criptomonedas, seguros de vida y de celular, as\u00ed como ver c\u00f3mo van tus planes dentro de las Cajas. Aqu\u00ed cuidas tu dinero.<\/li>\n\n\n\n<li>Compras: Finalmente, esta es la pesta\u00f1a donde encontrar\u00e1s novedades y descuentos en las empresas asociadas de compras de Nubank.<\/li>\n<\/ul>\n\n\n\n<p>La nueva estructura no se trata solo de una organizaci\u00f3n intuitiva, sino tambi\u00e9n de crear poderosas experiencias de productos dentro de las pesta\u00f1as. Integra nuestros productos de manera \u00fatil y agrega nuevos productos y servicios para empoderar a\u00fan m\u00e1s a nuestros clientes.&nbsp;<\/p>\n\n\n\n<p>Bien, la soluci\u00f3n est\u00e1 definida, entonces, \u00bfc\u00f3mo hacemos para que aparezca en manos de m\u00e1s de 70 millones de clientes?&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plan de experimentaci\u00f3n<\/h2>\n\n\n\n<p>Ah\u00ed es donde el juego se vuelve m\u00e1s complicado.<\/p>\n\n\n\n<p>La aplicaci\u00f3n es una plataforma s\u00faper poderosa, con la funci\u00f3n de integrar toda la informaci\u00f3n del producto y mostrarla de una manera intuitiva. Cualquier cambio que hagamos afectar\u00e1 directamente tanto a las empresas como a los clientes.&nbsp;<\/p>\n\n\n\n<p>Entonces, para tomar una decisi\u00f3n fuera de la pizarra con este nivel de complejidad, contar con un equipo multifuncional fue clave para el \u00e9xito.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/building.nubank.com\/es\/como-es-ser-gerente-de-producto-en-nubank\/\">Los Gerentes de Producto<\/a>, <a href=\"https:\/\/building.nubank.com\/es\/what-is-it-like-being-a-product-marketing-manager-at-nubank\/\">el Gerente de Marketing de Producto<\/a> y <a href=\"https:\/\/building.nubank.com\/es\/como-es-ser-parte-de-product-operations-en-nubank\/\">Operaciones de Producto<\/a> tuvieron que estar estrechamente alineados con m\u00e1s de otros 10 equipos de producto que se ver\u00edan afectados por el experimento;<\/li>\n\n\n\n<li><a href=\"https:\/\/building.nubank.com\/es\/what-is-it-like-being-a-business-analyst-at-nubank\/\">Los Analistas de Negocios<\/a> e <a href=\"https:\/\/building.nubank.com\/es\/what-is-it-like-being-an-analytics-engineer-at-nubank\/\">Ingenieros de Anal\u00edtica<\/a> monitorearon m\u00e1s de 100 m\u00e9tricas diariamente;<\/li>\n\n\n\n<li>Los ingenieros tuvieron que traducir los requisitos de dise\u00f1o y experimentaci\u00f3n en c\u00f3digo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Proceso de iteraci\u00f3n<\/h2>\n\n\n\n<p>Una vez que juntemos todas estas piezas m\u00f3viles, podemos comenzar el experimento. Para eso, siempre acudimos primero a nuestros clientes m\u00e1s comprometidos: nuestra <a href=\"https:\/\/comunidade.nubank.com.br\/\">NuCommunity<\/a>.<\/p>\n\n\n\n<p>Tenerlos como primeros evaluadores del producto siempre es emocionante para nosotros. Son curiosos y se preocupan profundamente por nuestros productos, por lo que sus comentarios est\u00e1n llenos de detalles de cada peque\u00f1o cambio que proponemos.<\/p>\n\n\n\n<p>Cuando otros clientes comienzan a tener acceso a la soluci\u00f3n, el objetivo del equipo de Operaciones es informar con precisi\u00f3n los riesgos evaluados que est\u00e1n sucediendo, c\u00f3mo los reciben los clientes y cualquier inconsistencia que debamos iterar.&nbsp;<\/p>\n\n\n\n<p>Repetimos este proceso de iteraci\u00f3n tantas veces como sea necesario, por lo que tenemos un gran equilibrio entre la satisfacci\u00f3n del cliente y el impacto positivo de las m\u00e9tricas comerciales.<\/p>\n\n\n\n<p>Cuando alcancemos este equilibrio, estaremos listos para implementar la nueva interfaz para todos y comunicarnos con nuestros clientes.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comunic\u00e1ndose<\/h2>\n\n\n\n<p>Pero una cosa es segura: el cambio es dif\u00edcil y cualquier modificaci\u00f3n en la aplicaci\u00f3n se considerar\u00e1 negativa al principio. Estabas acostumbrado a las cosas de cierta manera y, de repente, tienes que aprender d\u00f3nde est\u00e1 colocado cada cosa.&nbsp;<\/p>\n\n\n\n<p>Entonces la narrativa estrat\u00e9gica se bas\u00f3 en la premisa de que:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Algunos cambios muestran nuestra verdadera esencia<\/em><em>:<\/em><em> solo somos Nubank cuando nuestros clientes est\u00e1n en el centro de sus vidas financieras.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p>Y, en este caso, lo m\u00e1s valioso para nuestros clientes no es el lanzamiento de pesta\u00f1as en s\u00ed. El valor est\u00e1 en lo que puede desbloquear una aplicaci\u00f3n basada en modelos mentales.<\/p>\n\n\n\n<p>Entonces, desde una narrativa estrat\u00e9gica, quisimos explicar la nueva interfaz representando lo que cada pesta\u00f1a pod\u00eda desbloquear:<\/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<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/6tvulrno_fY?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Despu\u00e9s de m\u00e1s de 5 meses de esta nueva interfaz de usuario, definitivamente podemos decir que <strong>\u00a1se necesita una aldea!<\/strong>&nbsp;<\/p>\n\n\n\n<p>Cambiar la forma en que nuestros clientes interact\u00faan con la aplicaci\u00f3n puede ser una causa de estr\u00e9s o un camino hacia la tranquilidad. Nuestros clientes han percibido la nueva estructura de la aplicaci\u00f3n como m\u00e1s limpia y organizada, y ha abierto nuevas \u00e1reas en la aplicaci\u00f3n para nuestros pr\u00f3ximos productos.<\/p>\n\n\n\n<p>El proyecto Tabs representa esta mentalidad de colaboraci\u00f3n y centralidad en el cliente que es tan crucial para el \u00e9xito de Nubank.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.<\/p>\n","protected":false},"author":178110165,"featured_media":24883,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2519],"tags":[2661,2660,2659],"ppma_author":[2382],"class_list":["post-26003","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-stories-es","tag-lauch-es","tag-tabs-es","tag-ui-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank<\/title>\n<meta name=\"description\" content=\"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank\" \/>\n<meta property=\"og:description\" content=\"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/\" \/>\n<meta property=\"og:site_name\" content=\"Building Nubank\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-17T21:17:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-22T14:17:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"BU Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"BU Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/\"},\"author\":{\"name\":\"BU Team\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\"},\"headline\":\"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera\",\"datePublished\":\"2023-02-17T21:17:47+00:00\",\"dateModified\":\"2024-05-22T14:17:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/\"},\"wordCount\":1380,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"keywords\":[\"Lauch\",\"Tabs\",\"UI\"],\"articleSection\":[\"Building Stories\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/\",\"name\":\"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"datePublished\":\"2023-02-17T21:17:47+00:00\",\"dateModified\":\"2024-05-22T14:17:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\"},\"description\":\"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/building.nubank.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/\",\"name\":\"Building Nubank\",\"description\":\"We make the extraordinary happen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/#\\\/schema\\\/person\\\/131f7f3094804922d20bcad7d56f725a\",\"name\":\"BU Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=gafb79d3b49f79ad7d9387b30a411ce10\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g\",\"caption\":\"BU Team\"},\"url\":\"https:\\\/\\\/building.nubank.com\\\/es\\\/author\\\/team\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank","description":"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.","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:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank","og_description":"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.","og_url":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/","og_site_name":"Building Nubank","article_published_time":"2023-02-17T21:17:47+00:00","article_modified_time":"2024-05-22T14:17:05+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","type":"image\/jpeg"}],"author":"BU Team","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"BU Team","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#article","isPartOf":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/"},"author":{"name":"BU Team","@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a"},"headline":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera","datePublished":"2023-02-17T21:17:47+00:00","dateModified":"2024-05-22T14:17:05+00:00","mainEntityOfPage":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/"},"wordCount":1380,"commentCount":0,"image":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","keywords":["Lauch","Tabs","UI"],"articleSection":["Building Stories"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/","url":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/","name":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera - Building Nubank","isPartOf":{"@id":"https:\/\/building.nubank.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#primaryimage"},"image":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","datePublished":"2023-02-17T21:17:47+00:00","dateModified":"2024-05-22T14:17:05+00:00","author":{"@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a"},"description":"La mayor\u00eda de las veces, las aplicaciones financieras no est\u00e1n dise\u00f1adas para el cliente. Pero cuando se trata de Nubank, somos diferentes a todo.","breadcrumb":{"@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#primaryimage","url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","contentUrl":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/building.nubank.com\/es\/como-creamos-tabs-una-nueva-interfaz-de-usuario-para-una-nueva-experiencia-financiera\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/building.nubank.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo creamos Tabs: una nueva interfaz de usuario para una nueva experiencia financiera"}]},{"@type":"WebSite","@id":"https:\/\/building.nubank.com\/es\/#website","url":"https:\/\/building.nubank.com\/es\/","name":"Building Nubank","description":"We make the extraordinary happen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/building.nubank.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/building.nubank.com\/es\/#\/schema\/person\/131f7f3094804922d20bcad7d56f725a","name":"BU Team","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=gafb79d3b49f79ad7d9387b30a411ce10","url":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","caption":"BU Team"},"url":"https:\/\/building.nubank.com\/es\/author\/team\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/building.nubank.com\/wp-content\/uploads\/2023\/02\/Nu-Tab_Feature_1200x675.jpg?fit=1200%2C675&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pbKBB5-6Lp","jetpack_sharing_enabled":true,"authors":[{"term_id":2382,"user_id":178110165,"is_guest":0,"slug":"team","display_name":"BU Team","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/71ca7ea69a3497bf95bfc5acd073eefb7ce35fadecb1c28082533265a55e3bb9?s=96&d=identicon&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/users\/178110165"}],"replies":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/comments?post=26003"}],"version-history":[{"count":3,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26003\/revisions"}],"predecessor-version":[{"id":29338,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/posts\/26003\/revisions\/29338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/media\/24883"}],"wp:attachment":[{"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/media?parent=26003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/categories?post=26003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/tags?post=26003"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/building.nubank.com\/es\/wp-json\/wp\/v2\/ppma_author?post=26003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}