Cómo desarrollar aplicaciones móviles nativas

Un método interdisciplinario que involucra a diseñadores gráficos, programadores y ejecutivos de cuenta.

Retrato de Pablo Álvarez Pablo Álvarez City Bell Seguidores: 184

Opiniones:
3
Votos:
16
Compartir:

Hace un tiempo publiqué el artículo «5 claves para el desarrollo de aplicaciones móviles». Muchos estudiantes me sugirieron que ampliara el tema, y decidí (sin entrar en detalles demasiado técnicos) estipular una secuencia de trabajo como base para el equipo de desarrollo, que involucra activamente al diseñador gráfico:

1. Concepto

Antes que nada, debemos definir la o las funcionalidades que tendrá la aplicación: ¿Para qué servirá? ¿Quiénes la utilizarán? ¿Qué podrán hacer con ella? Es clave definir este aspecto entre cliente, programadores y diseñadores. Lo ideal es plantear una aplicación que haga foco en una o dos utilidades cuyo uso sea recurrente. Esto animará a los usuarios a tenerla en mente cada vez que surja la necesidad de utilizar la «solución» que propone la aplicación. También se decidirán las plataformas a desarrollar y el tipo de dispositivo al que estará dirigida.

2. Boceto

Es muy importante generar un «árbol» de navegación (similar a los desarrollados para sitios web) y bocetos rápidos de pantallas para optimizar la interacción usuario/aplicación. Para esto recomiendo la utilización de plantillas pre-impresas a tamaño «real» de dispositivos como un smartphone o una tablet, de tal manera que a mano y en lápiz, podamos volcar rápidamente botones, tabs, menús, íconos, información, etc.

3. Diseño gráfico de la interfaz

Una vez lograda la funcionalidad y la ubicación de las zonas de interacción e información, debemos trabajar la interfaz visual hasta lograr el producto deseado. Los assets gráficos se trabajarán preferentemente en PNG y respetando los tamaños planteados para cada dispositivo. Es necesario consultar los «lineamientos» que brindan las plataformas en sus sitios de información para desarrolladores, así como dimensiones para cada dispositivo, proporciones, tamaños habituales para tabs, íconos, barras, etc, y nomenclaturas para assets. La multiplicidad de formatos nos obliga a ser muy ordenados en este sentido. Recomiendo trabajar con carpetas separadas para los assets de cada tipo de dispositivo, al momento de generar originales gráficos.

4. Producción

Programación de la aplicación integrando funcionalidad y aspecto gráfico. Se pueden utilizar los SDKs otorgados por las plataformas de desarrollo o software de desarrollo multiplataforma como por ejemplo Unity, entre otros. Una vez generado el prototipo de la aplicación, se realizará un testeo para evitar problemas y solucionar bugs. El último testing deberá hacerlo el cliente (idealmente en el dispositivo de uso final) y dar su conformidad. En iOS es necesiario contar con el UDID de los dispositivos de prueba.

Submit en el Store

Se realiza el submit en el store correspondiente a la plataforma a utilizar. El proceso (a grandes rasgos) incluye:

  • Darse de alta como «Developer» en un programa de desarrollador en cada plataforma.

  • Realizar el submit propiamente dicho con todos los componentes: código, assets, screenshots, información, etc.

  • Review. El proceso de revisión por parte del store puede tardar días. Paciencia.

  • App Disponible. ¡Bien! Ahora lo que resta es darla a conocer al mundo. Este punto dependerá de un correcto plan de marketing y comunicación, y el volumen del presupuesto que se haya destinado a tal efecto.

En definitiva, se trata de un flujo de trabajo genérico pero orientativo, para Diseñadores Gráficos que quieran explorar un apasionante —y nuevo— mundo laboral. Mi última recomendación es leer bibliografía sobre el tema y ser usuario de aplicaciones de todo tipo, testeando, mirando, analizando, y volviendo a probar cosas nuevas.

¿Qué te pareció? ¡Comparte tu opinión ahora!

Retrato de Pablo Álvarez Pablo Álvarez City Bell Seguidores: 184

EdiciónSebastián Vivarelli Buenos Aires Seguidores: 295

Opiniones:
3
Votos:
16
Compartir:

Colabora con la difusión de este artículo traduciéndolo

Traducir al inglés Traducir al italiano Traducir al portugués
Código QR de acceso al artículo Cómo desarrollar aplicaciones móviles nativas

Este artículo no expresa la opinión de los editores y responsables de FOROALFA, quienes no asumen responsabilidad alguna por su autoría y naturaleza. Para reproducirlo, salvo que estuviera expresamente indicado, por favor solicitar autorización al autor. Dada la gratuidad de este sitio y la condición hiper-textual del medio, agradeceremos evitar la reproducción total en otros sitios Web.

Pablo Álvarez

Más artículos de Pablo Álvarez

