Diseño de aplicaciones de escritorio vs. móviles: cómo optimizar la experiencia del usuario

La onda móvil golpeó fuerte. Ya en 2014, el uso de Internet para aplicaciones móviles eclipsó el uso para el escritorio (en los EE.UU.), y no mucho después en 2016, el total de la navegación de Internet en el móvil superó al del escritorio (en todo el mundo). Esta ola cambió el juego del diseño digital.

Hoy en día, los propietarios y diseñadores de sitios web siguen luchando para ponerse al día. Las estrategias de diseño de escritorio que habían pasado los últimos diez años perfeccionando se han convertido ahora en una habilidad secundaria, y el poder se ha desplazado a aquellos que entienden de móviles.

Tanto para los empresarios como para los diseñadores, la supervivencia depende ahora de la comprensión de las diferencias entre el diseño de aplicaciones de escritorio y de móviles y de cómo sacar el máximo provecho de ambos. En este artículo te mostramos algunas de las mejores prácticas para que puedas crear la mejor experiencia de usuario.

Diseño de aplicaciones de escritorio vs. móviles: las grandes diferencias

Tamaño de la pantalla

Escritorio = grande

Esto significa mucho más que la oportunidad de añadir más cosas. El tamaño de la pantalla afecta a todos los aspectos del diseño, especialmente a la navegación.

Las aplicaciones de escritorio pueden soportar barras de navegación fijas, mientras que las móviles se limitan generalmente a menús desplegables. Esto es bastante efectivo para la capacidad de descubrimiento, ya que los usuarios pueden encontrar nuevas secciones que no conocían anteriormente. Por ejemplo, ¿sabías que eBay vende motores y otras piezas de automóviles? Si utilizas su aplicación para móvil, tendrías que hacer un gran esfuerzo para aprenderlo.

Móvil = pequeño

Las aplicaciones para móviles deben conservar el espacio de la pantalla en todas partes, así que debes ser consciente de qué elementos son lo suficientemente importantes como para mostrarlos. Dos tendencias interesantes surgieron de este obstáculo: el minimalismo y el menú de hamburguesas. Ambas tuvieron tanto éxito que se filtraron en el diseño de escritorio también, donde son opciones estilísticas más que necesidades.

Interacción

Escritorio = cursores

Las aplicaciones de escritorio pueden hacer uso completo de la interactividad del cursor: cosas como texto en el aire o animaciones activadas por el cursor. Esto permite que las aplicaciones de escritorio presenten pantallas enteras llenas de imágenes, con texto descriptivo que sólo aparece al pasar el cursor.


Móvil = gestos

No se puede flotar o volcar en aplicaciones para móviles, pero tienes una pizarra infinita de gestos literalmente al alcance de la mano. Los golpes, las sacudidas o los pinchazos a la antigua usanza brindan una nueva serie de oportunidades a las aplicaciones (y las hacen más divertidas). ¿Te imaginas lo aburrido que sería Tinder si tuvieras que hacer clic?

Organizar el contenido

Escritorio = columnas

Cualquier contenido de escritorio puede aparecer en un formato tradicional de varias columnas, al igual que el contenido impreso de los periódicos y revistas. Esto ofrece mucha flexibilidad para diseñar diseños y posicionar el texto, las imágenes y los elementos de la interfaz de usuario.

Móvil = desplazamiento

Una vez que el contenido alcanza una cierta longitud, las aplicaciones móviles necesitan usar un largo desplazamiento. ¡Y eso no es algo malo! Los usuarios de móviles prefieren el desplazamiento continuo, y esta técnica conserva el espacio de la pantalla mientras que hace que la interacción sea más divertida con los gestos. Al igual que el minimalismo y el menú de las hamburguesas, el desplazamiento largo es otra tendencia de diseño de móviles que se ha trasladado al escritorio debido a su popularidad.

Móvil = retrato y paisaje

A diferencia de las pantallas de escritorio, las aplicaciones móviles pueden cambiar entre las vistas de retrato y de paisaje a voluntad. Para los diseñadores y propietarios de sitios web, esto es una bendición y una maldición. Las dos orientaciones de la pantalla permiten una mayor funcionalidad y una mejor personalización del usuario, pero a menudo puede requerir el doble de trabajo de diseño.

Funcionalidad

Escritorio = grandes tareas

A juzgar por los resultados de una encuesta de Gallup Panel, los usuarios prefieren las aplicaciones de escritorio para tareas más largas e implicadas. Una razón: las pantallas de los móviles limitan el número de funciones disponibles a la vez. Esa es una razón por la que Adobe optó por una aplicación híbrida de Photoshop Mix en lugar de portar todo el Photoshop al móvil.

