![El cambio de tendencia en la UI de Android: el Menú Lateral](https://s1.elespanol.com/2015/01/28/elandroidelibre/el_androide_libre_6759829_179403038_1024x576.jpg)
El cambio de tendencia en la UI de Android: el Menú Lateral
El cambio de tendencia en la UI de Android: el Menú Lateral
En el último año, Android ha estado creciendo muchísimo. Pero a la par que aumentaban las ventas, Android ha ido evolucionando y madurando de igual manera. Tan solo tenéis que echar un vistazo a Android 2.1, 2.2 o 2.3 de hace apenas un tiempo y ver la interfaz de Android 4.0 ICS con su líneas minimalistas y futurísticas, colores azules y tipografía Roboto. Pero Android no evoluciona solo: muchas aplicaciones están cambiando hacia un nuevo modelo de interfaz gráfica, el menú lateral.
Adiós al menú Dashboard
Recuerdo perfectamente que hace poco la moda en las aplicaciones Android era disponer de un “menú Dashboard”. Twitter fue de las primeras, y muchas más aplicaciones le siguieron. Seguramente estas imágenes os refresquen un poco la memoria
![](https://s1.elespanol.com/2015/02/14/elandroidelibre/el_androide_libre_11009575_181723295_181x299.jpg)
![](["https:\/\/s1.elespanol.com\/2015\/01\/05\/elandroidelibre\/el_androide_libre_1010655_181723350_180x297.jpg"])
![](["https:\/\/s1.elespanol.com\/2015\/03\/21\/elandroidelibre\/el_androide_libre_19758711_181723379_179x295.jpg"])
La principal dificultad de esta interfaz gráfica es que partimos desde un menú principal al que es muy complicado volver y requiere de muchos pasos para llegar a un lugar. Se puede ejemplificar esto con el siguiente esquema
![](["https:\/\/s1.elespanol.com\/2015\/01\/14\/elandroidelibre\/el_androide_libre_3260509_181723437_397x298.jpg"])
Pero también es cierto que para las aplicaciones en las que no quieres que se inicie ninguna pantalla por defecto, sigue siendo una buena opción. En cualquier caso, es indiscutible que la nueva tendencia es el menú lateral.
El menú lateral
Sí, ya sabéis a lo que me refiero: esas aplicaciones que tienen un botón de menú en la parte superior que al ser pulsados nos descubren todo un menú en la parte izquierda (o derecha) de nuestra aplicación. Unos cuantos ejemplos son Facebook, Google+ o Evernote entre otros.
![](["https:\/\/s1.elespanol.com\/2015\/01\/09\/elandroidelibre\/el_androide_libre_2010524_181723495_250x435.jpg"])
![](["https:\/\/s1.elespanol.com\/2015\/03\/20\/elandroidelibre\/el_androide_libre_19508759_181723553_250x434.jpg"])
Ventajas
El menú lateral otorga muchísimas ventajas a una aplicación. Si está correctamente diseñada, podemos disponer de un completo menú accesible desde cualquier lugar.
![](["https:\/\/s1.elespanol.com\/2015\/03\/13\/elandroidelibre\/el_androide_libre_17758918_181723611_460x345.jpg"])
Por otro lado, nos olvidamos del problema del espacio: no hay casi limitaciones de dimensiones. Siguiendo esta línea, con un menú lateral podemos diseñar un menú completamente funcional que aproveche de forma inteligente el espacio y los gráficos. Aquí tenéis el ejemplo de Evernote.
![](["https:\/\/s1.elespanol.com\/2015\/02\/06\/elandroidelibre\/el_androide_libre_9009846_181723640_600x580.jpg"])
Como podéis comprobar, todas estas funciones son imposibles de implementar en ninguno de los menús antiguos de Android.
Problemas
El menú lateral tiene un par de problemas:
-
No disponemos siempre de un botón claro de menú. Dicho botón a veces no está en todas las páginas y has de “subir” o tirar hacia atrás para que finalmente aparezca y puedas abrirlo. Claramente hace falta un nuevo botón “universal” que defina este tipo de menú y aparezca en todo momento.
Implementación del menú lateral
Si eres un desarrollador y te han entrado ganas de implementar el menú lateral en tu aplicación aquí te dejo unas cuantas soluciones. Por desgracia, este tipo de menús (aún) no está incluido en el Android SDK pero podemos encontrar unos cuantos proyectos que nos ayudan bastante:
- android-fb-like-slideout-navigation at github Con un video demostrando el funcionamiento de la librería.
- https://github.com/darvds/RibbonMenu Otro proyecto similar
- https://bitbucket.org/jfeinstein10/slidingmenu/overview Y otro más.
Por otro lado, Cyril Mottier, desarrollador de Prixing, una aplicación que implementa este tipo de menú, se ha currado un tutorial dividido en tres partes imprescindible:
The making of Prixing #1: Fly-in app menu
The making of Prixing #2: Swiping the fly-in app menu
The making of Prixing #3: Polishing the sliding app menu
Espero que os haya parecido tan interesante como me pareció a mi este tema y cualquier aportación u opinión es más que bienvenida.
Vía: El excelente artículo de AndroidUIPatterns