Bosquejos de la Aplicación

Bosquejos de la App Restaurante, pantallas y funcionalidades

Video: Bosquejos de la Aplicación

Aprenderás el proceso de diseño y la definición de las funcionalidades de cada elemento que tendrá las pantallas, para haremos bosquejos usando wireframes

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 

 


Bosquejos de la Aplicación

¿Quieres tener acceso al código fuente completo del proyecto final?

Contenido premium

INSCRÍBETE GRATIS

171 visitas | Publicado hace 7 meses

© Todos los derechos reservados | codea.app | Comunidad de programación web y desarrollo de aplicaciones móviles | Perú 2019