SlideShare a Scribd company logo
1 of 18
Download to read offline
Como prototipar
MAL una aplicación
 La importancia del wireframe



  Jorge__Galindo de @47deg_es
¡Atención Pregunta!
• ¿Que es un prototipo?
• ¿Que es un wireframe?
• ¿y un storyboard?
• ¿y un mockup? ¿y un Sketching? Baja, alta fidelidad...
• ¿De donde venimos? ¿Donde estoy?


      ¿¡Que es toda esta movida!?
Salto cualitativo
Yo empecé en el lado oscuro de la fuerza... Era Darth Vader
y atraía movidas chungas a mi existencia haciendo las cosas
sin prototipar...




Las metodologías de trabajo son parte de lo que Yoda
enseña en lo alto de las piedras y te harán mejorar tu
proyecto

Plantear primero un wireframe donde visualmente se
especifican las funcionalidades es el camino del bien, amigo
Luke.
Te hará trabajar
            MENOS
Pensar que tu “no tienes tiempo para eso”, es queridos
amigos un...

                     MOJÓN
¿Cuantas veces has hecho modificaciones en tiempo de
diseño de la interfaz?

¿Cuantas veces el cliente “te la ha colado”, metiendo una
nueva funcionalidad?

Es el tiempo mejor invertido de todo el timing de tu
proyecto
Te hará ponerte en
         tu sitio...
Como bien sabemos, vivimos en un país en el que muchas
veces nos cuesta que valoren el trabajo que realizamos.

La única forma de hacerlo es hacer que partícipe el cliente y
que sea consciente de cuanto tiempo se invierte en el
desarrollo de un proyecto.

      Hacer partícipe = Validación del proceso

    Pasemos a ver como hacemos esto en 47 Degrees...
Compartimentos
          estancos
No se pasa al siguiente punto de actuación a nivel de
prototipado hasta que no se aprueba el anterior.

¡La vinculación emocional del cliente con el proyecto es de
suma importancia para que el resultado sea viable!

Todo va validado por pasos con un tiempo definido de
revisión

       Nos blindan del por todos conocido....
      “Donde digo digorl ahora digo diegorl”
¿Como hacemos las
     cosas en 47º?
Vais a ver muchas formas de realizar el prototipado de un
proyecto pero la mejor forma de verlo es por ejemplos...


Nuestra metodología esta adaptada a proyectos móviles


Esto es un poco como el desarrollo ágil... Hay muchas
formas de hacerlo y nosotros tenemos una metodología
propia que es la que mejor nos funciona adaptada a nuestro
equipo.
1º Brainstorming



Brainstorming del equipo y definición de funcionalidades

Es importante tener el foco y el target claro de la aplicación
antes de empezar

Los usuarios móviles (es nuestro caso) son muy
impacientes y necesitan tener la información muy clara y
enfocada.
2º Diagrama de flujo



No tiene que ser de toda la aplicación, pero si del flujo de
usuario más importante.

Es imprescindible para bocetar saber a donde y de donde
viene el usuario en esa pantalla
3º Boceto



Hay muchas herramientas a utilizar pero la más importante
(y productiva) es el lápiz y el papel.

Este proceso es intentar plasmar todas las ideas recogidas
en reuniones en algo concreto.
El ensayo y el error es el proceso.

Llévate una goma, porque vas a borrar.
4º Wireframe



        NO CONTIENE DISEÑO DE NINGÚN TIPO
Nos basamos en prototipos de bajo nivel para no influir en
el producto final
Muchas veces utilizamos software para hacerlo navegable y
ver el flujo de navegación de la aplicación
Ni siquiera lo encapsulamos en maquetas móviles de iPhone
o Android para no influir en la percepción del cliente
Diseño



  NO FORMA PARTE DEL PROCESO DE PROTOTIPADO

He querido incluirlo porque es la ultima revisión antes del
desarrollo

Se presenta una linea de diseño de las pantallas principales

