¿Cuál es la diferencia entre el diseño de la interfaz de usuario web y el diseño de la interfaz de usuario de la aplicación móvil?

Es una pregunta muy interesante. ¿Alguna vez has preguntado a los diseñadores por qué no quieren diseñar para la web?

  • ¿El móvil significa solo aplicaciones nativas?
  • ¿La web solo significa sitios?

Permítanme describir mi opinión que podría no reflejar la realidad. Pero se basa en muchas webs y aplicaciones móviles diseñadas.

El diseño móvil es más simple que una web:

  • No necesitas resolver diseños complejos
  • Puede usar patrones estándar móviles verificados proporcionados por el propietario del sistema operativo para no tener que reinventar la rueda
  • Las aplicaciones móviles suelen ser muy simples en términos de funcionalidad
  • Puede usar funciones especiales que no están disponibles (o solo parcialmente) en la web
  • No necesitas resolver la capacidad de respuesta
  • Las aplicaciones móviles son productos interactivos y los sitios web son páginas de texto simples sin interactividad
  • Y el diseño para dispositivos móviles es genial y atractivo

Además, la mayoría de las aplicaciones móviles son para consumo, por lo que no necesita resolver flujos de interacción complejos. Lo que normalmente resolvemos en la web.

También depende del problema que el producto debe resolver. ¿Es una aplicación o simplemente un sitio de texto? Muchas aplicaciones resuelven problemas importantes tratando de ser un nuevo Instagram o Snapchat. Y eso no es posible en la web, que generalmente se trata de presentar información a las personas.

Para mí, no importa qué tipo de producto diseño. La aplicación móvil, la aplicación web o los sitios son solo un medio / formulario a través del cual resolvemos el problema . Entonces los diseñadores que dijeron que no eran los candidatos correctos.

Al principio, habría dicho … No hay una gran diferencia … Probablemente lo habría dicho hace unos años. Tal vez dos …

Pero, las cosas han cambiado muy rápidamente en un corto período de tiempo.

Ahora, es posible ser un especialista en diseño de interfaz de usuario de aplicaciones móviles …

  1. Algunas aplicaciones incluso están disponibles exclusivamente en dispositivos móviles . Instagram estuvo así por mucho tiempo. Por lo tanto, existe un mercado / necesidad de diseñar únicamente en dispositivos móviles … por alguna extraña razón.
  2. ¿Qué pasa si ya existe un sitio web? Llamarse a sí mismo un ‘diseñador de interfaz de usuario de aplicaciones móviles’ lo hace destacar porque aborda directamente una necesidad comercial para la que obviamente es la solución. Es un título claro y directo que es menos vago que el “diseño de interfaz de usuario web”. Si una empresa tiene un sitio web, pero solo necesita convertirlo a móvil, ya sabe a quién llamarán …
  3. ¡Hay tanto que hacer! Un diseñador móvil tiene mucho en qué pensar. Hay tantos tipos diferentes de teléfonos, restricciones de espacio … Tener que conocer todas las especificaciones para Mobile ON TOP de conocer los requisitos para computadoras de escritorio es mucho trabajo, especialmente para una industria en constante evolución y actualización de sus estándares y navegadores
  4. El tiempo es un problema. Digamos que lleva 20 horas diseñar el sitio web y 20 horas diseñar la aplicación … Tal vez el Diseñador de UI de la aplicación móvil no quiera pasar todo ese tiempo en un solo proyecto (o tal vez tomar ese tiempo no puede asignarse linealmente para el proyecto) Además, es posible que un diseñador de interfaz de usuario móvil prefiera actuar como un nuevo conjunto de ojos para transferir el sitio web a una versión móvil que sea simple, efectiva y poderosa que trabajar en todos los aspectos de la presencia en línea.
  5. La interfaz de usuario móvil es diferente de la interfaz de usuario web porque la naturaleza del juego es diferente . Debe dedicar más tiempo a pensar e investigar sobre la mejor solución posible para representar el contenido en una pequeña cantidad de espacio. La navegación es un claro ejemplo de esto. Muéstrame el camino para ir a cualquier parte: navegación para aplicaciones móviles Hay tantas posibilidades para tu navegación y comportamientos físicos a considerar, es mucho más simple cuando piensas en la presentación web y de escritorio porque hay más espacio …