Título:
10 objetos fundamentales para el diseñador
Sinopsis:
Mi listado de objetos favoritos e indispensables.
Compartir:
Título:
El diseñador gráfico en el Game Design
Sinopsis:
La industria del desarrollo de videojuegos es sin dudas un campo en el que los diseñadores gráficos pueden aportar mucho valor.
Compartir:
Título:
Diseño de experiencias en locales minoristas
Sinopsis:
El diseño para locales de venta minorista consiste en transmitir sensaciones, en diseñar la experiencia del consumidor.
Compartir:
Título:
El diseñador gráfico aprende todo el tiempo
Sinopsis:
Una profesión que permite estar en contacto permanente con muchas áreas del conocimiento, que enriquecen a nivel personal y profesional.
Compartir:

Debate

Logotipo de
Tu opinión

Ingresa con tu cuenta para opinar en este artículo. Si no la tienes, crea tu cuenta gratis ahora.

Retrato de Jose Luis Sánchez
0
Jose Luis Sánchez
Nov 2015

Muy interesante el artículo. Si queréis despreocuparos de todas las complicaciones que tiene el desarrollo de aplicaciones móviles nativas, podéis dejárselo a los profesionales de http://www.coderalia.com

0
Responder
Retrato de Debbie Sadowiński
0
Debbie Sadowiński
Dic 2013

me encantaria poder desarrollar diseño de moviles y todo con programacion y web pero pienso que es un trabajo extenso y de mucha cabeza si pensar un buen diseño de web junto con diagramación es algo considerable imaginense entrar a la parte "refundida" de la bella cara superficial de una web? pero sin dudas seria muy interesante poder realizar el diseño completo de pie a cabeza.

0
Responder
Retrato de Cayab Arte Diseño
0
Cayab Arte Diseño
Dic 2013

Creo que el crear una aplicación para móvil como bien dices incluye trabajo tanto de diseñadores como de desarrolladores web.

Es un gran trabajo, en el cual ahora las empresas se están interesando para darse a conocer más y crear la perspectiva de que se encuentran al nivel de la tecnología.

Marcas como la Revista Picnic, crearon dentro de sus ilustraciones algunos medios como la Realidad aumentada para que así sus usuarios pudieran interactuar más.

Puedes ver un poco de lo que te comento en la página.

Enlace

0
Responder

Te podrían interesar

Ilustración principal del artículo Ecosistemas 2.0: la sostenibilidad de un concepto en el mundo virtual
Autor:
Christian Novoa
Título:
Ecosistemas 2.0: la sostenibilidad de un concepto en el mundo virtual
Sinopsis:
Una red conceptual que va desde la difusión de pensamientos y estados de ánimo, hasta la vinculación colectiva de la sociedad en actividades empresariales o ambientales.
Compartir:
Interacciones:
Votos:
27
Opiniones:
2
Seguidores:
5
Ilustración principal del artículo Cheap Digital Design
Autor:
Eric Barajas (Snok Daffy)
Título:
Cheap Digital Design
Sinopsis:
El diseño ultra barato está afectando la profesión del diseño gráfico. ¿Qué podemos hacer al respecto?
Compartir:
Interacciones:
Votos:
16
Opiniones:
27
Seguidores:
144
Retrato de Eric Barajas (Snok Daffy)
Autor:
Eric Barajas (Snok Daffy)
Título:
¿Convienen las redes sociales?
Sinopsis:
¿Sirve incorporar las redes sociales como una estrategía publicitaria en México?
Compartir:
Interacciones:
Votos:
46
Opiniones:
43
Seguidores:
144
Retrato de Carlos Calderón Urreiztieta
Autor:
Carlos Calderón Urreiztieta
Título:
Diseño 4D
Sinopsis:
Todo comenzó con la autoedición en 1989. Al final de la jornada los diseñadores son unos «wannabe»: quieren ser cineastas, músicos, animadores, VJ’s y, a la vez, continúan su oficio editorial sin menoscabo de lo anterior. El Diseño 4D llegó para quedarse.
Compartir:
Interacciones:
Votos:
19
Opiniones:
3
Seguidores:
7

Próximos cursos online

Cursos de actualización para especializarte junto a los que más saben

Branding Corporativo

Branding Corporativo

Cómo planificar, construir y gestionar la marca de empresas e instituciones

4 semanas
21 Octubre

Estrategia de Marca

Estrategia de Marca

15 claves para programar el diseño de símbolos y logotipos de alto rendimiento

4 semanas
17 Noviembre

Branding: Diseñador y Cliente

Branding: Diseñador y Cliente

Tratar con el cliente, hacer presupuestos y planificar las etapas de la creación de una marca

3 semanas
3 Febrero

Relecturas del Diseño

Relecturas del Diseño

Una inmersión en el discurso sobre el diseño para despejar sus nociones más controvertidas: creatividad, innovación, arte, tecnología, función social...

4 semanas
2 Marzo

Auditoría de Marca

Auditoría de Marca

Taller de práctica profesional: análisis, diagnóstico y programa de marca sobre casos reales

6 semanas
6 Abril