Una vez aprobado (siempre con la aprobación) montamos
las demás pantallas y vamos recortando recursos.
¡Y ahora a
                programar!
Dejaos ya de tonterías y de tiki-tiki y poneos al lío del
montepío!

Después de la revisión de diseño se realizan revisiones de
versiones Alpha y Beta (depende de la magnitud del
proyecto)

Muchas veces una vez realizado el wireframe ya se pueden
ir montando las pantallas aunque se prefiere tener diseño
para no ir pisando desarrollo y recursos
¿Que es Babylon?
• Funcionalidades en tiempo de diseño
• No revisar el prototipo con el equipo de desarrollo
• No identificar bien el target de usuarios
• No hacer un estudio de usabilidad de la aplicación
• Implementar diseño en wireframes que coaccione la
linea de diseño final.

• Desvincular al cliente del proyecto
¿Sabéis que es lo
          mejor?
Que esto no te asegura un éxito de la aplicación ya que....

 El feedback con los usuarios es la ultima frontera

Las aplicaciones mutan según el uso de los usuarios, puedes
“jartarte” de MVP, estrategias, estudios del target pero
como la salida a producción no hay nada!

Cuanto más amplio sea tu mercado más impredecible es, en
apps móviles muchas veces la salida es global. Es muy difícil
prever el uso de tu app a nivel global.
¡Herramientas!
Hay miles, pero os vamos a recomendar algunas que hemos
probado...

 • Pencil Project. OpenSource a todo Confort
 • Gliffy. Herramienta gratuita para diagramas de flujo.
 • OmniGraffle. De pago pero para nuestro gusto de las
 más completas del mercado

 • Prototyper Pro: Muy buena para hacer prototipos de
 alta fidelidad navegables. Es #MadeinSpain

 • PopApp: App móvil para hacer tus prototipos
 navegables en el móvil. Muy útil para presentaciones en
 cliente
Enlaces onFire
• Estupendo enlace que habla de alterar el proceso de
etapas para alternar el prototipado, el diseño y el
desarrollo

• Enlace de nuestro amigo Lousfera hablando de
distintas herramientas de prototipado

• Seguir el Twitter y el blog de Olga Carrera. Hace poco
posteé un video suyo muy bueno sobre prototipado.

• Consejos de como empezar a diseñar para Android
• Grupo en LinkedIn sobre Diseño y prototipado de
Apps y Comunidad en Google Plus sobre Diseño de
Interfaces
Enjoy!
@Jorge__Galindo | @47deg_es

More Related Content

What's hot

01. Taller UX - Prototipado Rápido: Actividades
01. Taller UX - Prototipado Rápido: Actividades01. Taller UX - Prototipado Rápido: Actividades
01. Taller UX - Prototipado Rápido: ActividadesFlavia Ibañez
 
Shift Left: En busca del éxito del software
Shift Left: En busca del éxito del softwareShift Left: En busca del éxito del software
Shift Left: En busca del éxito del softwareMarco Avendaño
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Mobile design 01 _ Diseño centrado en el usuario
Mobile design 01 _ Diseño centrado en el usuarioMobile design 01 _ Diseño centrado en el usuario
Mobile design 01 _ Diseño centrado en el usuarioJuan Paulo Madriaza
 
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...Victor M. Gonzalez
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativoMartín S
 
Prototipado
PrototipadoPrototipado
Prototipadokamui002
 
Scrum e-tic MALAGA y SEVILLA abril 2011
Scrum e-tic MALAGA y SEVILLA abril 2011Scrum e-tic MALAGA y SEVILLA abril 2011
Scrum e-tic MALAGA y SEVILLA abril 2011xtremobyte
 
Cuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesCuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesUX Nights
 
Prototipos:Un juguete muy valioso
Prototipos:Un juguete muy valiosoPrototipos:Un juguete muy valioso
Prototipos:Un juguete muy valiosoSoftware Guru
 
Innova o te recordaré cariñosamente
Innova o te recordaré cariñosamenteInnova o te recordaré cariñosamente
Innova o te recordaré cariñosamenteSoftware Guru
 

