diseño de aplicaciones móviles: ¿por donde empezamos?

58
Diseño de Aplicaciones Moviles ¿Por donde empezamos? Adrián Kane Líder Creativo & UX

Upload: software-guru

Post on 03-Jul-2015

706 views

Category:

Documents


1 download

DESCRIPTION

http://sg.com.mx/sgce/2013/sessions/dise%C3%B1o-aplicaciones-m%C3%B3viles-%C2%BFpor-donde-empezamos La movilidad en la actualizad es fundamental en la forma que las personas consumimos información, para ello es importante que su desarrollo forme parte de un proceso, estratégico y que para la contribución de estas aplicaciones móviles realmente sean de utilidad. El éxito no dependerá de la plataforma en sí, podremos conceptualizar la mejor aplicación, pero el no transmitir una experiencia de usuario ideal por medias las buenas prácticas y guías de diseño por cada uno de los sistemas operativos, esto nos puede llevar a un clico interminable donde terminamos publicando una aplicación totalmente diferente a los que se pensó. El desarrollo y sobre todo el diseño móvil no importando si es en una empresa o como profesionista independiente, debe de cumplir paso a paso una metodología que cumpla las expectativas de todos, por ello siempre surge la pregunta; y ¿por dónde empiezo?

TRANSCRIPT

Page 1: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Diseño de Aplicaciones Moviles

¿Por donde empezamos?

Adrián KaneLíder Creativo & UX

Page 2: Diseño de aplicaciones móviles: ¿Por donde empezamos?

• Hola uno

• Hola dos

– Hola hijo

Page 3: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Hola mundo

• Hola uno

• Hola dos

– Hola hijo

Page 4: Diseño de aplicaciones móviles: ¿Por donde empezamos?

…vamos más alla.

• Hola uno

• Hola dos

– Hola hijo

Page 5: Diseño de aplicaciones móviles: ¿Por donde empezamos?

1. Iniciando un proyecto móvil.

Page 6: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Conocer a tu cliente.

Page 7: Diseño de aplicaciones móviles: ¿Por donde empezamos?

¿Cuales son sus objetivos?¿Qué metas necesita alcanzar?

Page 8: Diseño de aplicaciones móviles: ¿Por donde empezamos?

¿Cuenta con un Brief?

Page 9: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Identificar si tu proyecto requiere de una aplicación.

¿En verdad necesito una aplicación?

¿Cómo identificar el tipo de app?

Page 10: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Identificar las características del target para poder sugerir la plataforma de desarrollo.

Page 11: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Formula para recordar.

Presupuesto

+ Objetivos

+ Alcance

__________________

Plataforma

Page 12: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Formula para recordar.Y después a esperar…

que apruebe el presupuesto :S

Page 13: Diseño de aplicaciones móviles: ¿Por donde empezamos?

2. Desarrollo de experiencia

Cacaroooooo !!!!

Page 14: Diseño de aplicaciones móviles: ¿Por donde empezamos?

que apruebe el presupuesto :S

Kick Off – Conoce al equipo

Page 15: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Para el cliente:

• Entrega de requerimientos (manual de identidad, contenidos y set de imágenes)

• Desarrollo de racional o brief complementario

Page 16: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Reúne a todo el equipo… y si.también el cliente.

Page 17: Diseño de aplicaciones móviles: ¿Por donde empezamos?

que apruebe el presupuesto :S

Mapa de experiencia

Page 18: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Arquitectura de Información

Page 19: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Conocer la identidad gráfica

Page 20: Diseño de aplicaciones móviles: ¿Por donde empezamos?
Page 21: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Guías de diseño & UX por plataforma

Page 22: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Guías de diseño & UX por plataforma

Page 23: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Prototi…que? Prototipo, Prototipar

Page 24: Diseño de aplicaciones móviles: ¿Por donde empezamos?

¿Y las herramientas apá?

Page 25: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Si lo se… pero no dejen de invitar al equipo a participar.

Page 26: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Potencializar el Hardware

Page 27: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Interacciones (FX)

Page 28: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Mapa de navegación estructural

Page 29: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Casos de uso específicos

Page 30: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Propuesta Gráfica

Propuesta Gráfica

Page 31: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Pantalla template

Page 32: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Agrega personalidad a tu app

Page 33: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Crea un ambiente

Page 34: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Personaliza los componentes

Page 35: Diseño de aplicaciones móviles: ¿Por donde empezamos?

3. Presentación y validación de arte

Esta muy padre, pero…

Page 36: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Cautivemos al cliente, ¿Qué documentos presento?

Page 37: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Docs????

• PDF con arte

• Presentación Power Point

• Interactivo

• Demo en imágenes con dispositivo

• Demo cuasi funcional en dispositivo

• Usen la imaginación…

Page 38: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Retroalimentación del cliente.

Page 39: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Que firme con sangre!!!!

Page 40: Diseño de aplicaciones móviles: ¿Por donde empezamos?

4. Desarrollo de la aplicación

A ver ingenieros no que muy muy.LOL.

Page 41: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Crea mapa de elementos

Page 42: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Integración con área de desarrollo.

Page 43: Diseño de aplicaciones móviles: ¿Por donde empezamos?

5. Testing

¿Qué crees?… que no se ve

Page 44: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Prueba en dispositivo

Revisa la calidad de insumos.

Page 45: Diseño de aplicaciones móviles: ¿Por donde empezamos?

6. Publicidad y/o promoción

Lleve, lleve, bara, bara…

Page 46: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Redes sociales y btl.

Page 47: Diseño de aplicaciones móviles: ¿Por donde empezamos?

7. Publicación en tienda

¿Qué el icono de que o con qué?

Page 48: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Principales tiendas.

Page 49: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Set de iconos

Page 50: Diseño de aplicaciones móviles: ¿Por donde empezamos?

No olvidar…

• Las pantallas muestra

• Documentos de arte y navegación para tienda

• Descripcción de la app.

• Y sobre todo…

Page 51: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Que firme con sangre…otra vez.

Page 52: Diseño de aplicaciones móviles: ¿Por donde empezamos?

8. Retroalimentación de los usuarios.

Es que le falta punch!!!!Atte. El usuario.

Page 53: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Seamos sabios y escuchemos a los usuarios.

Page 54: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Actualiza y responde.

Page 55: Diseño de aplicaciones móviles: ¿Por donde empezamos?

9. Conclusiones.

Ohmmmmmmmm…

Page 56: Diseño de aplicaciones móviles: ¿Por donde empezamos?
Page 57: Diseño de aplicaciones móviles: ¿Por donde empezamos?

¿Preguntas?

Adrian Kane

[email protected]

@kanekenai

Page 58: Diseño de aplicaciones móviles: ¿Por donde empezamos?

Gracias

Adrian Kane

[email protected]

@kanekenai