{"id":88,"date":"2023-10-10T02:57:59","date_gmt":"2023-10-10T02:57:59","guid":{"rendered":"https:\/\/kb.mobappcreator.com\/?post_type=docs&#038;p=88"},"modified":"2023-10-10T02:57:59","modified_gmt":"2023-10-10T02:57:59","slug":"how-to-create-mobile-applications-for-android-and-iphone-with-mobappcreator-introduction-to-screens","status":"publish","type":"docs","link":"https:\/\/kb.mobappcreator.com\/es\/docs\/how-to-create-mobile-applications-for-android-and-iphone-with-mobappcreator-introduction-to-screens\/","title":{"rendered":"C\u00f3mo Crear una Aplicaci\u00f3n M\u00f3vil para Android y iPhone con MobAppCreator - Introducci\u00f3n a los Screens"},"content":{"rendered":"<h3 class=\"wp-block-heading\" id=\"qu-son-los-screens-o-pantallas\">Qu\u00e9 son los Screens o Pantallas?<\/h3>\n\n\n\n<p>Los Screens o Pantallas son una caracter\u00edstica central de tu aplicaci\u00f3n. Piensa en los Screens como los elementos de tu aplicaci\u00f3n que sus usuarios ver\u00e1n e interactuar\u00e1n con ellos.<\/p>\n\n\n\n<p>Encontrar los Screens correctos y usarlos correctamente es clave para una aplicaci\u00f3n exitosa y eso puede ser determinante al momento de que tu aplicaci\u00f3n pueda ser aprobada por las tiendas.<\/p>\n\n\n\n<p>Tu aplicaci\u00f3n debe proporcionar un servicio para tu audiencia y los Screens son una pieza clave para lograr ese objeto.<\/p>\n\n\n\n<p>Si comenzaste tu app desde una Plantilla (recomendado) hemos agregado a modo de ejemplo algunos Screens para ti. Ten en cuenta que siempre vas a poder sumar Screens adicionales pueden a tu app desde el \u00e1rbol de navegaci\u00f3n haciendo click en el s\u00edmbolo<strong> (+)<\/strong> al lado del men\u00fa \ud83c\udfe0 <strong>Navegaci\u00f3n Principal como se muestra a continuaci\u00f3n en la imagen<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"628\" height=\"548\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-11.46.03.jpg\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-11.46.03.jpg 628w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-11.46.03-300x262.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-11.46.03-14x12.jpg 14w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/figure>\n\n\n\n<p>Cuando haga clic en el bot\u00f3n <strong>(+)<\/strong> para agregar una nueva pantalla, ser\u00e1 dirigido a la <strong>Biblioteca de pantallas.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"234\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-1024x234.jpg\" alt=\"\" class=\"wp-image-100\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-1024x234.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-300x68.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-768x175.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-1536x351.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-2048x468.jpg 2048w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.17-1-18x4.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Las pantallas se dividen en grupos para facilitar el acceso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1--el-primer-grupo-de-screens-es-el-grupo-contenido\"><strong>1. <\/strong>El primer grupo de Screens es el grupo <strong>Contenido<\/strong> .<\/h3>\n\n\n\n<p>Estos Screens son probablemente las pantallas m\u00e1s importantes para tu aplicaci\u00f3n, ya que son la principal fuente de informaci\u00f3n proporcionada dentro de tu app. Estos proporcionar\u00e1n el contenido que ver\u00e1n tus usuarios.<\/p>\n\n\n\n<p>Puedes encontrar informaci\u00f3n m\u00e1s detallada sobre cada pantalla de contenido:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eventos<\/li>\n\n\n\n<li>Mapas<\/li>\n\n\n\n<li>Noticias y RSS<\/li>\n\n\n\n<li>Personas<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2--a-continuacin-est-la-seccin-de-formularios\"><strong>2. <\/strong>A continuaci\u00f3n est\u00e1 la secci\u00f3n de <strong>Formularios<\/strong> .<\/h3>\n\n\n\n<p>Los Screens de formularios son incre\u00edbles para recopilar datos de tu audiencia. Los formularios son herramientas muy flexibles que pueden registrar respuestas y guardarlas en tu base de datos para su posterior an\u00e1lisis.<\/p>\n\n\n\n<p>Puede crear varios tipos de formularios, como formularios de sugerencias, reservas, formularios de suscripci\u00f3n y mucho m\u00e1s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"399\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15-1024x399.jpg\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15-1024x399.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15-300x117.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15-768x300.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15-18x7.jpg 18w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-15.03.15.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3--screen-de-ecommerce\">Screen de Ecommerce<\/h3>\n\n\n\n<p>Ideal para las aplicaciones que proporcionan productos o servicios a consumidores.<\/p>\n\n\n\n<p>El comercio electr\u00f3nico es una herramienta poderosa que te permitir\u00e1 exhibir y vender tus productos a tus clientes. Una gran experiencia de compra es clave para aumentar tus ventas. El comercio m\u00f3vil es una gran herramienta a tener en cuenta al agregar canales digitales a tu fuerza de ventas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"564\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.31.jpg\" alt=\"\" class=\"wp-image-101\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.31.jpg 514w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.31-273x300.jpg 273w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.33.31-11x12.jpg 11w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>Tu cliente podr\u00e1 agregar sus productos o servicios a su carrito de compras y cuando est\u00e9n listos, finalizar\u00e1n la compra. Esto a su vez crear\u00e1 una nueva Orden en tu tablero de administraci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-1024x478.jpg\" alt=\"\" class=\"wp-image-93\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-1024x478.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-300x140.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-768x358.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-1536x716.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-2048x955.jpg 2048w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-13.34.08-18x8.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Profundizaremos en el comercio electr\u00f3nico en un art\u00edculo separado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4--screens-sociales\"><br><strong>4. <\/strong>Screens Sociales<\/h3>\n\n\n\n<p>Comenzando con nuestro muro de chat, las caracter\u00edsticas sociales son una parte importante de la de experiencia de tu aplicaci\u00f3n. Proporcionan una conexi\u00f3n a tus redes sociales existentes y en el caso del <strong>Chat<\/strong> que permite a tus usuarios interactuar directamente dentro de su aplicaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"280\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-1024x280.jpg\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-1024x280.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-300x82.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-768x210.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-1536x420.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39-18x5.jpg 18w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.10.39.jpg 1866w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5--screens-de-multimedia\"><strong>5. <\/strong>Screens de Multimedia<\/h3>\n\n\n\n<p>El contenido multimedia siempre est\u00e1 presente en la experiencia de la aplicaci\u00f3n m\u00f3vil. Desde compartir un video de bienvenida con tus usuarios hasta subir tus podcasts o transmitir en vivo, Multimedia es uno de los contenidos mas populares disponibles en las aplicaciones. \nMobAppCreator proporciona una gran biblioteca de tipos de medios para agregar a tu aplicaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-1024x463.jpg\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-1024x463.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-300x136.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-768x347.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-1536x694.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-2048x925.jpg 2048w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.13.03-18x8.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Profundizaremos en el cada Screen de Multimedia en un art\u00edculo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Multi Radio<\/li>\n\n\n\n<li>Galer\u00eda de Fotos<\/li>\n\n\n\n<li>Lista de reproducci\u00f3n<\/li>\n\n\n\n<li>Podcasts<\/li>\n\n\n\n<li>Streaming de Radio<\/li>\n\n\n\n<li>Streaming de Video<\/li>\n\n\n\n<li>Integraci\u00f3n con Youtube<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6--screens-con-acciones\"><strong>6. <\/strong>Screens con Acciones<\/h3>\n\n\n\n<p>Las acciones son formas en que tu aplicaci\u00f3n interact\u00faa con otros sistemas o componentes de tu dispositivo.<\/p>\n\n\n\n<p>Puedes insertar un clic a una llamada desde cualquier secci\u00f3n de tu aplicaci\u00f3n para permitir que tus usuarios se comuniquen contigo. Lo mismo ocurre con un mensaje de texto, correo electr\u00f3nico, WhatsApp y mucho m\u00e1s.\nLas conexiones externas tambi\u00e9n te permiten extender el \u00e1mbito de tu aplicaci\u00f3n a p\u00e1ginas web externas o los sistemas de tu empresa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-1024x470.jpg\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-1024x470.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-300x138.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-768x352.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-1536x705.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-2048x940.jpg 2048w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.19.30-18x8.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Importante:<\/strong> un buen equilibrio entre el contenido interno de tu app y una conexi\u00f3n web externa es muy importante. Como regla general, tu aplicaci\u00f3n no debe tener mas de dos o tres conexiones a sitios externos. Tener demasiados sitios externos dentro de tu aplicaci\u00f3n probablemente causar\u00e1 un rechazo de tu aplicaci\u00f3n en la tienda de Apple, ya que tu aplicaci\u00f3n no proporcionar\u00eda una experiencia diferente a la de un sitio web. Recuerda que nuestro equipo de soporte esta disponible si necesitas ayuda para usar la pantalla de conexi\u00f3n a web o para aconsejarte si estas utilizando correctamente este componente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7--finalmente-hay-screens-adicionales-en-la-categora-otros-que-te-ayudarn-a-agregar-funciones-y-personalizacin-adicionales-a-tu-aplicacin\"><strong>7. <\/strong>Finalmente, hay Screens adicionales en la categor\u00eda <strong>Otros<\/strong> que te ayudar\u00e1n a agregar funciones y personalizaci\u00f3n adicionales a tu aplicaci\u00f3n.<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"251\" src=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-1024x251.jpg\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-1024x251.jpg 1024w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-300x74.jpg 300w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-768x188.jpg 768w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-1536x376.jpg 1536w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-2048x502.jpg 2048w, https:\/\/kb.mobappcreator.com\/wp-content\/uploads\/2023\/10\/Screen-Shot-2020-06-26-at-14.28.10-18x4.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Exploraremos estos Screens en un art\u00edculo separado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen Builder<\/li>\n\n\n\n<li>Setmore Appointments<\/li>\n\n\n\n<li>SubMenu<\/li>\n\n\n\n<li>Tabs<\/li>\n\n\n\n<li>Setting<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>What are Screens? Screens are a central feature of your app. Think of screens as the elements of your app that your users will see and interact with. Finding the correct Screens and and using them correctly is key for a successful app that can be approved by the app stores. Your app must provide [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[5],"doc_tag":[],"class_list":["post-88","docs","type-docs","status-publish","hentry","doc_category-app-creation-tutorials"],"_links":{"self":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":1,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/88\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/88\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_category?post=88"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_tag?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}