Atrás

Modos de navegación móvil: Grid y Swipe

el 

Hola GoodBarbers,

Puesto que hoy es el Día del Diseño en GoodBarber, queremos presentar dos de las plantillas de modos de navegación más populares, además de distintos detalles que acabamos de lanzar para éstos recientemente.

Señoras y señores, ¡las estrellas de hoy son los modos de navegación Grid y Swipe

Modo de Navegación Swipe

El modo de navegación Swipe es uno de los más populares de la industria de apps móviles.
Resulta perfecto para apps con gran cantidad de secciones. Por contra, no suele ser la primera opción a escoger cuando la app cuenta con pocas secciones, dado que en tales casos, el menú aparece medio vacío.

Este verano, estábamos decididos a actualizar y mejorar ciertos elementos de este modo de navegación, a fin de hacerlo más flexible y facilitar su adaptación a las distintas necesidades de cada usuarios.
Y aquí están los resultados...

1/. En primer lugar, decidimos ofrecerte la posibilidad de mostrar o no, el menú header (cabecera). O, por el contrario, hacerlo incluso más visible, al brindar la posibilidad de aumentar su tamaño.
Y es que son estos pequeños detalles los que pueden marcar la diferencia entre una buena o mala experiencia para los usuarios finales.

2/. La segunda modificación se basa en la posibilidad de mostrar o no, los iconos de las distintas secciones. Si has agregado una imagen de fondo atractiva, quizás no quieras incluir ningún otro elemento de diseño extra.

3/. Las novedades también han afectado al tamaño de la fuente del listado de secciones. Y es que si has escogido ocultar los iconos, probablemente desees aumentar el tamaño del texto, ¿verdad? ;)

4/. Y aquí mi actualización favorita: si no tienes muchas secciones en tu menú, ahora podrás centralizarlas en lugar de alinearlas tal y como ocurre con la plantilla estándar. Esto le dará todo un giro a tu app.

5/. Por último, aunque no menos importante, la gran actualización para los amantes del diseño flat: la posibilidad de esconder la sombra entre la lista de contenidos de la sección y el menú.

Es cierto. Imaginarse elementos gráficos mediante descripciones textuales no es tarea sencilla. A veces puede ser mucho más sencillo verlo directamente. Así que, echa un vistazo al siguiente vídeo...

Modo de Navegación Grid

El Grid también requería de una actualización.
Los iconos eran demasiado pequeños para los dispositivos grandes que tan de moda están hoy en día. Por ello, los hemos hecho más grandes, a fin de que se ajusten a la perfección en todo tipo de dispositivos. De ese modo, ¡ahora tu app siempre será Beautiful!

¿Y qué hay de la cabecera? También era demasiado pequeña.
Ahora puedes escoger el tamaño que mejor se ajuste a tus necesidades e incluso subir un logo personal.

Abajo podrás encontrar un vídeo en el que verás con mayor detalle todas las posibilidades que ofrece esta Beautiful plantilla.
No me cabe duda alguna que ahora mismo te dirigirás a tu back office para actualizar tu app con todos estos Beautiful detalles.

¡No esperes ni un minuto más!

 
Traducido por Laura Mas Martín