Design Workflow (Juani Ruiz Echazú, WCBA 2017)

•

0 recomendaciones•193 vistas

Cómo en Aerolab se fue iterando una metodologia de diseño hasta llegar al workflow actual. Además, un caso de estudio donde se podrá ver aplicado dicho workflow.

Tecnología

WC
BA
17
Juani Ruiz Echazú
Design Workﬂow
@heyimjuani

@heyimjuani@heyimjuani
Holis.
Juani Ruiz Echazú
UX Director @ Aerolab

@heyimjuani@heyimjuani
El diseño es subjetivo
Cualquiera puede opinar

@heyimjuani@heyimjuani
Clientes vs. producto
Suelen no entender cómo se trabaja

@heyimjuani@heyimjuani
Duración estimada originalmente
Aplicación de
feedback

@heyimjuani@heyimjuani
Duración estimada originalmente
Aplicación de
feedback
MUERTE

@heyimjuani@heyimjuani
Objetivo: cerrar a
tiempo
…y que sea de calidad

@heyimjuani@heyimjuani
Divide and rule
Cómo lo hacemos en Aerolab

@heyimjuani@heyimjuani4 aerolovers + 8 galos

@heyimjuani@heyimjuani
1Relevamiento
A ver en qué nos metimos…

@heyimjuani
Sos mi banco, ya sabes
qué servicio tengo
¿Por qué me estás pediendo que
te lo indique yo?

@heyimjuani
Por donde empezar…
Mira esa alineación,
esas mayúsculas

@heyimjuani
Los colores transmiten
frescura, juventud
¿Y por que tienen distinto ancho?

@heyimjuani
¿Y por que tienen distinto ancho?
Los colores transmiten
frescura, juventud

@heyimjuani@heyimjuani
Tipo de transferencia
Cuenta a debitar
Monto
Cuenta a acreditar
Transferencias, antes:

@heyimjuani@heyimjuani
Definir lineamientos
Van a regir nuestro producto

@heyimjuani@heyimjuani
Simple
Transparente
Claro
Confiable

@heyimjuani@heyimjuani
Tener métricas de uso
bien presentes

@heyimjuani@heyimjuani
Respetar patrones
de cada sistema
operativo

@heyimjuani@heyimjuani
De lo general
a lo particular

@heyimjuani@heyimjuani
Limpia
visualmente hablando

@heyimjuani@heyimjuani
Entregables:
análisis, propuesta
y roadmap estimado

@heyimjuani@heyimjuani
Approach propuesto
En qué se deberían fijar:

@heyimjuani@heyimjuani
2Arquitectura de la
información
Cada cosa en su lugar

@heyimjuani@heyimjuani
Entregables:
nueva arquitectura,
flowmap

@heyimjuani@heyimjuani
Estructura a nivel data
En qué se deberían fijar:

@heyimjuani@heyimjuani
3Wireframes lo-fi
Primeros pasos

@heyimjuani@heyimjuani
Entregables:
mamarrachos
escaneados

@heyimjuani@heyimjuani
Cómo todo va
tomando forma,
definir si pueden
conseguir esa data
En qué se deberían fijar:

@heyimjuani@heyimjuani
4Wireframes hi-fi
Pasando en limpio

@heyimjuani@heyimjuani
Después testeamos

@heyimjuani@heyimjuani
ALELUYA POR
ESTA UX

@heyimjuani@heyimjuani
Entregables:
prototipo interactivo

@heyimjuani@heyimjuani
Ubicación final de
data,
THE END IS NEAR
En qué se deberían fijar:

Propuesta A
Si bien esta propuesta acuerda con parámetros y es compatible con el
ecosistema de Android, termina resultando muy tradicional, con el
peligro, incluso, de ser confundida con otras apps de la plataforma, y un
poquito de sarasa para condicionarlos de forma negativa :D

Propuesta B
Esto es el futuro. Solamente con un color logramos diferenciar
absolutamente el segmento y logramos una imagen pura, estilizada y de
nivel, en cada uno de los segmentos.

@heyimjuani@heyimjuani
Les vendimos el
futuro, ¡y compraron!
Sí

@heyimjuani@heyimjuani
Ya sabemos quien sos
Nada de elegir de qué segmento
sos, tranqui con el uso de colores