What's hot (19)

01. Taller UX - Prototipado Rápido: Actividades
01. Taller UX - Prototipado Rápido: Actividades01. Taller UX - Prototipado Rápido: Actividades
01. Taller UX - Prototipado Rápido: Actividades
 
AGILE Taller gestión de proyectos
AGILE Taller gestión de proyectosAGILE Taller gestión de proyectos
AGILE Taller gestión de proyectos
 
Shift Left: En busca del éxito del software
Shift Left: En busca del éxito del softwareShift Left: En busca del éxito del software
Shift Left: En busca del éxito del software
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
Integrando Lean y UX Research
Integrando Lean y UX ResearchIntegrando Lean y UX Research
Integrando Lean y UX Research
 
Mobile design 01 _ Diseño centrado en el usuario
Mobile design 01 _ Diseño centrado en el usuarioMobile design 01 _ Diseño centrado en el usuario
Mobile design 01 _ Diseño centrado en el usuario
 
Ux interfaces persuasivas
Ux interfaces persuasivasUx interfaces persuasivas
Ux interfaces persuasivas
 
Curso Taller LEAN UX Clase 01/04
Curso Taller LEAN UX Clase 01/04Curso Taller LEAN UX Clase 01/04
Curso Taller LEAN UX Clase 01/04
 
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...
Agile vs Design Thinking vs Lean:¿cuál es el "approach" correcto? ó ¿cómo los...
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativo
 
Prototipado
PrototipadoPrototipado
Prototipado
 
Scrum e-tic MALAGA y SEVILLA abril 2011
Scrum e-tic MALAGA y SEVILLA abril 2011Scrum e-tic MALAGA y SEVILLA abril 2011
Scrum e-tic MALAGA y SEVILLA abril 2011
 
Tutorial Lean UX Workshop - MexIHC 2016
Tutorial Lean UX Workshop - MexIHC 2016Tutorial Lean UX Workshop - MexIHC 2016
Tutorial Lean UX Workshop - MexIHC 2016
 
Cuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesCuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitales
 
¿Qué es un DevOps ?
¿Qué es un DevOps ?¿Qué es un DevOps ?
¿Qué es un DevOps ?
 
Curso Taller LEAN UX Clase 02/04
Curso Taller LEAN UX Clase 02/04Curso Taller LEAN UX Clase 02/04
Curso Taller LEAN UX Clase 02/04
 
Prototipos:Un juguete muy valioso
Prototipos:Un juguete muy valiosoPrototipos:Un juguete muy valioso
Prototipos:Un juguete muy valioso
 
Agile UX / Ágiles 2015
Agile UX / Ágiles 2015Agile UX / Ágiles 2015
Agile UX / Ágiles 2015
 
Innova o te recordaré cariñosamente
Innova o te recordaré cariñosamenteInnova o te recordaré cariñosamente
Innova o te recordaré cariñosamente
 

Similar to Como prototipar MAL una aplicación. La importancia del Wireframe

Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápidoIxDA Mendoza
 
Ejecución de servicios digitales y negocios en Internet
Ejecución de servicios digitales y negocios en InternetEjecución de servicios digitales y negocios en Internet
Ejecución de servicios digitales y negocios en InternetAsier Marqués
 
El proceso creativo de una aplicación
El proceso creativo de una aplicación El proceso creativo de una aplicación
El proceso creativo de una aplicación Jorge Galindo Cruces
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoJulian Camacho
 
Los diamantes son para siempre, las aplicaciones móviles no
Los diamantes son para siempre, las aplicaciones móviles noLos diamantes son para siempre, las aplicaciones móviles no
Los diamantes son para siempre, las aplicaciones móviles noJorge Galindo Cruces
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 qweos
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutosSol Mesz
 
Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?cachirulovalley
 
