Cómo crear una App de Directorio
¿Tienes una idea para una App de tipo Directorio y te gustaría verla publicada en el Appstore y en Google Play?
Con Scoreapps puedes crear tu Aplicación sin necesidad de ningún conocimiento técnico ni de programación y además ahorrar miles de euros en desarrollo e infraestructura.
Crea todo tipo de directorios:
- Directorios de negocios para consumidores
- Directorios de empresas para empresas
- Directorios de profesionales o freelancers
Y ofrece a esos negocios que incluyas en tu Aplicación la última tecnología y las funciones más avanzadas para captar nuevos clientes y fidelizar a los que ya tengan.
Primeros Pasos
Una vez en la pantalla de inicio de Scoreapps, en el menú lateral izquierdo encontrarás el icono con forma de 'a' del constructor de apps. Ahí podrás crear una nueva aplicación y darle nombre.
Una vez estés en la pantalla de administración de Apps, haz clic en 'Nueva App':
Una vez hayas creado y puesto nombre a tu app, te aparecerá una pantalla en la que podrás elegir entre varias plantillas.
Son diseños predefinidos para que no partas de cero pero en realidad, después podrás modificar absolutamente todo. De hecho, podrás cambiar la plantilla que escojas ahora. Y si no te encaja ninguna, haz clic en 'Blank Template' para empezar de cero a diseñar tu App.
Para este ejemplo hemos escogido una plantilla en blanco.
El proceso de creación de Aplicaciones con Scoreapps es muy sencillo. Sólo tienes que ir siguiendo los pasos del constructor.
Estos pasos están representados en la barra de progreso que tendrás siempre a tu disposición en la parte superior del constructor y que te permitirá fácilmente navegar entre las distintas páginas, con sólo clicar encima del icono.
Primer paso. Diseño de la App
En la pestaña de diseño, encontrarás todas las opciones relacionadas con la información del menú y de la pantalla inicial de tu App.
En nuestra demo de directorio hemos utilizado el “Layout 90”. Este diseño de navegación permite tener un slider clicable en la página de inicio, y en la cabecera superior, un menú tipo hamburguesa que se despliega desde la izquierda, mostrando el resto de funciones que componen la aplicación.
Este Layout muestra tres sliders clicables en la página de inicio. Cada una de estas imágenes enlazará en orden con las 3 primeras funciones que configures en tu App, por lo tanto, cuando hagas clic en el primer slider, la aplicación te llevará a la primera función que configures en el menú.
En el video que puedes ver a continuación muestro cómo configurar las imágenes para el slider (o carrusel de imágenes) de la página de inicio.
Para poder visualizar las imágenes de los sliders en el previsualizador deberán estar incorporadas algunas funciones en la aplicación.
La sección que vas a ver a continuación, te ayuda a elegir una imagen que se vea bien en todos los dispositivos y ratios de pantalla. Usa la herramienta overlay (sombreado) para comprobar si la información importante de tu diseño queda dentro de las zonas seguras recomendadas en función de la orientación de pantalla para la que está diseñada tu App.
Para saber cómo diseñar bien las imágenes puedes descargar la plantilla con las medidas, disponible tanto en formato .png como en .psd.
Veamos ahora un pequeño vídeo de 5 minutos para aprender a diseñar la Pantalla de Inicio de la Aplicación:
Escoge el idioma en función de tu país y la moneda de tu aplicación. Se utilizará para diferentes aspectos, como la zona horaria y el símbolo de la moneda.
Para cambiar la fuente de tu app puedes seleccionar una de las que aparecen en el menú del constructor, o importar una desde Google Fonts. Para hacerlo es tan sencillo como escribir el nombre de la fuente.
Segundo paso. Colores
Elige los colores principales de la aplicación.
- General: aplica al fondo (si no hay una imagen específica) y al texto general.
- Inicio: aplica al menú de navegación y a sus elementos.
- Cabecera: aplica a la cabecera de navegación de la app.
- Tarjeta: aplica a los elementos mostrados en formato tarjeta.
- Lista: aplica a los elementos mostrados en formato lista.
- Inicio: aplica al menú de navegación y a sus elementos.
- Cabecera: aplica a la cabecera de navegación de la app.
- Tarjeta: aplica a los elementos mostrados en formato tarjeta.
- Lista: aplica a los elementos mostrados en formato lista.
Además, si tuvieses conocimientos de programación Web, en la parte inferior del panel encontrarás un espacio para poder introducir código CSS y así, personalizar al 100% los elementos de tu App.
Tercer paso. Funciones
Una vez diseñada la pantalla inicial y escogidos los colores principales de la Aplicación, vamos con la parte funcional.
Para esta aplicación hemos diseñado los siguientes apartados: Lugares, Hoteles, Restaurantes, "Discover Dubai" (que será una página promocional de la ciudad), Muro Social, Mi cuenta, Compartir la App, Temas de subscripción y Mensajes Push.
Si escoges una plantilla de inicio, éstas incorporan de forma predeterminada algunas funciones que consideramos interesantes para cada sector. Puedes verlas en el carrusel de funciones. Para este diseño hemos partido de una plantilla en blanco, por lo que las funciones las hemos ido añadiendo manualmente. No obstante, si en algún momento quieres eliminar alguna función, sólo tendrás que darle a la “X”.
Para que veas lo sencillo que es incorporar nuevas funciones a tu App, vamos a eliminar y a volver a añadir la función de Carpetas a la que hemos llamado PLACES (para mostrar el directorio de lugares de interés).
Veamos a continuación las distintas secciones de nuestra App de Ejemplo:
Places
En esta sección de la App queremos mostrar lugares de interés
Para construir esta sección utilizaremos 2 funciones (Carpetas y Lugares)
Lo primero que haremos será añadir la función “Carpetas”. Esta función tiene como objetivo contener y organizar dentro de ella otras funciones.
Luego le pondremos el nombre "Places" y escogeremos el icono que queramos haciendo clic sobre el icono.
A continuación añadiremos la función "Lugares", le pondremos el nombre "Discover places" y al igual que hicimos con la función anterior escogeremos el icono que queramos haciendo clic sobre el icono.
La función Lugares permite mostrar distintos puntos de interés que se mostrarán geolocalizados en un mapa y también se mostrarán en modo lista. Además si el usuario pincha sobre uno de los puntos de interés podrá encontrar información detallada de ese lugar, imágenes, videos, textos y por supuesto la ruta y las instrucciones para llegar a esta ubicación.
Para que "Lugares" funcione correctamente deberás configurar una clave API de Google Maps desde la sección "Claves API" del menú lateral izquierdo del constructor.
Una vez hayamos configurado la función Lugares nos iremos a la carpeta que creamos con el nombre de "Places" y meteremos dentro la función "Lugares"
Hoteles
Esta función tiene el mismo objetivo que la anterior. En este caso mostraremos los distintos hoteles que se encuentran en la ciudad
La fórmula es la misma: una función de "Carpetas" que contiene una función de "Lugares".
Restaurantes
Por último, mediante esta misma fórmula (Carpeta + Lugares), realizamos una sección para mostrar los restaurantes más recomendados, los que están más de moda, etc.
Discover Dubai
En esta sección de la App mostraremos novedades, vídeos promocionales, hablaremos de tendencias del lugar... a través de imágenes, texto, video etc.
y la llamaremos "Discover Dubai". Al igual que con el resto de funciones haremos clic sobre el icono de la función para escoger el icono que más nos guste de la librería.
Esta funcionalidad te ofrece múltiples opciones para crear una pagina informativa.
Puedes escribir un artículo con una imagen, puedes publicar una galería de fotos, puedes publicar un video directamente en esta página y puedes agregar botones de llamada o un enlace a cualquier sitio web externo.
Muro Social (Social Wall)
¡Anima a tu comunidad con una red social dentro de tu App! Los usuarios podrán enviar publicaciones y fotos, geolocalizar las fotos de otros usuarios y comentar sus publicaciones.
Compartir (Share app)
Esta función permitirá a tus clientes compartir la aplicación con sólo pulsar un botón. Se trata de una función clave a la hora de generar viralidad para el negocio.
Temas (Topics)
Crea listas de suscripción a temas para ofrecer contenidos de interés en función de los intereses de los usuarios. Podrás segmentar tu base de usuarios para luego enviar notificaciones y mensajes específicos según los intereses de tus usuarios.
Mensajes Push
Los mensajes o notificaciones Push son el sistema de marketing más eficiente que existe en la actualidad. Mientras que de cada 10 emails enviados 8 caen en las bandejas de SPAM, con los Mensajes Push ocurre lo contrario... el 99% son leídos.
Añadir esta potente herramienta a tu App es muy sencillo:
1- Debes incluir en la Aplicación la función "Notificaciones Push"
2- Para poder hacer uso de las Notificaciones Push, es necesario que la Aplicación en cuestión se encuentre publicada para las versiones nativas Android y/o iOS.
Una vez que la aplicación haya sido publicada en App Store y/o Google Play, podrás enviar notificaciones directamente desde la propia función "Notificaciones Push".
Paso 4. Icono y ajustes de la Aplicación
Desde aquí puedes elegir el icono que se mostrará en la pantalla del dispositivo del usuario, así como el diseño del botón “volver”.
Si quieres enviar notificaciones push, aquí es donde puedes personalizar algunos aspectos, como el icono o el color de fondo.
Esta herramienta te ayudará a elegir una imagen de inicio que será compatible con todos los tamaños de pantalla de los diferentes dispositivos. Ésta se verá cuando se inicie la aplicación mientras se está cargando.
Paso 5. Avanzado
Si lo deseas, puedes monetizar tu aplicación agregando anuncios publicitarios o anuncios intersticiales que se mostrarán a los usuarios de tu aplicación. Para ello deberás configurar el sistema de publicidad Admob.
Publicación de tu App
En función de Plan (Starter, Business, Growth o Reseller) dispondrás de distintos tipos de Publicación:
- Versión Nativa Android.
- Versión Nativa iOS.
- Web app HTML5.
- Modo PWA (Progressive Web App).
Para publicar la versión nativa de tu App en Appstore o en Google Play, necesitas un plan Business, Growth o Reseller, mientras que la versión Web App y PWA puedes publicarlas con un plan Starter o incluso durante el Trial gratuito de 14 días.
Promoción y lanzamiento de tu App
Si has seguido la guía hasta aquí ya deberías tener lista una primera versión de tu Aplicación. Recuerda que si tienes cualquier duda puedes consultar nuestro Centro de Ayuda o escribir al equipo de Soporte (soporte@scoreapps.com)
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Ver una Demo de Scoreapps
Con Scoreapps puedes crear todo tipo de Apps Móviles, Embudos de Venta y Páginas Web sin programar. Incluso puedes integrarlo todo para disparar las conversiones de tu negocio. En este vídeo te enseñamos una Demo completa de todo lo que incluye ...
Related Articles
Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:Cómo Crear una App de Eventos
La adopción de las Aplicaciones Móviles se ha disparado durante la última década en todo el mundo. Habrá alrededor de 4.000 millones de usuarios de teléfonos móviles en todo el mundo para 2023, y se espera que se vendan 1.800 millones de teléfonos ...Cómo crear una Aplicación para Fichar
¡Hacer una aplicación así es perfectamente posible! ¿Qué funciones hay que añadir en la App? - Candado - Formulario v2 Será necesario añadir la API de Google Maps para que la App pueda geolocalizar al Usuario / Trabajador en el momento de fichar. - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo crear una App de Cursos
A la hora de construir una App para Infoproductos, en la que se establece una membresía, es muy importante incluir una sección de la App con una "función código" para poder embeber el inicio de sesión a estos cursos. Si ya se dispone de este ...