@heyimjuani@heyimjuani
Cuenta principal
La vas a usar para la gran
mayoría de tus transacciones

@heyimjuani@heyimjuani
Lo más usado al frente
Estas 3 funcionalidades
acaparan el 80% de las
interacciones dentro de la app

@heyimjuani@heyimjuani
El resto al hamburger
Si lo necesitas lo vas a buscar
hasta el fin de los tiempos

@heyimjuani@heyimjuani
Cards
Que sirvan para darme cuenta
rápidamente de donde estoy

@heyimjuani@heyimjuani
Movimientos de dinero

@heyimjuani@heyimjuani
Probablemente siempre
uses la misma cuenta
Así que la elegimos como origen
por vos

@heyimjuani@heyimjuani
Que el sistema trabaje
por nosotros
Un único tipo de transferencia

@heyimjuani@heyimjuani
Queríamos que la
interfaz sola sugiriera
qué hacer

@heyimjuani@heyimjuani
1456678246
horas ahorradas
Nuestro proceso en números

@heyimjuani@heyimjuani
25 diseñadores más
contentos porque
hacemos cosas lindas
Nuestro proceso en números

@heyimjuani@heyimjuani
671245 clientes más
felices porque forman
parte del proceso
Nuestro proceso en números

@heyimjuani@heyimjuani
Registren su progreso

@heyimjuani@heyimjuani
El proceso es tan
importante como el
resultado

@heyimjuani@heyimjuani
¡Graciela!
medium.com/aerolab-stories

Más contenido relacionado

Más de wpargentina

WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...

wpargentina

