Solo me gustaría decir que si está diseñando una aplicación que no es un juego de pantalla completa y desea que se vea igual en todas las plataformas, es posible que desee reconsiderar porque las diferentes plataformas tienen diferentes pautas de interfaz de usuario por buenas razones: Las plataformas son inherentemente diferentes. Mira cómo lo hace Instagram: el tema básico (apariencia) de la aplicación sigue siendo el mismo en Android e iOS
- ¿Es posible construir aplicaciones de teléfono Android / Windows en un Chromebook o en línea?
- ¿Cuáles son las posibilidades de que alguien en el futuro cercano desarrolle una plataforma móvil que desafíe seriamente a Android e iOS?
- ¿Qué odian los propietarios de agencias de desarrollo móvil?
- ¿Cuál es la mejor agencia de desarrollo de aplicaciones de Android en Canadá?
- Cómo construir aplicaciones móviles con JavaScript
pero se adhieren a las convenciones específicas de la plataforma para que sus usuarios se sientan como en casa.
Ahora con esa advertencia en su lugar, le insto a que piense en su aplicación en términos de lo que Android llama fragmentos: Fragmentos | Desarrolladores de Android. Piense en los componentes básicos que componen la pantalla y cómo se verían en varios tamaños y resoluciones de pantalla. Esto también lo ayudará a decidir cómo diferirán las versiones horizontal y vertical de la misma aplicación, y cómo se verían las IU de tabletas y teléfonos.
Cuando tenga una buena idea de estos componentes, debe comenzar a burlarse de la interfaz para la resolución del iPhone 5. Si tiene en mente una separación clara de componentes, reducirla para iPhone 4S y versiones anteriores debería ser un juego de niños. Por ejemplo, en el ejemplo de Instagram, las barras superior e inferior permanecen fijas, mientras que el contenido que se muestra se basa más o menos en si es un iPhone 5 o iPhone 4S (o anterior), respectivamente.
Para llevar esto a Android, asegúrese de que nada esté demasiado vinculado a la resolución y escale relativamente. Continuando con el ejemplo de Instagram, dado que la barra inferior tiene 5 botones, piense que cada botón ocupa el 20% del ancho de la pantalla. Las definiciones relativas también le permiten ajustar el relleno / los márgenes. Sin embargo, habrá una compensación aquí: si desea admitir también dispositivos de gama baja (llamados dispositivos LDPI en Android), es posible que deba introducir barras de navegación de desplazamiento y áreas de contenido. Agrupar todo en la pantalla a la vez puede hacer que su interfaz esté abarrotada. Si tener una experiencia consistente es más importante para usted que admitir dispositivos de gama baja, puede considerar dejarlos completamente fuera.
Las tabletas tienden a tener mucho más pantalla que los teléfonos (por lo general, aunque la línea está desapareciendo rápidamente con algunos de los nuevos ‘phablets’). Puede ser beneficioso pensar en estas interfaces de manera diferente, ya que se espera que las versiones de tableta de las aplicaciones hagan más que sus contrapartes telefónicas. Si la aplicación de su tableta es solo una versión ampliada / escalada de su aplicación, está invitando comentarios negativos para su aplicación. Piensa en la navegación persistente y piensa en el paisaje. Las tabletas se usan en paisajes mucho más que en retratos.