Aos2012 sobrevivir a proyectos heredados
Aos2012 sobrevivir a proyectos heredadosAos2012 sobrevivir a proyectos heredados
Aos2012 sobrevivir a proyectos heredadosPablo Bouzada
 
La alternativa ágil - Uniencounter
La alternativa ágil - UniencounterLa alternativa ágil - Uniencounter
La alternativa ágil - UniencounterGailen Tecnologías
 
Modelo de prototipos
Modelo de prototiposModelo de prototipos
Modelo de prototiposcetic2008
 

Similar to Como prototipar MAL una aplicación. La importancia del Wireframe (20)

Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápido
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Prototipaje y manufactura
Prototipaje y manufacturaPrototipaje y manufactura
Prototipaje y manufactura
 
Ejecución de servicios digitales y negocios en Internet
Ejecución de servicios digitales y negocios en InternetEjecución de servicios digitales y negocios en Internet
Ejecución de servicios digitales y negocios en Internet
 
Diapositivas edgordo
Diapositivas edgordoDiapositivas edgordo
Diapositivas edgordo
 
El proceso creativo de una aplicación
El proceso creativo de una aplicación El proceso creativo de una aplicación
El proceso creativo de una aplicación
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de Producto
 
Los diamantes son para siempre, las aplicaciones móviles no
Los diamantes son para siempre, las aplicaciones móviles noLos diamantes son para siempre, las aplicaciones móviles no
Los diamantes son para siempre, las aplicaciones móviles no
 
2 modelos de la ingenieria de software
2  modelos de la ingenieria de software2  modelos de la ingenieria de software
2 modelos de la ingenieria de software
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013
 
LAMINAS EXPOSICION.pptx
LAMINAS EXPOSICION.pptxLAMINAS EXPOSICION.pptx
LAMINAS EXPOSICION.pptx
 
Curso Taller LEAN UX Clase 03/04
Curso Taller LEAN UX Clase 03/04Curso Taller LEAN UX Clase 03/04
Curso Taller LEAN UX Clase 03/04
 
Pixel Perfect Web Design.
Pixel Perfect Web Design.Pixel Perfect Web Design.
Pixel Perfect Web Design.
 
¿Se puede implementar una Cultura Ágil?
¿Se puede implementar una Cultura Ágil?¿Se puede implementar una Cultura Ágil?
¿Se puede implementar una Cultura Ágil?
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?
 
Aos2012 sobrevivir a proyectos heredados
Aos2012 sobrevivir a proyectos heredadosAos2012 sobrevivir a proyectos heredados
Aos2012 sobrevivir a proyectos heredados
 
La alternativa ágil - Uniencounter
La alternativa ágil - UniencounterLa alternativa ágil - Uniencounter
La alternativa ágil - Uniencounter
 
Working with a design system
Working with a design systemWorking with a design system
Working with a design system
 
Modelo de prototipos
Modelo de prototiposModelo de prototipos
Modelo de prototipos
 

More from Jorge Galindo Cruces

100 k users in the first month. How did we do?
100 k users in the first month. How did we do?100 k users in the first month. How did we do?
100 k users in the first month. How did we do?Jorge Galindo Cruces
 
Plantear un proyecto móvil desde cero enfocado a distintas plataformas
Plantear un proyecto móvil desde cero enfocado a distintas plataformasPlantear un proyecto móvil desde cero enfocado a distintas plataformas
Plantear un proyecto móvil desde cero enfocado a distintas plataformasJorge Galindo Cruces
 
Relaciones sociales en la Empresa - Sesion MasterUp
Relaciones sociales en la Empresa - Sesion MasterUpRelaciones sociales en la Empresa - Sesion MasterUp
Relaciones sociales en la Empresa - Sesion MasterUpJorge Galindo Cruces
 
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]Jorge Galindo Cruces
 
"Quiero que seas mi partner tecnológico". Pregunta peliaguda
"Quiero que seas mi partner tecnológico". Pregunta peliaguda"Quiero que seas mi partner tecnológico". Pregunta peliaguda
"Quiero que seas mi partner tecnológico". Pregunta peliagudaJorge Galindo Cruces
 
