Lección 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
- Portada
- Imagen de Fondo en jpg
- Logotipo en png del restaurante
- Un botón para entrar a la siguiente pantalla
- Texto en la parte inferior
- Menu principal
- Mostrará el nombre de la App
- Mostrará una imagen en la parte superior
- Deberá tener 6 botones donde mostrará la sección a cargar, estos botones serán semitransparentes
- Usaremos efectos de transparencia en los botones
- Platos
- 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.
- Bebidas
- Igual que la pantalla platos, en este caso para bebidas
- Ubicación
- Abrirá la app Google Maps con la ubicación del negocio
- Pedidos
- Veremos cómo conectarnos a la app Whatsapp para usarlo para pedidos
- Nosotros
- Mostrará información corporativa de la empresa
1744 visitas