Jorge Galindo Cruces

Plantear un proyecto móvil desde cero enfocado a distintas plataformas

http://uxspain.47deg.com/

Para entender nuestro proceso, hay que saber como somos y como planteamos los productos.

Vamos a focalizar en iOS y Android porque cada una tiene sus idiosincracias y sus distintos planteamientos gráficos y de usabilidad.

La mayoría de proyectos que afrontamos en 47 son multiplataforma

Un proyecto desde cero

La mejor forma de explicar como se hace un proyecto móvil desde cero, es hacer un proyecto móvil desde cero

Hemos prototipado y diseñado una app multiplataforma para UXSpain que podéis seguir desde la web

Utiliza tus armas

Antes de liarme la manta a la cabeza con el proceso, me gustaría incidir en algo a nivel de conceptualización de

funcionalidad. “No seamos papagayos digitales. No repitamos sin pensar la información”

El proceso

Vamos a dividir la presentación en la división que hacemos nosotros del flujo de trabajo y vamos a recalcar las

diferencias de planteamiento en cada parte para ver la bifurcación de comportamientos

Prototipado Diseño Guia de estilos

Prototipado

Lo primero que hicimos fue ponernos manos a la obra con la pizarra y planteamos el mapa de contenido marcando los

puntos de diferencia

UX Spain 2014

Agenda

Detalle

Calendario

Pregunta

Nota

UX Labs ON Fire Asistentes Localización

Detalle

Info

Detalle

Notas

CRear Nota

Tuitear hashtag

del evento

Detalle Detalle

Añadir info

Todos Conocidos

Organización #uxspain Info Tapaux

Navegación principal

Navegación secundaria

Acciones

Navegación principal

Cumplir los controladores nativos de cada plataforma

¡Cuidado con la navegación principal!

¡Es el origen de muchas cagadas multiplataforma!

Me gustaría resaltar una cagada en concreto

OUCH! ¿Instagram porque eres así?

Navegación principalEn este caso hemos optado por un concepto que concuerda mucho con lo

multiplataforma. ¡Nuestro amigo, el slider Menu!

09:30 Registro y acreditaciones

10:30 Presentaciones

11:15 Café

10:30

Maritza Guaderrama

Antropología y Diseño: qué aporta una ciencia decimonónica a la UX

12:00

Alfonso Moncuerde

Persuasión: Cambiando lo que pensamosy hacemos a través del diseño

12:40

Gaby Prado

Del libro al hecho: la increíble experiencia de construir un equipo de UX

13:15

Alberto Martinez

Reason loves Emotion

Viernes 23 de Mayo Sabado 24 de MayoAgenda

UX Labs

On Fire

Asistentes

Localización

Agenda

09:30 Registro y acreditaciones

10:30 Presentaciones

11:15 Café

10:30

Maritza Guaderrama

Antropología y Diseño: qué aporta una ciencia decimonónica a la UX

12:00

Alfonso Moncuerde

Persuasión: Cambiando lo que pensamosy hacemos a través del diseño

12:40

Gaby Prado

Del libro al hecho: la increíble experiencia de construir un equipo de UX

13:15

Alberto Martinez

Reason loves Emotion

Viernes 23 de Mayo

Agenda

UX Labs

On Fire

Asistentes

Localización

Navegación secundariaLos usuarios en general están más acostumbrados a la creatividad en

este sentido, pero los usuarios Android se esperan un contenido de navegación horizontal

Acciones

Aquí podéis ver la distinta disposición de elementos en las dos plataformas. El uso que hace Android del botón de Opciones, algo no utilizado en iOS. Compartir es distinto en las dos plataformas

Diseño

Los elementos a destacar del paso a diseño son

Flat es nuestro amigo Tipografías

ROBOTO abcdefghijklmnopqrstu

vwxyz - 1234567809

AVENIR abcdefghijklmnopqrstuv

wxyz - 1234567809

Iconografías

UX

UX

Guia de estilos

Antes que nada…

¡Dios bendiga a Sketch!

Guia de estilosEstos son las guías de estilo que solemos elaborar, incidiendo en el

nombre de recursos.

Diferenciamos las distintas unidades de medida.

RecursosEn la misma web que hemos compartido están todos los recursos

gráficos que hemos utilizado

Bonus Track

Se ha filtrado la beta de Google+

Un placer haber estado compartiendo esta experiencia con vosotros

¡Gracias!

http://uxspain.47deg.com/