Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Mobile Development
Code

Introducción a los patrones de diseño de Android

by
Length:MediumLanguages:

Spanish (Español) translation by CYC (you can also view the original English article)

Anteriormente, aprendiste sobre patrones de diseño y cómo se aplican a la plataforma iOS. En este artículo, observamos de cerca los patrones de diseño en la plataforma Android y difieren de los patrones de diseño en iOS. Si no estás familiarizado con los patrones de diseño en Android, este artículo es para ti.

Si no has leído mi artículo anterior sobre los patrones de diseño en iOS, te animo a que tomes unos minutos para leer ese artículo antes de continuar. Algunos de los conceptos y la terminología utilizados en este artículo se introdujeron en Introducción a los patrones de diseño de iOS.

Principios de diseño en Android

Cada sistema operativo o plataforma tiene pautas para el diseño. El diseño consistente ayuda a crear una apariencia distinta para el sistema operativo o la plataforma. Cuando trabajes en una aplicación que apunte tanto a iOS como a Android, por ejemplo, aprenderás que hay varias diferencias sutiles, y no tan sutiles, en cuanto a la visión subyacente en el diseño. Estos son algunos ejemplos de aspectos que se enfatizan de forma diferente a otros sistemas operativos móviles.

  • Personalización: las directrices de Android recomiendan que incluyas un nivel de personalización dentro de una aplicación, ya que esto ayuda a los usuarios a sentirse como en casa. Darle al usuario la capacidad de cambiar la apariencia de una aplicación es un buen ejemplo de este concepto.
  • Iconos sobre las palabras: Si puedes comunicar algo visualmente mediante iconos o imágenes, entonces ese debería ser el método de comunicación preferido. Si te encuentras con un escenario en el que las palabras son absolutamente necesarias, asegúrate de mantenerlo conciso y procesable.
  • Cada usuario es un experto: Las aplicaciones móviles siempre deben ser fáciles de usar. Al mismo tiempo, debes darle al usuario la impresión de que es un usuario avanzado. Esto se puede lograr proporcionando accesos directos o implementando un poderoso proceso de incorporación.

Temas de interfaz Android estándar

Como punto de partida, la plataforma Android actualmente brinda dos temas estándar cuando deseas diseñar aplicaciones para la plataforma. Estos temas son útiles y recomendados cuando recién comienzas, pero de ninguna manera son obligatorios.

Los temas se denominan Holo Light y Holo Dark, un tema claro y otro oscuro, según el estilo visual que pretendas lograr en tu aplicación.

Usar uno de los temas estándar te ayudará cuando recién estés empezando y aprendiendo más sobre los patrones de diseño de Android. Debido a que los temas estándar son parte de Android, se parte de una base sólida que se ajusta a los estándares del sistema operativo. También es un excelente punto de partida para diseños personalizados.

Iconos de aplicaciones

Por supuesto, no se trata solo de la interfaz de la aplicación. Incluso desde que el diseño plano se hizo popular en iOS, ha surgido una clara diferencia entre los iconos de aplicaciones en Android e iOS.

La mayoría de las aplicaciones de Android tienen iconos de aplicaciones que crean una sensación de profundidad para imitar el mundo real. Muchos iconos de aplicaciones en Android tienen un efecto 3D sutil aplicado para crear esa sensación de profundidad. Otra diferencia notable entre los iconos en Android e iOS es el uso de la transparencia.

Si estás desarrollando una aplicación que se dirige tanto a Android como a iOS, entonces es importante crear un concepto que funcione bien en ambas plataformas.

Diseño de interacción

Cuando un usuario interactúa con la interfaz de usuario de una aplicación, espera algún tipo de retroalimentación visual. Esta retroalimentación generalmente es más explícita en Android que en iOS.

La retroalimentación visual es excelente para mejorar la experiencia del usuario, ya que crea una sensación de receptividad y control, y son dos aspectos que los usuarios esperan de las aplicaciones móviles.

Te aliento a que descargues algunas de las aplicaciones populares de cada plataforma y explora cómo responden a tus entradas.

Diferencias entre Android y iOS

No debería ser una sorpresa que varios componentes sean únicos o diferentes en la plataforma Android.

Ten en cuenta que estos son solo algunos ejemplos. El mejor consejo que puedo darte cuando estás creando una aplicación para una plataforma con la que no estás familiarizado es obtener aportes de usuarios y desarrolladores que estén familiarizados con la plataforma. Pueden señalar rápidamente qué se siente extraño o incorrecto y qué no.

Pestañas fijas

