Capitulo 17 ➜ Bosquejos de la Aplicación

Cuando ya tenemos una idea de que tipo de aplicación vas a desarrollar, entonces recién viene el  proceso de diseño en el cual plasmaremos cómo va a funcionar la app, que elementos tendran las pantallas.

Una técnica que nos puede ayudar bastante es hacer los bosquejos de cada funcionalidad y pantalla usando la técnica de wireframe, que vienen a ser lienzos con el diseño de una pantalla de un celular.

DISEÑANDO LA APP

Nuestra app va a tener prácticamente 7 secciones o pantallas bien definidas

1. Portada
   1. Imagen de Fondo en jpg
   2. Logotipo en png del restaurante
   3. Un botón para entrar a la siguiente pantalla
   4. Texto en la parte inferior
2. Menu principal
   1. Mostrará el nombre de la App
   2. Mostrará una imagen en la parte superior
   3. Deberá tener 6 botones donde mostrará la sección a cargar, estos botones serán semitransparentes
   4. Usaremos efectos de transparencia en los botones
3. Platos 
   1. Pantalla que mostrará una lista de platos con una imagen, el nombre del plato y el precio usaremos Linearlayouts, ImageView, TextView, aprenderemos a distribuir elementos con estructuras simétricas.
4. Bebidas
   1. Igual que la pantalla platos, en este caso para bebidas
5. Ubicación
   1. Abrirá la app Google Maps con la ubicación del negocio
6. Pedidos
   1. Veremos cómo conectarnos a la app Whatsapp para usarlo para pedidos
7. Nosotros
   1. Mostrará información corporativa de la empresa