PechaKucha - El concepto sobrevalorado de una idea
PechaKucha - El concepto sobrevalorado de una ideaPechaKucha - El concepto sobrevalorado de una idea
PechaKucha - El concepto sobrevalorado de una ideaJorge Galindo Cruces
 

More from Jorge Galindo Cruces (6)

100 k users in the first month. How did we do?
100 k users in the first month. How did we do?100 k users in the first month. How did we do?
100 k users in the first month. How did we do?
 
Plantear un proyecto móvil desde cero enfocado a distintas plataformas
Plantear un proyecto móvil desde cero enfocado a distintas plataformasPlantear un proyecto móvil desde cero enfocado a distintas plataformas
Plantear un proyecto móvil desde cero enfocado a distintas plataformas
 
Relaciones sociales en la Empresa - Sesion MasterUp
Relaciones sociales en la Empresa - Sesion MasterUpRelaciones sociales en la Empresa - Sesion MasterUp
Relaciones sociales en la Empresa - Sesion MasterUp
 
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]
Charla del primer GinAndUX [Pitch inicial y herramientas de prototipado]
 
"Quiero que seas mi partner tecnológico". Pregunta peliaguda
"Quiero que seas mi partner tecnológico". Pregunta peliaguda"Quiero que seas mi partner tecnológico". Pregunta peliaguda
"Quiero que seas mi partner tecnológico". Pregunta peliaguda
 
PechaKucha - El concepto sobrevalorado de una idea
PechaKucha - El concepto sobrevalorado de una ideaPechaKucha - El concepto sobrevalorado de una idea
PechaKucha - El concepto sobrevalorado de una idea
 

