¿Cuál es el proceso de diseño y desarrollo de una aplicación? |
Posted: May 30, 2020 |
Aunque no parezca, las aplicaciones llevan tiempo entre nosotros. Ya antes de comenzar a diseñarlas, queremos que las conozcas: ¿Cuáles son sus tipos y características? ¿Qué diferencias hay entre ellas y con una web móvil? Las aplicaciones —también llamadas apps— están presentes en los teléfonos desde hace tiempo; de hecho, ya estaban incluidas en los sistemas operativos de Nokia o bien Blackberry años atrás. Los móviles de esa época, contaban con pantallas reducidas y muchas veces no táctiles, y son los que ahora llamamos En esencia, una aplicación no deja de ser un software. Para entender un poco mejor el concepto, podemos decir que las aplicaciones son para los móviles lo que los programas son para los ordenadores de escritorio. FIGURA 1.1.En la AppStore hay cientos de miles de apps disponibles.
Actualmente encontramos aplicaciones de todo género, forma y color, pero en los primeros teléfonos, estaban enfocadas en mejorar la productividad personal: se trataba de alarmas, calendarios, calculadoras y clientes de correo. Hubo un cambio grande con el ingreso de iPhone al mercado, ya que con él se produjeron nuevos modelos de negocio que hicieron de las aplicaciones algo rentable, tanto para desarrolladores como para los mercados de aplicaciones, como Aplicación Store, Google Play y Windows Phone Store. Al mismo tiempo, también mejoraron las herramientas de las que disponían diseñadores y programadores para desarrollar aplicaciones, facilitando la labor de producir una aplicación y lanzarla al mercado, incluso por cuenta propia. Diferencias entre aplicaciones y web móvilesLas aplicaciones comparten la pantalla del teléfono con las webs móviles, mas mientras que las primeras tienen que ser descargadas e instaladas antes de usar, a una web puede accederse sencillamente empleando Internet y un navegador; sin embargo, no todas y cada una pueden verse correctamente desde una pantalla en general más pequeña que la de un ordenador de escritorio. Las que se amoldan especialmente a un dispositivo móvil se llaman «web responsivas» y son ejemplo del diseño líquido, en tanto que se puede pensar en ellas como un contenido que toma la manera del contenedor, mostrando la información según sea necesario. Así, columnas enteras, bloques de texto y gráficos de una web, pueden acomodarse en el espacio de una manera diferente —o incluso desaparecer— conforme a si se entra desde un teléfono, una tableta o bien un ordenador. FIGURA 1.2.El diseño «responsivo» se amolda en dependencia del dispositivo donde es visualizado. Quienes cuentan ya con una «web responsiva» pueden proponerse la necesidad de diseñar una aplicación, mas la respuesta a si esto es o no preciso, depende de entender tanto los objetivos de negocio, como las características que distinguen las aplicaciones de las webs. Por ejemplo, paginas web madrid precios á sin conexión a Internet, además, pueden acceder a determinadas características de hardware del teléfono —como los sensores—, capacidades que en nuestros días están fuera del alcance de las webs. Por lo anterior, puede decirse que una aplicación ofrece una mejor experiencia de empleo, eludiendo tiempos de espera excesivos y consiguiendo una navegación más fluida entre los contenidos. No hay siempre y en toda circunstancia que seleccionar entre una o bien otra. Webs y aplicaciones no son contendientes, más bien, pueden complementarse entre ellas; por servirnos de un ejemplo, una web puede ser útil como canal de información para motivar la descarga de la aplicación. Primero el móvilEs posible que cuando llegue la hora de diseñar una aplicación ya exista una web como antecedente. En esos casos, la app debe tomar las funciones y contenidos que se han pensando para la web y amoldarlos a fin de que tengan sentido, de acuerdo al tamaño de pantalla y a la manera de interacción de un móvil. En otros casos, el diseño empieza desde cero, cuando todavía no hay ni web ni aplicación, y hay que decidirse por cuál de ellas iniciar. Aquí es donde adquiere más trascendencia el término de La ventaja de este modo de trabajar es que el meditar en el móvil como punto de inicio, fuerza a concentrarse en lo esencial de un producto y a hacer foco solo en lo que tiene sentido para este dispositivo. Una vez que la aplicación está diseñada, puede preguntarse cuál es la mejor manera de llevar lo hecho para el teléfono a una pantalla de computador o a otros dispositivos, extendiendo y escalando el contenido y repensando la diagramación. Todos los dispositivos tienen usos diferentes, y en el momento de adaptar el diseño, hay que tener en cuenta las características particulares de cada uno de ellos de ellos.
El proceso de diseño y desarrollo de una appEl proceso de diseño y desarrollo de una aplicación, abarca desde la concepción de la idea hasta el análisis siguiente a su publicación en las tiendas. Durante las diferentes etapas, diseñadores y desarrolladores trabajan —la mayor parte del tiempo— de forma simultánea y coordinada. Hemos resumido las fases de este proceso solo desde la perspectiva del diseño y desarrollo, esto es, sin tener en consideración los roles de coordinación, la participación del cliente del servicio, ni los accionistas de la compañía. Cada una de las etapas —excepto la de desarrollo— se explica más extensamente en los capítulos siguientes, especificando procesos y metodologías para ir avanzando entre ellas. FIGURA 1.3.El proceso de diseño engloba diferentes etapas donde diseñador y desarrollador trabajan simultáneamente, con más o menos carga de trabajo dependiendo del momento. 1. CONCEPTUALIZACIÓNEl resultado de esta etapa es una idea de aplicación, que tiene en cuenta las necesidades y problemas de los usuarios. La idea responde a una investigación preliminar y a la siguiente comprobación de la viabilidad del término.
2. DEFINICIÓNEn este paso del proceso se describe con detalle a los usuarios para quienes se diseñará la aplicación, empleando metodologías como «Personas» y «Viaje del usuario». También aquí se sientan las bases de la funcionalidad, lo que determinará el alcance del proyecto y la dificultad de diseño y programación de la app.
3. DISEÑOEn la etapa de diseño se llevan a un plano tangible los conceptos y definiciones anteriores, primero en forma de
4. DESARROLLOEl programador se encarga de dar la vida a los diseños y crear la estructura sobre la que se apoyará el funcionamiento de la aplicación. En el momento en que existe la versión inicial, dedica una gran parte del tiempo a corregir errores funcionales para asegurar el adecuado desempeño de la app y la prepara para su aprobación en las tiendas.
5. PUBLICACIÓNLa aplicación es finalmente puesta a disposición de los usuarios en las tiendas. Después de este paso trascendental se efectúa un seguimiento a través de analíticas, estadísticas y comentarios de usuarios, para evaluar el comportamiento y desempeño de la app, corregir fallos, efectuar mejoras y actualizarla en futuras versiones.
Tipos de aplicaciones según su desarrolloA nivel de programación, existen múltiples formas de desarrollar una aplicación. Cada una de ellas tiene diferentes características y limitaciones, en especial desde el punto de vista técnico. Aunque a primer aspecto esto no parezca incumbencia del diseñador, la realidad es que el género de aplicación que se escoja, condicionará el diseño visual y la interacción. APLICACIONES NATIVASLas aplicaciones nativas son aquellas que han sido desarrolladas con el software que ofrece cada sistema operativo a los programadores, llamado genéricamente Este género de aplicaciones se descarga y también instala desde las tiendas de aplicaciones —con ciertas excepciones en el caso de Android, que vamos a ver en el capítulo «Lanzando la app»— sacando buen partido de las diferentes herramientas de promoción y marketing de cada una de ellas. Las aplicaciones nativas se actualizan a menudo y en esos casos, el usuario debe volver a descargarlas para conseguir la última versión, que a veces corrige fallos o bien añade mejoras. Una característica en general menospreciada de las apps nativas, es que pueden hacer uso de las notificaciones del sistema operativo para enseñar avisos esenciales al usuario, aun cuando no se esté usando la aplicación, como los mensajes de Whatsapp, por ejemplo. FIGURA 1.4.Las aplicaciones nativas permiten aprovechar el sistema de notificaciones. Además, no requieren Internet para funcionar, por lo que ofrecen una experiencia de empleo más fluida y están realmente integradas al teléfono, lo que les permite usar todas y cada una de las características de hardware del terminal, como la cámara y los sensores (GPS, acelerómetro, giróscopo, entre otros). A nivel de diseño, esta clase de aplicaciones tiene una interfaz basada en las guías de cada sistema operativo, logrando mayor congruencia y consistencia con el resto de aplicaciones y con el propio SO. Esto favorece la usabilidad y favorece de forma directa al usuario que halla interfaces familiares. APLICACIONES WEBLa base de programación de las aplicaciones web —también llamadas En este caso no se emplea un SDK, lo que deja programar de forma independiente al sistema operativo en el que se usará la aplicación. De ahí que, estas aplicaciones pueden ser fácilmente empleadas en diferentes plataformas sin mayores inconvenientes y sin necesidad de desarrollar un código diferente para cada caso particular. Las aplicaciones web no necesitan instalarse, ya que se visualizan utilizando el navegador del teléfono como un sitio web normal. Por esta razón, no se distribuyen en una tienda de aplicaciones, sino que se comercializan y promocionan de forma independiente. Al tratarse de aplicaciones que funcionan sobre la página web, no es necesario que el usuario reciba actualizaciones, en tanto que siempre va a estar viendo la última versión. Mas, a diferencia de las apps nativas, precisan de una conexión a Internet para marchar adecuadamente. FIGURA community manager cordoba .Facebook cuenta tanto con una webapp como con una aplicación nativa. Adicionalmente, tienen algunas limitaciones e inconvenientes en factores importantes como gestión de memoria y no permiten aprovechar al máximo la potencia de los diferentes componentes de hardware del teléfono. Las aplicaciones web suelen tener una interfaz más genérica e independiente de la apariencia del sistema operativo, por lo que la experiencia de identificación del usuario con los elementos de navegación e interacción, suele ser menor que en el caso de las nativas. APLICACIONES HÍBRIDASEste género de aplicaciones es una especie de combinación entre las 2 anteriores. La forma de desarrollarlas es parecida a la de una aplicación web —usando HTML, CSS y JavaScript—, y cuando la aplicación está terminada, se compila o empaqueta de forma tal, que el resultado final es como si se tratase de una aplicación nativa. Esto permite casi con un mismo código obtener diferentes aplicaciones, por ejemplo, para Android y iOS, y distribuirlas en todas y cada una de sus tiendas. A diferencia de las aplicaciones web, estas dejan acceder, usando librerías, a las capacidades del teléfono, tal y como lo haría una app nativa. FIGURA 1.6.Netflix tiene una aplicación híbrida que se ve prácticamente igual en iOS y en Android. Las aplicaciones híbridas, también tienen un diseño visual que no se identifica en buena medida con el del sistema operativo. No obstante, hay formas de usar controles y botones nativos de cada plataforma para apegarse más a la estética propia de cada una. Existen algunas herramientas para desarrollar este género de aplicaciones. Apache Cordova ¿CUÁL DEBERÍAS USAR?Dadas las características de cada una de las aplicaciones, decidirse por una u otra estará determinado por unos pocos factores esenciales y por la manera en que afectan por último la experiencia de empleo. Cuando la disponibilidad de la aplicación sin Internet, la posibilidad de emplear notificaciones y el acceso a los recursos de hardware del teléfono sean esenciales, una aplicación nativa será la opción más indicada. Si ninguna de estas cosas es verdaderamente esencial para la aplicación, quizás sea más fácil diseñar una aplicación web, si es que ya se dispone del conocimiento para esto, heredado del desarrollo de sitios. En un caso así, el costo de desarrollo es más bajo y la manera de trabajar un poco más ágil. Independientemente de esto, las aplicaciones nativas son las que ofrecen una mejor experiencia de uso y sobre todo, desempeño. Ciertas aplicaciones como Facebook o LinkedIn, que ya antes eran híbridas, han pasado a ser nativas por esta razón. De forma adicional, responden más a las guías de diseño de cada sistema operativo. Por metodologias de desarrollo web , nos enfocaremos en las aplicaciones nativas. De aquí de ahora en adelante, y por el resto de los capítulos que quedan por venir, vamos a estudiarlas, conocerlas y a ver qué las hace diferentes. Para conseguir más información sobre los costos de desarrollo de diseño web para empresa , puede comunicarse con nosotros directamente en la sección de Fuente:
|
||||||||||||||||
|