¿Cómo hacen los desarrolladores de aplicaciones para crear una aplicación que se vea exactamente igual en la plataforma iOS y Android?

Las aplicaciones no se ven y funcionan exactamente igual si las analizas cuidadosamente. Pero en su mayor parte, se ven casi iguales. Y no tiene nada que ver con el lenguaje de programación. Tiene todo que ver con las pautas de diseño y las limitaciones que ambas plataformas tienen.

Por ejemplo, no hay un cajón deslizante en la aplicación iOS, el menú superior es diferente tanto para Android como para iOS, no hay operaciones en segundo plano en iOS, también Apple es muy estricta en el aspecto de la aplicación, Apple también requiere la aplicación el ícono de inicio debe ser cuadrado, mientras que en Android puede tener cualquier forma, entonces no hay un Controlador de vista de navegación en Android, también las pestañas son diferentes en Android que en iOS.

Programa para ambas plataformas y he estado trabajando con empresas que trabajan en múltiples plataformas. Siempre es un desafío acordar un diseño de aspecto común. Por lo general, se deben tener en cuenta las pautas de diseño específicas de la plataforma.

Para aplicaciones como Pinterest o Instagram, por ejemplo, en su mayor parte se ven iguales en ambas plataformas, ya que se ha hecho un gran esfuerzo para hacer que las interfaces de usuario sean totalmente personalizadas, pero aún así son diferentes en muchos niveles.

Si desea que la aplicación se vea igual en ambas plataformas, no tiene nada que ver con el lenguaje que está utilizando, sino que se trata de una guía de estilo. Por lo general, seguimos los mismos códigos de color y los mismos cortes de diseño para que la aplicación se vea igual. Las aplicaciones pueden verse exactamente igual en ambas plataformas después de las personalizaciones en los diseños / vistas provistos por la plataforma, pero las pautas de diseño de la plataforma en particular deben seguirse al hacer estas personalizaciones. Si habla de funcionalidad, los algoritmos utilizados son los mismos en ambas plataformas. Por lo tanto, en última instancia, no se necesita ninguna herramienta adicional para que la aplicación se vea igual.

Entonces, este es el problema. Primero, para hacer que una aplicación se vea igual, probablemente necesitará construir su aplicación con un marco común que todas las plataformas admitan. Los. Deberá asignarle un tema para que ambas plataformas tengan el mismo aspecto. Y luego descubrirás que a los usuarios no les gusta esto.

Cree que los usuarios quieren la misma interfaz de usuario en todas las plataformas. Ellos no. Quieren una interfaz de usuario optimizada para la plataforma en la que se encuentran. Necesita verse oliendo y saboreando como todo lo que ya saben. Las revisiones de aplicaciones muestran que las aplicaciones que están diseñadas para una plataforma en particular obtienen revisiones algo más altas que las aplicaciones diseñadas para ser multiplataforma.

La primera pregunta es: ¿Por qué quieres tener la misma apariencia en Android e iOS? Hay pautas de diseño claras disponibles para iOS y Android para colocar todos y cada uno de los componentes en la pantalla. De esta manera, el usuario tendrá una idea clara sobre la aplicación y su navegación. No se recomienda ir más allá de las pautas de diseño.

Aún así, quieres tener la misma apariencia, hay dos maneras,

Desarrollo nativo: intente igualar el comportamiento de iOS en Android. Porque Android es mucho más personalizable. Si su navegación principal de iOS tiene una sola pestaña, puede usar ampliamente los fragmentos para lograr lo mismo.

Desarrollo multiplataforma: elija el marco Cordova o Ionic, diseñe la aplicación y no se preocupe.

Escriba las pantallas en Javascript / HTML y ejecútelas dentro de un control de navegador web.

De esa forma, el renderizado se realiza en HTML. Las pantallas escritas de esta manera se ven idénticas en Android y Apple. Hay un poco de fontanería que hacer, por ejemplo, debe interceptar las pulsaciones de botones con Javascript para poder invocar lo que sea que tenga que hacer el botón, pero es bastante sencillo.

Para cualquier cosa no trivial, es mucho menos trabajo. No tiene que preocuparse por los motores de diseño de Android o iOS, y en cualquier caso, HTML hace un mejor trabajo de diseño que cualquiera de ellos.

Solía ​​usar los motores de diseño dentro de iOS y Android, que son completamente diferentes. Y luego pruebe cada uno en múltiples dispositivos para ver si funcionaron. Ahora solo los escribo en HTML (mucho más fácil) y conecto los botones, etc., usando Javascript (una tarea muy simple) y funcionan de manera idéntica en ambas plataformas. Gran ahorro de tiempo.

Transliteración: cree la aplicación en una plataforma y luego traduzca casi línea por línea en la nueva plataforma. Simple, funciona bien.