Como prototipar MAL una aplicación. La importancia del Wireframe

  • 1. Como prototipar MAL una aplicación La importancia del wireframe Jorge__Galindo de @47deg_es
  • 2. ¡Atención Pregunta! • ¿Que es un prototipo? • ¿Que es un wireframe? • ¿y un storyboard? • ¿y un mockup? ¿y un Sketching? Baja, alta fidelidad... • ¿De donde venimos? ¿Donde estoy? ¿¡Que es toda esta movida!?
  • 3. Salto cualitativo Yo empecé en el lado oscuro de la fuerza... Era Darth Vader y atraía movidas chungas a mi existencia haciendo las cosas sin prototipar... Las metodologías de trabajo son parte de lo que Yoda enseña en lo alto de las piedras y te harán mejorar tu proyecto Plantear primero un wireframe donde visualmente se especifican las funcionalidades es el camino del bien, amigo Luke.
  • 4. Te hará trabajar MENOS Pensar que tu “no tienes tiempo para eso”, es queridos amigos un... MOJÓN ¿Cuantas veces has hecho modificaciones en tiempo de diseño de la interfaz? ¿Cuantas veces el cliente “te la ha colado”, metiendo una nueva funcionalidad? Es el tiempo mejor invertido de todo el timing de tu proyecto
  • 5. Te hará ponerte en tu sitio... Como bien sabemos, vivimos en un país en el que muchas veces nos cuesta que valoren el trabajo que realizamos. La única forma de hacerlo es hacer que partícipe el cliente y que sea consciente de cuanto tiempo se invierte en el desarrollo de un proyecto. Hacer partícipe = Validación del proceso Pasemos a ver como hacemos esto en 47 Degrees...
  • 6. Compartimentos estancos No se pasa al siguiente punto de actuación a nivel de prototipado hasta que no se aprueba el anterior. ¡La vinculación emocional del cliente con el proyecto es de suma importancia para que el resultado sea viable! Todo va validado por pasos con un tiempo definido de revisión Nos blindan del por todos conocido.... “Donde digo digorl ahora digo diegorl”
  • 7. ¿Como hacemos las cosas en 47º? Vais a ver muchas formas de realizar el prototipado de un proyecto pero la mejor forma de verlo es por ejemplos... Nuestra metodología esta adaptada a proyectos móviles Esto es un poco como el desarrollo ágil... Hay muchas formas de hacerlo y nosotros tenemos una metodología propia que es la que mejor nos funciona adaptada a nuestro equipo.
  • 8. 1º Brainstorming Brainstorming del equipo y definición de funcionalidades Es importante tener el foco y el target claro de la aplicación antes de empezar Los usuarios móviles (es nuestro caso) son muy impacientes y necesitan tener la información muy clara y enfocada.
  • 9. 2º Diagrama de flujo No tiene que ser de toda la aplicación, pero si del flujo de usuario más importante. Es imprescindible para bocetar saber a donde y de donde viene el usuario en esa pantalla
  • 10. 3º Boceto Hay muchas herramientas a utilizar pero la más importante (y productiva) es el lápiz y el papel. Este proceso es intentar plasmar todas las ideas recogidas en reuniones en algo concreto. El ensayo y el error es el proceso. Llévate una goma, porque vas a borrar.
  • 11. 4º Wireframe NO CONTIENE DISEÑO DE NINGÚN TIPO Nos basamos en prototipos de bajo nivel para no influir en el producto final Muchas veces utilizamos software para hacerlo navegable y ver el flujo de navegación de la aplicación Ni siquiera lo encapsulamos en maquetas móviles de iPhone o Android para no influir en la percepción del cliente
  • 12. Diseño NO FORMA PARTE DEL PROCESO DE PROTOTIPADO He querido incluirlo porque es la ultima revisión antes del desarrollo Se presenta una linea de diseño de las pantallas principales Una vez aprobado (siempre con la aprobación) montamos las demás pantallas y vamos recortando recursos.
  • 13. ¡Y ahora a programar! Dejaos ya de tonterías y de tiki-tiki y poneos al lío del montepío! Después de la revisión de diseño se realizan revisiones de versiones Alpha y Beta (depende de la magnitud del proyecto) Muchas veces una vez realizado el wireframe ya se pueden ir montando las pantallas aunque se prefiere tener diseño para no ir pisando desarrollo y recursos
  • 14. ¿Que es Babylon? • Funcionalidades en tiempo de diseño • No revisar el prototipo con el equipo de desarrollo • No identificar bien el target de usuarios • No hacer un estudio de usabilidad de la aplicación • Implementar diseño en wireframes que coaccione la linea de diseño final. • Desvincular al cliente del proyecto
  • 15. ¿Sabéis que es lo mejor? Que esto no te asegura un éxito de la aplicación ya que.... El feedback con los usuarios es la ultima frontera Las aplicaciones mutan según el uso de los usuarios, puedes “jartarte” de MVP, estrategias, estudios del target pero como la salida a producción no hay nada! Cuanto más amplio sea tu mercado más impredecible es, en apps móviles muchas veces la salida es global. Es muy difícil prever el uso de tu app a nivel global.
  • 16. ¡Herramientas! Hay miles, pero os vamos a recomendar algunas que hemos probado... • Pencil Project. OpenSource a todo Confort • Gliffy. Herramienta gratuita para diagramas de flujo. • OmniGraffle. De pago pero para nuestro gusto de las más completas del mercado • Prototyper Pro: Muy buena para hacer prototipos de alta fidelidad navegables. Es #MadeinSpain • PopApp: App móvil para hacer tus prototipos navegables en el móvil. Muy útil para presentaciones en cliente
  • 17. Enlaces onFire • Estupendo enlace que habla de alterar el proceso de etapas para alternar el prototipado, el diseño y el desarrollo • Enlace de nuestro amigo Lousfera hablando de distintas herramientas de prototipado • Seguir el Twitter y el blog de Olga Carrera. Hace poco posteé un video suyo muy bueno sobre prototipado. • Consejos de como empezar a diseñar para Android • Grupo en LinkedIn sobre Diseño y prototipado de Apps y Comunidad en Google Plus sobre Diseño de Interfaces