¿Deberían las versiones móviles de aplicaciones web parecerse a una interfaz de usuario de aplicación nativa (por ejemplo, entrada inferior fija para una página de chat) o tener el mismo aspecto que la versión de escritorio?

Si se hace correctamente, puede crear una buena marca de señales visuales que funcione en versiones móviles y de escritorio. Esto es probablemente más fácil con esquemas de color. Por ejemplo, el sitio web de Facebook utiliza muchos de sus famosos “azules y púrpuras y grises claros”. Su aplicación es completamente diferente, pero utiliza los mismos esquemas de color. Esa consistencia trasciende a través de plataformas, sistemas operativos, navegadores y dispositivos. Diseñar la aplicación y el sitio web para que tengan señales visuales sutiles también puede ayudar mucho.

Todo lo demás debería reducirse a la usabilidad. La versión de escritorio, por ejemplo, ofrece acceso a un teclado y mouse y mucho más espacio en pantalla. Sin mencionar, más espacio horizontal.

Tradicionalmente, las versiones móviles de las aplicaciones están un poco más condensadas, por lo que para combatir el caos en pantallas pequeñas, debemos evitar el desorden y “volver a lo básico” al diseñar la navegación y el contenido para que sean ligeros y fáciles de navegar.

En pocas palabras, la elección de un dispositivo móvil primero se enfoca en la facilidad de navegación es probable que rompa la coherencia de las versiones tradicionales de escritorio o web de escritorio, aunque gran parte del aspecto visual puede recuperarse mediante el uso liberal de temas consistentes. Los botones, bordes, texto pueden coincidir visualmente entre versiones, a menudo con colores, uso de fuente, tamaño de fuente y pesos, incluso las animaciones pueden ayudar con esto.

Aaron Swords usó el término rutas “nativas” en su respuesta y tiene razón. El uso de un marco de interfaz de usuario básico para aplicaciones móviles contribuirá en gran medida a garantizar que la aplicación funcione bien en todos los dispositivos de forma predeterminada. Luego puede superponer sus imágenes para mezclarlas un poco. Algunas aplicaciones no se benefician en absoluto de los elementos comunes de la interfaz de usuario de ningún marco, como la mayoría de las aplicaciones de juegos que utilizan una rica experiencia visual que se integra con la navegación. En ese tipo de aplicaciones, es bastante independiente para diseñar en todos los dispositivos, ya que es probable que la aplicación no se limite solo desde la perspectiva del espacio en pantalla y sea completamente específica de la aplicación.

Eso depende completamente de la aplicación. De hecho, algunos marcos, como Ionic, le permiten elegir una aplicación móvil que se ve igual en todos los dispositivos o parece nativa de cada dispositivo. La mayoría de las veces, elijo la ruta nativa, ya que generalmente hace que la aplicación se sienta a medida para ese dispositivo. Pero hay algunas aplicaciones que pueden beneficiarse de no parecer nativas. Es una cuestión de opinión.

More Interesting

¿Se pueden enviar notificaciones push a las aplicaciones web?

¿Necesito una computadora poderosa para el desarrollo y diseño web?

¿Existe una biblioteca R para web scraping?

¿Cuál es el mejor marco para comenzar su propio proyecto de aplicación web (para un inicio)?

¿Puedo rediseñar una aplicación web desarrollada para un cliente y revenderla a otras compañías? Pero no se ha firmado ningún contrato entre mí y el cliente que desarrolló originalmente el sistema.

¿Cuál es una buena aplicación para iPhone para rastrear el tiempo dedicado a varias aplicaciones en dispositivos móviles?

¿Existe una plataforma de publicación de libros de código abierto?

¿Cómo se pueden obtener los rastros de los servidores web de las grandes empresas para ser utilizados de forma confidencial con fines de investigación?

¿Cuáles son las ventajas y desventajas de contratar un desarrollador front-end o externalizar el diseño / diseños web de su aplicación web?

¿Redmine también sirve como una buena herramienta de seguimiento de errores o problemas para proyectos?

¿Cuáles son las cosas que necesito aprender para hacer aplicaciones web?

¿Qué tecnologías se utilizaron en el desarrollo de aplicaciones web en los años 90?

¿Cuál es la mejor tecnología EDI o métodos web? ¿Y también Java J2EE o mainframes?

¿Cuáles son algunos de los mejores marcos de diseño web receptivos?

¿Qué debo aprender para poder diseñar y codificar aplicaciones web complejas (redes sociales)?