¿El diseño de mi aplicación móvil debe ser el mismo que el sitio móvil?

Sí lo es.

Siempre debe diseñar para el dispositivo, no tener una interfaz de usuario al unísono que funcione para cada situación, no existe tal interfaz y nunca lo será. Período. El diseño (look and feel) debe ser el mismo en todas las plataformas, el UX debe ser diferente.

La web es buena en algunas cosas y las aplicaciones son buenas en otras. En términos generales, su aplicación debería resolver una cosa y hacerlo muy bien. Las aplicaciones son más potentes en términos de velocidad y tacto / deslizamiento y hardware (cámara, GPS, acelerómetro), y sobre todo está DESCONECTADO, así que úselo para resolver las preguntas en la mano.

La web móvil debería MIRAR como la aplicación, pero debería hacer algo más. Las webs móviles deben ser rápidas en rendimiento y tiempo de carga. Debería ser como la aplicación, ya que tendrá botones grandes y estará habilitada para deslizar, pero no debe tratar de imitar elementos de IU incorporados desde los teléfonos (por lo que no hay menú en la parte inferior para que se vea como iOS). Y sí, debe incluir todo lo que tiene en su sitio web, incluso lo que nadie usa (como Acerca de nosotros y Legal).

Si y no. Muchas respuestas han dicho cosas correctas, pero sin decirte exactamente cómo. O hasta cierto punto, por qué. En parte es un problema de definir qué es el diseño.

Las partes más importantes de su diseño deben estar relacionadas con la creación de IA, contenido y diseño de información. Esos nunca deben hacerse para una aplicación, sitio web o cualquier cosa, sino para su proyecto, programa o servicio.

Idealmente, comienza con los datos / funcionalidades que desea poner delante de las personas, quiénes son las personas y dónde / cómo están trabajando. Luego, encuentra orgánicamente qué sistema funciona mejor para ellos. He creado muchos sitios web para personas sin acceso a Internet; nunca lo usaron y tuvimos que construir otra cosa más tarde.

Por supuesto, el mundo nunca es ideal, por lo que obtendrá proyectos que “compilan una aplicación para iOS y un sitio web receptivo”. Es su trabajo no diseñar primero una aplicación y, por separado, un sitio web. Primero, diseñe el sistema de todos modos. Incluso sin cambiar el alcance por completo, agregará correos electrónicos de restablecimiento de contraseña, notificaciones de aplicaciones, etc.

Por lo tanto, tendrá una estructura común, que puede compartir entre todas las plataformas en el nivel de presentación y que comparte una sola (¿conjunto de?) API (s) para trabajar con los mismos datos, de la misma manera. Luego, una vez que se haya resuelto (y el almacén de datos y los desarrolladores de lógica de negocios se pongan a trabajar) puede diseñar capas de presentación de verdad.

UI e IxD deben estar relacionados en terminología, organización y estilo, pero serán diferentes, según sea necesario para las expectativas y capacidades específicas de la plataforma. Dos ejemplos de muchos, muchos:

  • Se esperan formularios de correo electrónico para contacto / comentarios en la web. En dispositivos móviles, no tanto. Casi siempre es mejor disparar una intención de compartir para que el usuario pueda abrir su propio cliente de correo electrónico.
  • En el escritorio, la primera pantalla le pide a las personas que ingresen su ubicación y funciona y a la gente le gusta. En el móvil, es mejor no solo movilizar esa pantalla sino eliminarla; en su lugar, probablemente necesite cambiar el flujo para que los resultados localizados se muestren automáticamente usando los sensores en el teléfono.

Notarás que el uso cuidadoso de esto no solo es más fácil para los usuarios (que cumple con las expectativas), sino que a menudo es mucho más fácil de codificar, ya que a menudo eliminas las características difíciles de construir y usas las predeterminadas (o proporcionadas por el marco) por plataforma.

Entonces, aún así: sí y no.

Como usuario, me resulta frustrante cuando hay diferencias entre las plataformas. El sitio móvil de Facebook, la aplicación de Android y la aplicación de iPad se comportan de manera similar pero son diferentes, y es confuso. Personalmente quiero que mi experiencia sea la misma en todas las plataformas. Los usuarios no deberían sorprenderse.

No del todo … una parte como el logotipo de la empresa, los temas, css se pueden conservar mientras se desarrolla el diseño de la aplicación móvil.

El resto se puede rediseñar para funciones amigables con la pantalla táctil como Mecanografía y campo de entrada móvil, Contenido de texto: legibilidad y escaneo, paginación y desplazamiento infinito, etc.

Debería ofrecer una experiencia general consistente, pero hay muchas cosas que una aplicación puede aprovechar que un sitio móvil no puede aprovechar. Por ejemplo, la mensajería telefónica es una gran cosa. Por lo tanto, debe haber elementos comunes y un cierto grado de coherencia, pero no limite una aplicación a lo que hace el sitio móvil y viceversa.

Potencialmente, a menudo los diseños de la aplicación móvil y del sitio móvil son muy similares, sin embargo, para la aplicación móvil, le brinda un mejor recurso para hacer cosas que se vería frenado al hacer en la versión web usando HTML, CSS y Javascript normales, aunque la mayoría Las cosas se pueden lograr con estos, hay algunas características y diseños a los que se accede mejor cuando se crea la aplicación de forma nativa en lugar de como un sitio móvil y luego se compila como una aplicación real utilizando un servicio como Adobe Phonegap.

Sí, intente que el diseño del sitio web sea el mismo que la aplicación

Entonces, cuando las personas visitan su sitio, saben quién es usted por el diseño.