• Like
  • Save
Prototipos en el proceso de diseño
Upcoming SlideShare
Loading in...5
×
 

Prototipos en el proceso de diseño

on

  • 2,718 views

Una forma de plantear el proceso de diseño, es en forma lineal: se toma un encargo, se lo ejecuta y se lo entrega. En ese modelo, la devolución del cliente o de los usuarios finales llega cuando el ...

Una forma de plantear el proceso de diseño, es en forma lineal: se toma un encargo, se lo ejecuta y se lo entrega. En ese modelo, la devolución del cliente o de los usuarios finales llega cuando el diseño ya está terminado, y ya no quedan tiempo, recursos o energía para seguir adelante.

Mediante casos de ejemplo reales, se mostrará cómo incorporar a clientes y usuarios en un proceso de diseño convergente, en el cual se diseñan, comparten y ponen a prueba prototipos de niveles crecientes de detalle.

Statistics

Views

Total Views
2,718
Views on SlideShare
2,509
Embed Views
209

Actions

Likes
4
Downloads
93
Comments
0

4 Embeds 209

http://www.keikendo.com 204
https://twimg0-a.akamaihd.net 2
http://www.scoop.it 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Prototipos en el proceso de diseño Prototipos en el proceso de diseño Presentation Transcript

    • Prototipos en elproceso de diseñoSantiago Bustelo @sbustelo Director de diseño, Keikendo IxDA Central and South America Regional CoordinatorUsabilidad e interacción en el diseño web28 de junio, 2012 Presentación bajo licencia Creative Commons Atribución 2.5 Argentina MEMBER http://creativecommons.org/licenses/by/2.5/ar
    • ¿Cuándo está terminado el diseño de unproducto interactivo? • Cuando nos gusta a nosotros • Cuando funciona como queríamos • Cuando le gusta al cliente • Cuando el usuario logra lo que esperábamos Prototipos en el proceso de diseño • 2 MEMBER
    • Proceso lineal1. Definición de requerimientos.2. Diseño y desarrollo a nivel de producción.3. Entrega. Prototipos en el proceso de diseño • 3 MEMBER
    • Proceso lineal interminable1. Definición de requerimientos.2. Diseño y desarrollo a nivel de producción.3. Entrega.4. No es lo que el cliente quería o lo que el usuario necesita, retrocede tres casilleros.5. Se repite hasta el hartazgo de una o ambas partes. Prototipos en el proceso de diseño • 4 MEMBER
    • Entender el tipo de problemaProblemas bien definidos Problemas complejos• Es posible definir estado inicial, • El problema no es entendido hasta estado deseado, y camino más corto. no haberlo resuelto.• Se aplican algoritmos: secuencias • Se trabajan de forma heurística, en estructuradas de pasos que un proceso de prueba y error para garantizan “la” solución. aproximarse a “una” solución.• Metodología secuencial. • Metodología ágil.• Foco en análisis y documentación. • Foco en entregables. Prototipos en el proceso de diseño • 5 MEMBER
    • Proceso convergente1. Objetivos y análisis inicial.2. Diseño y desarrollo en iteraciones avanzando y validando progresivamente: • Funcionalidad • Estructura y elementos • Lenguaje visual • Viabilidad3. Entrega y puesta en producción. Prototipos en el proceso de diseño • 6 MEMBER
    • Prototipos • Permiten evaluar una propuesta (hipótesis) con... • nosotros mismos • equipo de desarrollo • cliente • usuarios reales • …de forma rápida y aplicando el esfuerzo correcto. Prototipos en el proceso de diseño • 7 MEMBER
    • Prototipos e Iteraciones en el proceso1. Planeamiento de la iteración • Definición del problema. Qué queremos aprender de esta iteración y cómo vamos a hacerlo.2. Implementación • Creación del prototipo con la fidelidad correcta3. Prueba • Obtenemos información que valida o descarta la solución.4. Conclusiones y aprendizaje • Qué funcionó o no, y por qué. Jared Spool, Anatomy of an Iteration Prototipos en el proceso de diseño • 8 MEMBER
    • Dimensiones que podemos explorarcon prototipos Rol Función que cumple el artefacto en la vida del usuario Implementación Técnicas y componentes necesarios Look & feel para cumplir la función Experiencia sensorial del usuario Stephanie Houde & Charles Hill: What do Prototypes Prototype? Prototipos en el proceso de diseño • 9 MEMBER
    • Explorando cada dimensión en paralelo(aplicación para planificación 3D, 1992)Rol Look & feel Implementación¿Qué pantallas hacen sentido ¿Es práctico tener ¿Qué complejidad 3Dpara elegir muebles y probar “manijas” para manipular puede procesar lacómo quedan? objetos 3D? computadora del usuario? Stephanie Houde & Charles Hill: What do Prototypes Prototype? Prototipos en el proceso de diseño • 10 MEMBER
    • Prototipos para comunicación entre diseño,desarrollo y cliente Wireframe Validación general Desarrollo Diseño Implementación de Desarrollo de funcionalidad lenguaje visual Producto final Alex Souza, The Science Behind Great User Interfaces Prototipos en el proceso de diseño • 11 MEMBER
    • ¿Cómo incorporamos alusuario en el proceso dediseño de interacción? Prototipos en el proceso de diseño • 12MEMBER
    • Incorporando usuarios reales• Hasta que no testeamos, sólo 100% Usability problems found podemos tener hipótesis. 75%• Testear con 5 usuarios revela el 80% 50% de los problemas de usabilidad presentes en el producto. 25%• Observación y análisis de operación 0% para resolver tareas solicitadas. 0 3 6 9 12 15• Pruebas rápidas y de gran impacto Number of Test Users cualitativo. Jakob Nielsen: Why You Only Need to Test with 5 Users• No se toman requerimientos del usuario. Nos enfocamos en lo que el usuario hace. Prototipos en el proceso de diseño • 13 MEMBER
    • Prototipo en papel: aplicación web Prototipos en el proceso de diseño • 14 MEMBER
    • Pruebas de usabilidad con prototipo en papel Prototipos en el proceso de diseño • 15 MEMBER
    • Prototipo en papel: aplicación móvil Prototipos en el proceso de diseño • 16 MEMBER
    • Pruebas de usabilidad con prototipo operable Prototipos en el proceso de diseño • 17 MEMBER
    • EjemplosPrototipos en el procesode diseño y desarrollo Prototipos en el proceso de diseño • 18 MEMBER
    • Rediseño:Carácter visual1. Sitio original2. Síntesis3. Rediseño MEMBER
    • Rediseño:Carácter visual1. Sitio original2. Síntesis3. Rediseño MEMBER
    • Rediseño:Carácter visual1. Sitio original2. Síntesis3. Rediseño MEMBER
    • Estructura: exploración de variables Prototipos en el proceso de diseño • 22 MEMBER
    • Estructura: exploración de variables Prototipos en el proceso de diseño • 23 MEMBER
    • Estructura: exploración de variables Prototipos en el proceso de diseño • 24 MEMBER
    • Estructura: exploración de variables Prototipos en el proceso de diseño • 25 MEMBER
    • Arquitectura deinformación1. Exploración inicial2. Wireframes3. Diseño final MEMBER
    • Arquitectura deinformación1. Exploración inicial2. Wireframes3. Diseño final MEMBER
    • Arquitectura deinformación1. Exploración inicial2. Wireframes3. Diseño final MEMBER
    • Arquitectura deinformación1. Exploración inicial2. Wireframes3. Diseño final MEMBER
    • Pruebas con usuarios Prototipos en el proceso de diseño • 30MEMBER
    • Arquitectura deinformación1. Exploración inicial2. Wireframes3. Diseño final MEMBER
    • Welcome RS52 5 news invitation Inbox Sun 8th Mon 9th Tue 10th Wed 11th Thu 12th Fri 13th Sat 14th 10 am New messages 30 11 am Office New Event : Mew 30 Noon From .....hrs to ......hrs 1 pm Mew 30 repeat: every day 2 pmModelo de My Scores 3 pm 4 pm 4pm -7pm home 4pm -7pmoperación Mew 30 5 pm 6 pm office1. Primer wireframe Mew 30 7 pm 8 pm2. Segundo wireframe 9 pm3. Versión final Search available players male female both Near Office 43 players found. Choose one or post an open invitation for this criteria. open invitation Susan86 New York, NY / NTRP Level : 5.5 / 1 Mile from Office Asks for a match on Tue 10th open invitation M855 New York, NY / NTRP Level : 5.5 / 5 Miles from Office Asks for a match on Tue 10th open invitation Mary36 New York, NY / NTRP Level : 5.5 / 30 Miles from Office Asks for a match on Tue 10th MEMBER Looking to start playing again. Hi folks. I used to play with a friend twice a week but he moved and I havent picked up a racket in a few months. Looking to start playing
    • Modelo deoperación1. Primer wireframe2. Segundo wireframe3. Versión final MEMBER
    • Modelo deoperación1. Primer wireframe2. Segundo wireframe3. Versión final MEMBER
    • Modelo deoperación1. Primer wireframe2. Segundo wireframe3. Versión final MEMBER
    • Modelo deoperación1. Primer wireframe2. Segundo wireframe3. Versión final MEMBER
    • Modelo de operación: Primer propuesta Prototipos en el proceso de diseño • 37 MEMBER
    • Modelo de operación: Primer propuesta Prototipos en el proceso de diseño • 38 MEMBER
    • Modelo de operación: Replanteo Prototipos en el proceso de diseño • 39 MEMBER
    • Modelo de operación: Prueba de concepto Prototipos en el proceso de diseño • 40 MEMBER
    • Buscar peliculas o clientesPelículas Clientes La Rosa Púrpura del Cairo (1985)La Rosa Púrpura del Cairo The Purple Rose of Cairo Santiago Bustelo 32 añosWoody Allen 4123-4567 Actores Mia FarrowLa Rosa Púrpura del Cairo Jeff Daniels Diego González 32 añosWoody Allen Danny Aiello 4123-4567 Irving MetzmanLa Rosa Púrpura del Cairo Stephanie Farrow Santiago Bustelo 32 añosWoody Allen Director Woody Allen 4123-4567La Rosa Púrpura del Cairo Géneros Sátira, Comedia, Woody Allen Diego González 32 añosWoody Allen Duración 1 hora 22 minutos 4123-4567 Relacionadas Reservar 78079 78079 78079 78079 78079 78079 78079 78079 78079 78079 78079 78079 78079 + Activar Cliente Alquiler: 3 películas Diego González 32 años reservada 4123-4567 Juan de los Palotes 1638 Deuda $67 La Rosa Púrpura La Rosa Púrpura La Rosa Púrpura El ciudadano del Cairo del Cairo del Cairo #78909 #78909 Eterno resplandor de una mente...+ Alquilar a Diego González Yo sé que tu sabes que yo sé Modelo de operación: Mockups Prototipos en el proceso de diseño • 41 MEMBER
    • Modelo de operación: Versión final Prototipos en el proceso de diseño • 42 MEMBER
    • www.keikendo.comSumate a la Asociación de Diseño de Interacción:Buenos Aires Córdoba Interaction Designixda.com.ar ixdaCba.com.ar Association