¿Se puede aplicar un diseño de interfaz de usuario similar utilizado en una aplicación ‘web’ hacia una aplicación ‘nativa’ (iPhone, Android)?

Puedes, pero eso no significa que debas . Para elaborar, explicaré las posibles consecuencias desde la perspectiva técnica y la perspectiva UX.

Técnico
Se utilizan tecnologías fundamentalmente diferentes para crear UI en la web, iOS y Android SDK. Construir interfaces web desde cero con HTML, CSS y JavaScript es relativamente fácil. Sin embargo, crear interfaces personalizadas en iOS puede ser un trabajo extremadamente desafiante y tedioso. Parte de la razón es porque iOS es “obstinado” con respecto a la interfaz de usuario. Apple ofrece a los desarrolladores una gran cantidad de diseños y componentes “gratis”, lo que facilita la creación de aplicaciones que parecen estándar. Sin embargo, tan pronto como comience a personalizar los componentes, anulará el código, que a menudo resulta ser más trabajo de lo que espera. Android es una historia completamente diferente. Solo trabajé con Android UI una vez, y no quería volver a tocarlo.

Por lo tanto, desde el punto de vista técnico, mi consejo para la mayoría de las aplicaciones suele ser estudiar la interfaz de usuario estándar, comprender qué es fácil de personalizar y qué no, y tratar de ir con el grano, por así decirlo.

Experiencia de usuario
Un error muy común que veo es que las personas diseñan aplicaciones web móviles para que parezcan nativas. Esto es desafortunado. Las aplicaciones web no “se sienten” como aplicaciones nativas para los usuarios, por lo que cuando se ve nativo pero no tiene la respuesta rápida y las transiciones suaves de una aplicación nativa real, los usuarios parecen estar decepcionados. Hay muchos marcos web móviles que intentan compensar esto, pero si desea una aplicación móvil, simplemente cree una. (A menos, por supuesto, que sea un MVP, lo que deberías hacer lo más barato posible … aunque esa es una historia diferente).

Estás preguntando lo contrario: ¿deberías replicar tu interfaz de usuario web móvil en iOS / Android? Bueno, se aplica el mismo tipo de patrón. Cuando alguien usa un tipo específico de dispositivo, tiene expectativas de cómo funcionará su software. Estas expectativas están influenciadas en gran medida por las convenciones : patrones que los diseñadores usan comúnmente en esa plataforma, que son una combinación de lo que sugieren los diseñadores de la plataforma (ver Diseño para iOS y Diseño | Desarrolladores de Android) y lo que emerge con el tiempo (como como el llamado patrón de menú “hamburguesa”). En general, no desea ir en contra de las convenciones porque hace que las personas tengan que pensar más para usar la aplicación.

Por lo tanto, desde la perspectiva del diseño, el mejor enfoque es muy similar al mejor enfoque técnico: intente comprender los patrones de IU recomendados y populares que son específicos del dispositivo, y ajuste su IU en consecuencia.