SlideShare una empresa de Scribd logo
1 de 14
Prototipos En Papel



             Narbelys Oropeza

             Ihr Logo
Prototipo en papel
         Es una técnica que le permite probar y refinar un diseño - totalmente en el
         papel - antes de escribir una línea de código.

         Permite realizar pruebas informales de usabilidad con usuarios reales al
         comienzo del proyecto, antes de que el diseño se convierte en un
         código concreto.

         Así como no se comienza un proyecto de software con éxito a ciegas
         escribiendo código en la primera clase que piensas, cuando se diseña una
         interfaz hay que hacer un prototipo de papel antes de empezar a dibujar la
         interfaz.




Here comes your footer  Page 2                        Your Logo
¿Cómo se empieza?
         Para crear un prototipo de papel, comience por hacer una lista de las
         tareas comunes o importantes que los usuarios quieren hacer con la
         interfaz.

         Dibuja el conjunto de pantallas que se necesitan para hacer las tareas.


         .




Here comes your footer  Page 3                       Your Logo
Here comes your footer  Page 4   Your Logo
Here comes your footer  Page 5   Your Logo
Here comes your footer  Page 6   Your Logo
Here comes your footer  Page 7   Your Logo
Here comes your footer  Page 8   Your Logo
Here comes your footer  Page 9   Your Logo
Here comes your footer  Page 10   Your Logo
Here comes your footer  Page 11   Your Logo
Video
    http://www.youtube.com/watch?v=mZNp8H85WXM&feature=player_embedded




Here comes your footer  Page 12           Your Logo
Consejos:
    Enfocarse en que el usuario al que le esta mostrando el prototipo reaccione
         naturalmente.

    Enfóquese en lo que hace el usuario no en lo que dice.

    Ponga elementos de la interfaz examinados como listas desplegables en
         hojas separadas de papel




Here comes your footer  Page 13                  Your Logo
Bibliografía
    http://www.slideshare.net/marianasalgado/prototipos-de-interfaces

    http://www.slideshare.net/sonesu/4-prototipos-en-papel

    http://today.java.net/pub/a/today/2003/12/23/sixSigns.html




Here comes your footer  Page 14                  Your Logo

Más contenido relacionado

La actualidad más candente

15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)Andrea Cantú
 
Sistema operativo2 windows ana sol y miryam(1)
Sistema operativo2 windows ana sol y miryam(1)Sistema operativo2 windows ana sol y miryam(1)
Sistema operativo2 windows ana sol y miryam(1)Miryam Navarrete Ramos
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UIAndrea Cantú
 
Test de usuarios caseros.
Test de usuarios caseros.Test de usuarios caseros.
Test de usuarios caseros.Claudio Merino
 
Patrones de diseño en Android
Patrones de diseño   en AndroidPatrones de diseño   en Android
Patrones de diseño en AndroidAlex Naupay
 
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo frameworkDesarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo frameworkSantiago Bustelo
 
Instituto nacional mejia curso daypo
Instituto nacional mejia curso daypoInstituto nacional mejia curso daypo
Instituto nacional mejia curso daypocancer
 
Menu principal lucia valentina garcia
Menu principal lucia valentina garciaMenu principal lucia valentina garcia
Menu principal lucia valentina garcialucias7
 

La actualidad más candente (9)

15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)
 
Sistema operativo2 windows ana sol y miryam(1)
Sistema operativo2 windows ana sol y miryam(1)Sistema operativo2 windows ana sol y miryam(1)
Sistema operativo2 windows ana sol y miryam(1)
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
Test de usuarios caseros.
Test de usuarios caseros.Test de usuarios caseros.
Test de usuarios caseros.
 
LR - Softwares
LR - SoftwaresLR - Softwares
LR - Softwares
 
Patrones de diseño en Android
Patrones de diseño   en AndroidPatrones de diseño   en Android
Patrones de diseño en Android
 
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo frameworkDesarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
Desarrollo y testeo modular de interfaces HTML5 / MVC - Congo framework
 
Instituto nacional mejia curso daypo
Instituto nacional mejia curso daypoInstituto nacional mejia curso daypo
Instituto nacional mejia curso daypo
 
Menu principal lucia valentina garcia
Menu principal lucia valentina garciaMenu principal lucia valentina garcia
Menu principal lucia valentina garcia
 

Similar a Prototipos en Papel

Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipekevinwm17
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipekevinwm17
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipeinfobran
 
Msw logo presentacion
Msw logo presentacionMsw logo presentacion
Msw logo presentacionEx-Plotation
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcciónkamui002
 