Definitivamente hay una gran brecha. A veces, el diseño receptivo intenta disminuir este problema, pero otras veces, puede no ser tan exitoso … Por lo tanto, las personas se están convirtiendo en expertos en diseño de UI móvil y dedicando su enfoque a este medio en particular. Tiene sentido que ocurra tal especialización, así como en un punto tenía sentido que la impresión y el diseño web fueran las dos divisiones principales del diseño gráfico.

Pregunta muy interesante Para responderlo, tenemos que analizar si la división entre diseñadores web y móviles es real. Posteriormente, voy a compartir lo que, en mi opinión, hace que el diseño para dispositivos móviles sea diferente al diseño para la web y si realmente tiene sentido ser diseñador ‘solo para dispositivos móviles’ o ‘solo para sitios web’.

1. ¿Existe realmente un gran grupo de diseñadores que diseñan solo para dispositivos móviles?

Los datos sobre la especialización del diseño son difíciles de obtener. Solo podemos confiar en un conjunto simplificado de información. Revisé las bases de datos de Linkedin y Dribbble, suponiendo que si hay una verdadera tendencia de “solo móvil”, deberíamos ver a muchas personas describiéndose a sí mismas como “diseñadores móviles”. Como puede ver a continuación, ese no es realmente el caso:

  • Linkedin (análisis de títulos de trabajo)
  • 16,394 – diseñador móvil
  • 408,163 – diseñador web
  • Dribbble (análisis de habilidades, no mutuamente excluyentes)
    • 6,109 – móvil (habilidad de diseño)
    • 23,117 – web (habilidad de diseño)

    Por supuesto, no sabemos cómo “móvil” está creciendo como una habilidad o un título de trabajo, pero hasta ahora no podemos decir que hay una gran cantidad de diseñadores solo móviles.

    ¿El móvil se está volviendo más importante? ¡Por supuesto! Solo eche un vistazo a este análisis de tendencias de google:

    • Diseño web (azul) vs. Diseño móvil (rojo); fuente: tendencias de Google.

    • Diseño para web (azul) Diseño para móviles (rojo) ; fuente: tendencias de Google.

    ¿Significa que los diseñadores se centran exclusivamente en uno u otro? Por ahora, nada muestra que esto esté sucediendo.

    2. ¿La tarea de diseñar para dispositivos móviles es realmente diferente de diseñar para otras plataformas?

    Diseñé mi primera aplicación móvil hace años en Windows Mobile 6. Le siguieron las aplicaciones iOS y Android. ¿La experiencia fue diferente a diseñar para la web? Sí y he aquí por qué:

    a. Motor de crecimiento incorporado. Los sistemas operativos móviles, a diferencia de cualquier otra plataforma, tienen un mecanismo de distribución incorporado. Los usuarios pueden acceder a una aplicación a través del mercado. La capacidad de descubrimiento de su nuevo bebé, aunque todavía es limitada, no tiene comparación con nada más. Las clasificaciones, aplicaciones relacionadas, categorías, se pueden usar para comenzar a hacer crecer su base de usuarios. Además, si su aplicación llega a la pantalla de inicio de los usuarios, permanece allí hasta que se elimine voluntariamente. Olvidar una aplicación es mucho más difícil que un sitio web recién visitado.

    ¿Por qué es esto importante para los diseñadores? Hace que nuestro trabajo parezca mucho más valioso. Si hacemos un buen trabajo creando una gran experiencia, hay menos lugar para un error del mecanismo de distribución. Además, gracias a las notificaciones, tenemos más oportunidades de interactuar con un usuario.

    segundo. Experiencia tangible : los dispositivos móviles eliminan al intermediario de la interacción con la pantalla. El mouse o el trackpad no son necesarios para interactuar con la interfaz. Los usuarios tocan la interfaz de usuario y manipulan objetos con las manos. Hace que la interacción sea más tangible y memorable.

    do. Consistencia forzada : las plataformas móviles están aplicando la consistencia de las IU con sus guías de estilo. Si bien algunos pueden verlo como una restricción, siempre sentí que las guías de estilo detalladas permiten a los usuarios centrarse en los aspectos más importantes del producto, al tiempo que otorgan consistencia que puede acelerar significativamente la adopción de la nueva aplicación.

    re. Alta dependencia del contexto : el contexto es el rey en los dispositivos móviles. Su aplicación debe ser fácil de usar en diferentes condiciones de iluminación, en movimiento, por personas con manos pequeñas, manos grandes, etc. La naturaleza altamente contextual del diseño móvil crea un desafío adicional, que muchos diseñadores agradecen.

    3. ¿Deben los diseñadores especializarse solo en diseño móvil?

    Creo que los diseñadores deberían ser independientes de la plataforma. Después de todo, nuestro trabajo es crear la experiencia y resolver problemas. Una plataforma debe venir como una opción secundaria. Las plataformas van y vienen, pero la tarea fundamental del diseño, resolver los problemas de los usuarios, persiste.

    Las tecnologías emergentes a menudo pasan por un período de cambios rápidos a medida que los innovadores buscan explotar nuevas posibilidades. Las soluciones alternativas a los problemas compiten por la mente y la cuota de mercado. La tecnología de interfaz de usuario móvil (UI) se encuentra en medio de esta fase evolutiva.

    La diversidad de la interfaz de usuario es intencional. Las plataformas deben diferenciarse para reclamar una parte del mercado. En la plataforma Android, los operadores y los proveedores de dispositivos también deben distinguir sus productos, creando aún más diversidad. Aunque la diversidad resultante de productos es necesaria para la mejora competitiva, crea desafíos para los desarrolladores y diseñadores que crean aplicaciones y sitios web para estos dispositivos. Para crear aplicaciones que se ejecutan de forma nativa en múltiples tipos de dispositivos, los equipos de desarrollo necesitan:

    · Habilidades en diversas tecnologías de desarrollo.

    · Conocimiento de las capacidades de una amplia gama de dispositivos que cambian continuamente

    · Conocimiento de diferentes convenciones y estándares de estilo de UI

    · Programación múltiple y esfuerzos de transferencia cruzada

    · Costosos esfuerzos de prueba de múltiples dispositivos y multiplataforma

    La tecnología web móvil proporciona una forma más rentable de desarrollar aplicaciones que se pueden usar en una variedad de plataformas de dispositivos. Con las bibliotecas de JavaScript recientemente desarrolladas, como Dojo Mobile, jQuery Mobile y Sencha Touch, los desarrolladores de IU móviles pueden “escribir una vez, ejecutar en cualquier lugar”. Los desarrolladores no necesitan aprender diferentes marcos para diferentes plataformas, o redesarrollar o portar aplicaciones a cada plataforma compatible. Los usuarios también se beneficiarán de la naturaleza de instalación cero de las aplicaciones web. Siempre usarán la última versión de la aplicación y no tendrán que instalar actualizaciones desde la tienda de aplicaciones en línea. Los implementadores de aplicaciones se benefician al no tener que preocuparse por apoyar a los usuarios que se ejecutan en diferentes versiones de la misma aplicación Visit Here .

    Sin embargo, el diseño de aplicaciones web móviles de calidad tiene sus propias complicaciones. Primero, las interfaces de usuario móviles son esencialmente un nuevo paradigma para la interacción del usuario debido a:

    · Factores de forma más pequeños

    · Interfaces táctiles

    · Detección de aceleración

    · Conciencia de orientación

    · Animación generalizada

    · Simulaciones de comportamiento físico.

    En segundo lugar, debido a que una IU web debe ejecutarse en cualquier dispositivo, independientemente de su tamaño, factor de forma o conjunto de características, los diseñadores deben considerar más variables en comparación con el diseño de una aplicación web de escritorio tradicional.

    Este artículo explora consideraciones y mejores prácticas para diseñar interfaces de usuario web móviles. Aunque hay muy pocos detalles sobre la implementación, el artículo ocasionalmente hace referencia a HTML5 y los componentes de la interfaz de usuario móvil de Dojo Toolkit. Por necesidad, se discuten temas relevantes para el diseño de aplicaciones móviles nativas, pero el enfoque principal está en el diseño multiplataforma. Debido a la participación relativa en el mercado, el énfasis está en las expectativas de los usuarios de iOS, Android y Blackberry.

    Tamaño de la pantalla

    La compacidad puede permitir que un dispositivo se use en casi cualquier lugar, pero también puede funcionar contra muchos aspectos de la usabilidad. Una pequeña pantalla limita la información que se puede mostrar de forma legible. Mientras se diseña, el texto y las imágenes pueden consumir rápidamente el espacio limitado de la pantalla, causando una compensación entre el contenido y las interacciones del usuario.

    Entrada

    Muchos dispositivos móviles populares utilizan entradas táctiles y gestuales. Si bien la entrada táctil puede ser intuitiva, es relativamente imprecisa. Los objetivos táctiles, como los botones, deben ser bastante grandes y ampliamente espaciados en comparación con el mouse y la entrada de estilo de puntero en aplicaciones web o instaladas convencionales.

    Diversidad del sistema operativo

    Tres de las diferencias de diseño de interfaz de usuario más importantes impulsadas por los sistemas operativos son: diseño de navegación, implementación de control y estilo visual.

    Navegación

    Para mover al usuario a través de las vistas, iOS usa gestos y widgets. El botón de inicio en el bisel también se usa para cerrar aplicaciones y navegar fuera de las carpetas. Android usa gestos, widgets y botones de hardware (inicio, atrás, menú, búsqueda), y Blackberry usa gestos, widgets y botones de hardware (menú y escape).

    Implementación de control

    iOS depende en gran medida de las funciones de control de la interfaz de usuario del software, como los botones virtuales. Los usuarios interactúan con los widgets al tacto, con la única excepción de salir de una aplicación o carpeta. En contraste, los dispositivos Android y Blackberry proporcionan botones físicos para navegar de regreso a la vista anterior y para abrir menús de opciones. En dispositivos iOS, estas acciones se invocan con botones.

    Estilo visual

    Cada plataforma define su propio estilo visual a través de temas de color, estilos de iconos, metáforas y representación de widgets. El uso de un tema visual de plataforma es más que una elección estética. Los temas de la plataforma establecen las expectativas del usuario de que las interacciones del usuario en la aplicación seguirán las convenciones de la plataforma.

    Actuación

    Aunque el rendimiento de JavaScript está mejorando, los dispositivos móviles aún tienen problemas de rendimiento. Utilizan procesadores menos potentes y deben lidiar con un ancho de banda de red más bajo en comparación con las computadoras portátiles y los sistemas de escritorio.

    Supongo que la Web es más abierta (en este contexto con respecto al diseño) y no tiene un lenguaje de diseño estricto, mientras que las aplicaciones móviles tienen un estándar (el estilo del sistema operativo) con el que pueden relacionarse (por lo tanto, es más fácil diseñarlo). Además, los diseñadores pueden pensar que deben ser más cuidadosos con el diseño para la Web, es decir, no pueden hacer todo lo que quieran (en relación con las características y el rendimiento, por ejemplo, el uso de muchos gradientes y sombras ralentiza su UX, mucho más que en nativos Además, las aplicaciones móviles (páginas / pestañas / listas) tienden a tener un UX diferente (en relación con el principio básico) en comparación con la Web (página de desplazamiento sin fin, enlaces).

    Por mi parte, creo que esta no es una buena señal cuando los diseñadores no quieren diseñar para la Web. Los diseñadores deben sentirse cómodos con el diseño de algo nuevo (por supuesto, con una estrecha integración con UX) o al menos adaptar la experiencia nativa para la Web, y deben sentirse cómodos con el diseño para cada plataforma / entorno. Además, también puedes hacer todo en diseño web, pero no exageres. Y sería útil si los diseñadores al menos supieran cómo construir un sitio web ellos mismos (por supuesto, sin utilizar ningún generador o herramienta similar).