Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 72 vistas

    Actividad Wireframes

    Cargado por

    david castro
    Este documento describe el uso de "wireframes" o "mockups" para facilitar la comunicación entre desarrolladores y clientes durante el proceso de diseño de una aplicación móvil. Explica que los wireframes son bocetos básicos que muestran el diseño y flujo propuesto de una interfaz para que el cliente pueda entender y dar retroalimentación antes de que comience el desarrollo real. A continuación, presenta varios ejemplos de wireframes propuestos para una aplicación de administración de estacionamientos móviles.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Actividad Wireframes

    Cargado por

    david castro
    72 vistas4 páginas
    Este documento describe el uso de "wireframes" o "mockups" para facilitar la comunicación entre desarrolladores y clientes durante el proceso de diseño de una aplicación móvil. Explica que los wireframes son bocetos básicos que muestran el diseño y flujo propuesto de una interfaz para que el cliente pueda entender y dar retroalimentación antes de que comience el desarrollo real. A continuación, presenta varios ejemplos de wireframes propuestos para una aplicación de administración de estacionamientos móviles.

    Descripción original:

    areandina desarrollo de software

    Título original

    actividad Wireframes

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe el uso de "wireframes" o "mockups" para facilitar la comunicación entre desarrolladores y clientes durante el proceso de diseño de una aplicación móvil. Explica que los wireframes son bocetos básicos que muestran el diseño y flujo propuesto de una interfaz para que el cliente pueda entender y dar retroalimentación antes de que comience el desarrollo real. A continuación, presenta varios ejemplos de wireframes propuestos para una aplicación de administración de estacionamientos móviles.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    72 vistas4 páginas

    Actividad Wireframes

    Cargado por

    david castro
    Este documento describe el uso de "wireframes" o "mockups" para facilitar la comunicación entre desarrolladores y clientes durante el proceso de diseño de una aplicación móvil. Explica que los wireframes son bocetos básicos que muestran el diseño y flujo propuesto de una interfaz para que el cliente pueda entender y dar retroalimentación antes de que comience el desarrollo real. A continuación, presenta varios ejemplos de wireframes propuestos para una aplicación de administración de estacionamientos móviles.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 4

    Desarrollo De Software Para Dispositivos Móviles

    “Wireframes” o “Mockups”

    Como diseñadores o desarrolladores web, cuando nos enfrentamos a un nuevo


    proyecto con un cliente es de vital importancia lograr una buena comunicación con
    el cliente y detectar realmente sus necesidades pero esto es un problema cuando
    en algunos casos el cliente no sabe lo que necesita realmente o no puede explicarlo
    de manera adecuada.

    Para evitar el tener que volver atrás en nuestros proyectos y para mostrarle al cliente
    una mejor visualización del proyecto, nace la idea de los mockups, maquetas o
    wireframes.
    Un wireframe básicamente es un boceto básico y de baja calidad del desarrollo de
    una página web o el diseño de una interfaz, la finalidad de este es el mostrar al
    cliente un diseño o boceto rápido y facilitar la comunicación entre cliente y
    desarrollador.

    David Castro
    2016
    Desarrollo De Software Para Dispositivos Móviles

    1).desarrollo de la primera pantalla o inicio de mi aplicación.

    Sería la pantalla de inicio


    mostrado el logo completo
    “World of parking”

    2) sigue la interfaz del segundo pantallazo donde el usuario empezará a


    interactuar con la aplicación

     Logo aplicación  icono de “ventas”

     Icono de “nuevo
    Registro”

     Icono de “reporte
    De ventas”  icono de “ventas”

    David Castro
    2016
    Desarrollo De Software Para Dispositivos Móviles

    3).si el usuario de la aplicación presiona el icono registro aparece la siguiente


    pantallazo o interfaz.

    Logo de aplicación

    Icono “inicio”(lo
    Lo devuelve a la
    Pantalla anterior). Ingresar información

    Botón guardar botón ver registro

    4).si el cliente ingresa al icono ventas aparece la siguiente interfaz

    Icono de aplicación

    Icono de “búsqueda”

    Ingresar y actualizar

    Datos de la venta

    Botón de volver

    Botón actualizar

    Información

    David Castro
    2016
    Desarrollo De Software Para Dispositivos Móviles

    5). Si el usuario ingresa al botón repostes se refleja la siguiente interfaz

    Logo de la aplicación

     Interfaz de ventas

    Ingresadas

    Presentación que se muestra a cliente dispuesta a modificar según las partes

    Nota: “hola profe lo hice a pulso que pena de pronto los muñecos mal hechos no
    soy tan bueno dibujando gracias”

    David Castro
    2016

    También podría gustarte