Post on 07-Jul-2015
description
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/