En iOS, una barra de pestañas generalmente se encuentra en la parte inferior de la pantalla en la interfaz de usuario de una aplicación. En Android, sin embargo, las pestañas se colocan en la parte superior. Android soporta pestañas múltiples y desplazables, mientras que iOS tiene directrices específicas en las que las pestañas de casos de uso se adaptan bien y las directrices incluso especifican el número máximo de pestañas.

El resultado es que una interfaz de usuario diseñada para la plataforma Android puede no funcionar siempre en iOS debido a limitaciones técnicas. Las pestañas desplazables, por ejemplo, son exclusivas de Android y no son compatibles con el SDK de iOS.

Menú Drop-Down

Un menú desplegable es algo que solo encuentras en Android. Hay diferentes casos de uso en los que un menú desplegable es adecuado. Cuando tienes muchas funcionalidades o muchos grupos de contenido con navegación inconsistente, un menú desplegable es una solución viable para abordar el problema.

Apoyo

Desde Android 4.0, hay una barra de navegación adhesiva en la parte inferior de la pantalla. Además del botón reciente, la barra de navegación también contiene un botón de retroceder y subir. Tocando hacia atrás, llevas al usuario a la pantalla anterior, mientras que tocando hacia arriba los llevas al nivel superior en la jerarquía de la aplicación.

Por ejemplo, podrías deslizarme por diferentes partes del contenido en una aplicación. El botón de retroceso me llevaría de vuelta al elemento anterior mientras tocando arriba me llevaría al menú de selección desde el que puedo seleccionar un nuevo elemento. Esta es una característica poderosa, que debes tener en cuenta al crear la arquitectura de información de una aplicación.

En Android, generalmente no ves botones de retroceso personalizados como los que usualmente vemos en la barra de navegación de las aplicaciones de iOS.

Widgets

Android también admite widgets, que están completamente ausentes en la plataforma iOS.

Explorando Patrones de Diseño

Profundicemos en algunos de los patrones de diseño en Android. En general, las mejores prácticas para crear una interfaz de usuario es ver cómo otras aplicaciones resuelven un problema de diseño particular y cómo pueden resolverlo los elementos de interfaz estándar.

Por ejemplo, ¿cómo otras aplicaciones muestran contenido? ¿Cómo manejan la entrada del usuario? ¿O implementan el comercio electrónico? Al observar algunos ejemplos, se hace una idea de las posibles soluciones para resolver el problema de diseño que enfrentas. ¿Esto significa que debes copiar descaradamente una aplicación existente? Realmente no.

Una aplicación bien pensada intenta resolver un problema específico. Por lo general, tu aplicación intenta abordar un problema único, lo que significa que necesitas descubrir un flujo adecuado de usuarios.

La siguiente lista debe darte una introducción para pensar en posibles patrones de diseño para tu aplicación:

  • Mostrar, no decir. Enseñarles a los usuarios sobre las funcionalidades de tu aplicación debería pasar por acciones en lugar de decirle a los usuarios. En general, los tutoriales deben evitarse si es posible.
  • Enfoque. Una pantalla debe tener preferiblemente un único objetivo desde la perspectiva del usuario.
  • Alienta la exploración de diversas características a través de una navegación eficiente. Abre cinco aplicaciones y mira cómo cada una implementa la navegación. Conoce los beneficios y desventajas de cada implementación.
  • Define el modelo de datos y el flujo de usuarios antes de construir y diseñar tu aplicación.
  • Al crear una nueva aplicación, busca aplicaciones similares para aprender. ¿Cómo se ve el flujo de usuario? ¿Cómo se diseña la interfaz de usuario y cómo se puede mejorar?
  • La aplicación de patrones de diseño se reduce a pensar de forma abstracta sobre la construcción de la aplicación más eficiente con un fuerte enfoque en el flujo de usuario y la interfaz.
  • Involucra a los usuarios de Android en el proceso de diseño para obtener retroalimentación temprana y una nueva mirada sobre el estado actual de tu diseño.

Conclusión

Si aprendes más sobre los patrones de diseño de Android, tendrás que familiarizarte con la plataforma de Android. Crear una interfaz de usuario que se asemeje mucho a los estándares del sistema operativo significa que los usuarios tienen una mayor sensación de familiaridad y una experiencia de usuario mejorada.

Ten en cuenta que solo tocamos brevemente el tema. Hay muchos recursos disponibles que te ayudarán a mejorar tu comprensión de los patrones de diseño en Android. Sin embargo, aprendes más creando flujos de usuario e interfaces de usuario.

Recursos

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.