Cómo convertí mi trabajo freelance en un negocio (Mercedes Bugarin - Meetup...

wpargentina

Muchas compañías que usan WordPress tienen equipos que trabajan a distancia. No siempre es fácil: tal vez no hay opciones para coworking en las cercanías, o es difícil trabajar desde casa, mantener el enfoque, y comunicarse efectivamente con el resto del equipo. Esta charla abordará las ventajas y desventajas de un equipo que trabaja de distancia, estadísticas sobre la realidad de este estilo de trabajo, recursos para los que quieren trabajar a distancia, e historias de la vida real.

Trabajo a distancia: retos y oportunidades (Karen Arnold, WCBA 2017)

wpargentina

Charla introductoria a las herramientas que provee la suite Roots. 1. Sage: starter theme con un workflow avanzado, utilizando SASS, node y gulp, entre otras herramientas. 2. Bedrock: organización más profesional de archivos de WordPress, utilización de composer para dependencias y mayor seguridad. 3. Trellis: utilización de Vagrant para crear máquinas virtuales similares a otros entornos y Ansible para configurar servidores avanzados y hacer un deploy controlado. Esta charla apunta a que el oyente conozca una forma diferente y más profesional de llevar adelante sus proyectos en WordPress, utilizando control de versiones y herramientas de desarrollo moderno.

Introducción a herramientas de Roots (José Debuchy, WCBA 2017)

wpargentina

El soporte no es un costo ni un opcional para un negocio. Es una llave diferencial, una fuente de información y una forma de incrementar sus ingresos. Por otro lado, una mala experiencia de un cliente final afecta a WordPress como comunidad. En esta charla se hablará de la importancia del buen servicio de soporte y del poderoso impacto que tiene el equipo de soporte en un negocio. Prácticas a tener en cuenta y otras a evitar, y cómo adaptar estas ideas a los diferentes tipos de negocio dentro del ecosistema de WordPress. También se compartirá información acerca de la organización, trabajo y mejoras que se han introducido con el tiempo en el equipo de WPML, y cómo ganar el amor y lealtad de los clientes.

El soporte soporta tu negocio: caso de estudio de WPML (Otto Wald, WCBA 2017)

wpargentina

7 claves para romperla con tus contenidos digitales (Pablo Croci, WCBA 2017)

wpargentina

Multisites: creando una red de sitios con WordPress (Pablo Capello, WCBA 2017)

wpargentina

Cómo WordPress puede ayudar a proteger la presencia en la web de las personas, ya sea al publicar contenido original o al guardar datos y fotos de redes sociales, y mantener su identidad digital fuera del control de sitios como Facebook o Twitter. Además, se hablará de los principios básicos de SSL y de cómo utilizar Let’s Encrypt para asegurar los datos enviados a una instalación de WordPress.

Protegiendo tu presencia web con WordPress (Mike Schroder, WCBA 2017)

wpargentina

Dominar una herramienta tecnológica implica tiempo y esfuerzo. Por eso es común que, una vez inmersos en ella e incluso convertidos ya en expertos, queramos aplicarla en todos los proyectos. Vamos a estudiar juntos el pedido de un cliente, a desarmarlo en problemas puntuales más pequeños y a debatir sobre la solución más adecuada para cada uno de esos problemas. Descubriremos que para algunos bastará con WordPress; otros requerirán un desarrollo a medida y, algunos, otra herramienta. Así, cuando decidamos usar WordPress en un proyecto, sabremos que es realmente la opción más conveniente, y no la única que tenemos.

WordPress: una opción (no siempre) consciente (Ricardo Aiello, WCBA 2017)

wpargentina

WordPress en el mercado editorial: dos casos de éxito (Miguel Lederkremer, W...

wpargentina

Una enorme cantidad de dificultades para avanzar en el mundo del desarrollo web, tanto desde lo personal como desde los proyectos en los que nos involucramos, tiene que ver con la falta de definición y con los preconceptos que tenemos acerca de las herramientas y tecnologías relacionadas con el trabajo del desarrollador. Esta charla es un intento de reconocer definiciones erróneas comunes en desarrollo web en general y con WordPress en particular, con el fin de redefinir conceptos y explorar los límites de las definiciones mismas. Se tratarán cuestiones técnicas, como usos y propósitos generales de WordPress, HTML, CSS, JavaScript, PHP y MySQL; cuestiones filosóficas como la doctrina del auto-conocimiento; y cuestiones linguísticas aplicadas al desarrollo de software, como los conceptos de semántica y sintaxis.

Definiciones en desarrollo web: cómo trabajar sobre WordPress (Andrés Villar...

wpargentina

Plugins con React y la REST API (Elio Rivero, WCBA 2017)

wpargentina

Pensando como Google: tips SEO para generar tráfico orgánico (Esteban Cervi,...

wpargentina

Cómo blindar tu sitio WordPress (Rodrigo Donini, WCBA 2017)

wpargentina

Desde las versiones más tempranas de WordPress Javascript ha sido una parte fundamental del núcleo, empezando por los primeros indicios de jQuery hasta la adopción completa de Backbone como el framework preferido por la comunidad. En ésta charla se dará un vistazo a la historia de Javascript dentro de WordPress, y cómo ha cambiado y evolucionado con el tiempo. Además, una explicación de la discusión actual acerca de los candidatos para reemplazar a jQuery y Backbone: React y Vue.js.

El futuro de JavaScript en WordPress (Mario Aguiar, WCBA 2017)

wpargentina

Presentamos WordPress desde un punto de vista técnico, buscando combatir los prejuicios que sabemos que existen en la comunidad de desarrolladores. - Defectos y virtudes de WordPress desde la perspectiva del programador, y cuándo conviene usarlo. - Posibilidades de extensión de WordPress a través de sus APIs nativas. - Estructura básica de plugins y themes, y cómo crearlos desde cero. - Descripción del patrón de diseño basado en eventos, y cómo relacionar distintos patrones. Ricardo Aiello y Andrés Villarreal para WP Argentina

WordPress para programadores

wpargentina

Por qué unirse a la comunidad global de WordPress y cómo ser parte del movimi...

wpargentina

WordPress más rápido: pruebas de stress con Siege

wpargentina

Diseño y maquetación para WordPress

wpargentina

Vamos a adentrarnos en los más recónditos rincones de la mente de un programador, a fin de identificar el tipo de actitudes que nos llevan a demorar el progreso de nuestro trabajo, y así poder analizar los recursos que WordPress nos ofrece para superarnos a nosotros mismos. Puntos principales: • Breve introducción a la teoría socrática del autoconocimiento. • Mitos y presunciones comunes del programador y acerca del programador. • Malas actitudes al relacionarnos con nuestros colegas y con nuestro propio trabajo. • Excusas vs. realidad. • Cómo WordPress puede convertise en una herramienta para el autoconocimiento.

Psicología del programador: conociéndose a sí mismo

wpargentina

Más de wpargentina (20)