ux nights león vol. 1.01 ux walkthrough

Sigue estapresentaciónJ. Alejandro Facio Moreno, ICO

Facebok:

Twitter:

Visión de presentación:

Recomendado imprimir desde Chrome: Ctr + P,Activar "gra�cos de fondo"

Alexandrós Facio

@alex_facio

Diurna Nocturna

Imprimir presentación

http://bit.ly/1TDadMb

UX WalkthroughAgenda de hoy:

UX Ideas -> SD Conclusiones

Hablandode ExtremosRecuerda en tu vida las experiencias...

Buenas

Incomodas

Malas

“Las personas al interactuar con suentorno durante un periodo detiempo, son estimuladas, generandoemociones, con el tiempo sonsentimientos y volviéndosememorable, adquiriendo...

Experiencias.”

UX“An experience occurs when acompany intentionally uses servicesas the stage, and goods as props, toengage individual customers in a waythat creates a memorable event”

Las PersonasTenemos una interfacebiológica y psico�siológica,que es canalizado por los 5sentidos y 6 emociones.

¿Qué no es UX?Diseño de IU o Diseño VisualUn paso en el proceso.Una elecciónUna sola diciplinaSólo acerca de la usabilidadSólo acerca del usuario(fake)CaroFacilAcerca de TenologíaRol de una persona odepartamento de diseño

Diseño de IUDiseño Visual

Panorama general

Manosa la ObraConvertir ideas a algo “tangible” -> Sistema de Diseño

Diseñar UX

Sketches

Wireframes

Mockups

Prototype

Dev. FE/BE

Feedback

Sketches Ideas, en papel, preguntascorrectas y diseñar arquetipos.

Herramientas

BrainstormW'sPersonas (Arketipos)

Wireframes Trasladar de papel a software,la funcionalidades, layouts.

Herramientas

WordIndigoBalsamiqSketch

Testing

inVisionMarvelApp

Mockups Look & Feel, los aspectosvisuales, generar la guía deestilos.

Herramientas

IllustratorSketchPhotoshop

Testing

inVisionMarvelApp

Prototype Generar un prototipo, siendominucioso con el testing.

Herramientas

BalsamiqIndigoSketchinVisionMarvelAppDev Frontent*

Testing

inVisionMarvelApp

Dev. FE/BE Programar con datos �cticios yel frontend.

Herramientas

YeomanLaravel (PHP)Cualquier sábor de JavascriptHosting-> VPS

Testing

Testing en dispositivosEntrevistas, grabarreacciones

reacciones

Feedback Las métricas nos dan un valor“tangible”.

Herramientas

Google AnalyticsEntrevistas y grabarreaccionessMapas de calor Testing

Crear metas, eventos.Entrevistas, grabarreacciones

ConclusionesConoce primero a tus usuarios (los usuarios de tusclientes) antes de diseñar un producto.No es el estilo visual o diseñar interfaces.llevar tus ideas a un sistema de diseño y realizasiempre testing en cada etapa.

ReferenciasWelcome to the experience economyDiseño para los 5 sentidosDiferencia entre emociones y sentimientosExperience design and information architectureresources