Blog

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

  Actualizado el   3 min de lectura

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

Sigue leyendo

  4 min de lectura

Convierte tus documentos en respuestas con GoodBarber Chatbot

En una app, publicar un documento útil es solo una parte del trabajo. También hay que ayudar a encontrar la información adecuada cuando llega el momento de actuar. Un archivo con un nombre claro facilita la consulta de una biblioteca, pero quien lo busca puede tener una pregunta más inmediata.La comunicación interna es solo una de las aplicaciones posibles. El mismo enfoque sirve para recursos educativos, guías para miembros de una organización, referencias técnicas u otros documentos útiles compartidos en una app. En nuestro ejemplo, un empleado prepara una visita a un cliente y necesita saber:¿Qué gastos de viaje necesitan autorización previa?Hemos incorporado los documentos a las fuentes de GoodBarber Chatbot para que los archivos que ya mantienes puedan alimentar estas conversaciones. Tú eliges los documentos. Los usuarios preguntan con sus propias palabras. El asistente busca los pasajes pertinentes y los utiliza para elaborar una respuesta.La pregunta se convierte en una vía de acceso a la política de viajes. El empleado puede partir de la decisión que debe tomar, aunque no conozca el título del documento que la explica.

  7 min de lectura

¿Cómo ajustar la sombra en mi app?

En GoodBarber, la sombra de una lista se activa con un gesto: 3 px de desplazamiento, 6 px de desenfoque, negro al 20 %. Después se ajusta al píxel, con color.