Pero más importante aún, se trata de la mentalidad. El móvil funciona para las tareas cortas y rápidas que surgen en el momento (piensa en las comparaciones de precios o en probar que tu amigo se equivoca sobre quién juega al sabueso en GoT). Cuando surgen tareas más largas, los usuarios prefieren encontrar un asiento y adaptarse a las aplicaciones de escritorio con más funciones, más contenido y más características especiales.

Móvil = experimental

Lo que al móvil le falta en funcionalidad, lo compensa con ingenio. En este momento, el diseño de los móviles está a la vanguardia de la tecnología y ofrece toneladas de características exclusivas que el escritorio no puede hacer.


Aquí hay algunos ejemplos:

  • Realidad virtual
  • Realidad aumentada
  • Múltiples cámaras
  • Acelerómetros y sensores giroscópicos
  • Listas de contactos móviles
  • Sensores magnéticos

Tampoco es siempre nueva tecnología. A veces las aplicaciones pueden usar la tecnología existente de nuevas maneras. Por ejemplo, Snapchat utiliza el acelerómetro de tu teléfono para saber cuándo estás conduciendo, y cambia a un coche bitmoji.

Mejores prácticas para el diseño de aplicaciones de escritorio vs. móviles

¿Qué significa todo esto en términos prácticos? ¿Qué debería hacer de forma diferente para cada medio? Veamos los consejos de diseño específicos para ayudarte a optimizar los diseños de cada uno.

Ir móvil primero

Si estás creando una aplicación que es tanto para el escritorio como para el móvil, empieza primero con la versión para móviles. Es más fácil añadir elementos a medida que aumentas el tamaño de la pantalla que eliminarlos a medida que reduces el tamaño de la pantalla. Ir primero al escritorio tiende a implicar más retroceso.

Priorizar elementos

Las pantallas móviles sólo tienen espacio para las partes más significativas de su diseño. Necesitas saber cuáles son. Haga una lista de todos los elementos de su diseño, y priorícelos de más a menos importantes. Esto ayuda más tarde cuando decidas qué elementos obtienen las mejores ubicaciones de la pantalla y cuáles se esconden en los menús de las hamburguesas. PD: esto es igual de útil para el diseño de escritorio.

Trabajar con columnas

Como mencionamos, las aplicaciones de escritorio permiten formatos de múltiples columnas, lo que permite opciones como un menú de navegación a la izquierda o a la derecha, barras laterales para widgets y anuncios y espacio para estructuras de tarjetas. Eso no funcionará en los dispositivos móviles, aunque donde una columna única y centralizada es mejor. Organiza el contenido de tu aplicación en forma vertical (con los anuncios en la parte inferior). Ponga las imágenes encima o debajo del texto, pero rara vez junto a él.

Usar los beneficios del móvil

Sabemos que no quieres oír “más trabajo”, pero hay una diferencia entre diseñar para el móvil y simplemente hacer una aplicación de escritorio para un dispositivo móvil. Utiliza todas las cosas divertidas que puedes hacer con un móvil, incluyendo ingeniosos controles de gestos y sensores especiales. Estos no sólo mejoran la usabilidad de las aplicaciones para móviles, sino que también las hacen más divertidas y destacadas.

No olvides la mentalidad

Una de las mayores discrepancias entre el móvil y el ordenador de sobremesa es el estado mental del usuario. Las tareas de las aplicaciones móviles deben ser rápidas y comprensibles de un vistazo. Imagina a alguien tratando de usar tu aplicación mientras llega tarde a tomar un vuelo. Debe soportar rápidas miradas esporádicas y ser utilizable en medio de las distracciones. Mantener las tareas complejas en el terreno del escritorio.

Haz tus aplicaciones aliadas

Podemos hacer que suene como si el ordenador de sobremesa y el móvil fueran rivales acérrimos, pero la verdad es que la mayoría de las veces los usuarios utilizan ambos dispositivos, incluso para diferentes áreas de la misma tarea.

Por ejemplo, las compras en línea. El ritual común es navegar por los productos en un dispositivo móvil (donde el usuario puede ponerse cómodo o comprobar en movimiento), y luego hacer la compra real en un escritorio (donde el teclado facilita el llenado de formularios).

Con eso en mente, manténgase actualizado sobre las mejores tácticas de diseño para ambos. No se trata de crear la mejor experiencia de escritorio. O la mejor experiencia móvil. Se trata de crear la mejor experiencia, punto. Para ello, optimicen tanto el escritorio como el móvil para tener en cuenta todos los factores.

admin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicar un comentario