Herramientas tecnológicas de trabajo colaborativo
Herramientas tecnológicas de trabajo colaborativoHerramientas tecnológicas de trabajo colaborativo
Herramientas tecnológicas de trabajo colaborativoYURANYYERALDYNHERNAN
 
Solucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol solerSolucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol solerBrandolSolerLen
 
software para creación de contenido digital.
software para creación de contenido digital.software para creación de contenido digital.
software para creación de contenido digital.Cristofer STEVE
 
Microsoft power point 2013
Microsoft power point 2013Microsoft power point 2013
Microsoft power point 2013david20garcia
 
Clase Práctica Wireframes
Clase Práctica WireframesClase Práctica Wireframes
Clase Práctica WireframesRodrigo Vera
 
Haciendo Uso De La Web Quest
Haciendo Uso De La Web QuestHaciendo Uso De La Web Quest
Haciendo Uso De La Web QuestHector Espinoza
 

Similar a Prototipos en Papel (20)

Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipe
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipe
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Msw logo presentacion
Msw logo presentacionMsw logo presentacion
Msw logo presentacion
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Herramientas tecnológicas de trabajo colaborativo
Herramientas tecnológicas de trabajo colaborativoHerramientas tecnológicas de trabajo colaborativo
Herramientas tecnológicas de trabajo colaborativo
 
EL ZINJAI
EL ZINJAIEL ZINJAI
EL ZINJAI
 
Solucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol solerSolucion actividad herramientas tecnologicas brandol soler
Solucion actividad herramientas tecnologicas brandol soler
 
Resumen de los contenidos .pdf
Resumen de los contenidos  .pdfResumen de los contenidos  .pdf
Resumen de los contenidos .pdf
 
software para creación de contenido digital.
software para creación de contenido digital.software para creación de contenido digital.
software para creación de contenido digital.
 
Microsoft power point 2013
Microsoft power point 2013Microsoft power point 2013
Microsoft power point 2013
 
Clase Práctica Wireframes
Clase Práctica WireframesClase Práctica Wireframes
Clase Práctica Wireframes
 
Haciendo Uso De La Web Quest
Haciendo Uso De La Web QuestHaciendo Uso De La Web Quest
Haciendo Uso De La Web Quest
 
Power point
Power pointPower point
Power point
 

Prototipos en Papel

  • 1. Prototipos En Papel Narbelys Oropeza Ihr Logo
  • 2. Prototipo en papel Es una técnica que le permite probar y refinar un diseño - totalmente en el papel - antes de escribir una línea de código. Permite realizar pruebas informales de usabilidad con usuarios reales al comienzo del proyecto, antes de que el diseño se convierte en un código concreto. Así como no se comienza un proyecto de software con éxito a ciegas escribiendo código en la primera clase que piensas, cuando se diseña una interfaz hay que hacer un prototipo de papel antes de empezar a dibujar la interfaz. Here comes your footer  Page 2 Your Logo
  • 3. ¿Cómo se empieza? Para crear un prototipo de papel, comience por hacer una lista de las tareas comunes o importantes que los usuarios quieren hacer con la interfaz. Dibuja el conjunto de pantallas que se necesitan para hacer las tareas. . Here comes your footer  Page 3 Your Logo
  • 4. Here comes your footer  Page 4 Your Logo
  • 5. Here comes your footer  Page 5 Your Logo
  • 6. Here comes your footer  Page 6 Your Logo
  • 7. Here comes your footer  Page 7 Your Logo
  • 8. Here comes your footer  Page 8 Your Logo
  • 9. Here comes your footer  Page 9 Your Logo
  • 10. Here comes your footer  Page 10 Your Logo
  • 11. Here comes your footer  Page 11 Your Logo
  • 12. Video  http://www.youtube.com/watch?v=mZNp8H85WXM&feature=player_embedded Here comes your footer  Page 12 Your Logo
  • 13. Consejos:  Enfocarse en que el usuario al que le esta mostrando el prototipo reaccione naturalmente.  Enfóquese en lo que hace el usuario no en lo que dice.  Ponga elementos de la interfaz examinados como listas desplegables en hojas separadas de papel Here comes your footer  Page 13 Your Logo
  • 14. Bibliografía  http://www.slideshare.net/marianasalgado/prototipos-de-interfaces  http://www.slideshare.net/sonesu/4-prototipos-en-papel  http://today.java.net/pub/a/today/2003/12/23/sixSigns.html Here comes your footer  Page 14 Your Logo