ux / ucd process walmart

16
UX Development Process UX Development Process

Upload: saray-gutierrez-valdes

Post on 18-Feb-2017

77 views

Category:

Design


2 download

TRANSCRIPT

Page 1: UX / UCD Process Walmart

UX Development Process

UX Development Process

Page 2: UX / UCD Process Walmart

UX Development Process

«La premisa principal del Diseño Centrado en el Usuario es que los

mejores productos de diseño son el resultado de entender las

necesidades de las personas que los utilizan» - Design Council

La tecnología teje emociones¿Qué les emociona?Conocer a nuestros clientes

UX Development Process

Page 3: UX / UCD Process Walmart

“Si la experiencia es satisfactoria, la tecnología es exitosa”.

UXFuncionalidadLo que debe hacer

DiseñoQue le guste hacerlo

AccesibilidadQue lo puedan hacer

todos

UsabilidadQue el usuario pueda hacerlo

UX Development Process

Page 4: UX / UCD Process Walmart

UX Development Process

DesarrolloServiciosInfraestructura

ReplanteamientoFactibilidad

Usabilidad

Iteraciones en el proceso

Research Motion DesignInformation A. UI Design TestingFrontEnd

Page 5: UX / UCD Process Walmart

¿Para qué hacer Research?

• Hacer diseños y rediseños acertados. • Reducir tiempos de ajuste en desarrollo. • Quitar las suposiciones del proceso de diseño y desarrollo. • Disminuir costos en capacitación y atención al cliente. • Innovación a partir de opiniones de clientes y métricas.

“Entender a los usuarios y sus necesidades, definir los objetivos del negocio, identificar los requerimientos, características y funcionalidad”.

Recopilación de datos e investigación de antecedentes, esta información identifica las tareas y objetivos del sitio web o aplicación basado en las

necesidades de los clientes, lo que impulsará la solución de diseño críticos.

UX Development Process User Research

Page 6: UX / UCD Process Walmart

Todos los involucrados en el proyecto

Benchmark

y quienes quieran aportar ideas y experiencia

Personas y escenarios

Entrevistas a clientes

Objetivos de negocio

AnalyticsPruebas de usabilidad

Heurística

BrainstormingFactibilidad

AfectacionesViabilidad tecnológicaEsquemas

Notas

Suposiciones Tiempos

Marketing Call Center Negocio Diseño Sistemas

Operaciones Infraestructura Business Analyst

Recopilación de información FactibilidadDefinición de valor

Seguridad

Declaración de problemas

UX ALL

UX Development Process User Research

Móviles

Page 7: UX / UCD Process Walmart

Information Architecture

UX Development Process

Page 8: UX / UCD Process Walmart

UX Development Process Information Architecture

NavegaciónObtención de datos

Definición de serviciosErrores

Diseño de MódulosFlujo del sistemaFuncionalidad

Comprensión de la informaciónEsquemas y estructurasOrganizar contenidos

DocumentaciónJerarquía

“Mejores diseños para la presentación de la información, obtener una correcta operación y comprensión de los contenidos”.

¿Para qué hacer IA?

Page 9: UX / UCD Process Walmart

UX Development Process

UI Design

Page 10: UX / UCD Process Walmart

UX Development Process UI Design

User Interface Design

Workflows & Interactions

UI

Visual Design

Info

rmat

ion

Arch

itectu

re

Con la información recopilada y diseño colaborativo, se crean wireframes que serán validados por los involucrados en el proyecto. Después se diseñan los elementos y finalmente se crea un prototipo que servirá para mostrar a los usuarios, si se detectan problemas de usabilidad o comprensión, se hacen las correcciones antes de empezar el desarrollo Front End

Wireframe Mockup PrototypeMaqueta

HTML/CSS

Page 11: UX / UCD Process Walmart

UX Development Process

Testing

Page 12: UX / UCD Process Walmart

Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 5 Sprint 6 Sprint 7 Sprint 8

1

2

3

4

Incorporando el proceso a SCRUM

1

2

3

4

Fast and furious Mission ImpossibleResearch

Motion Design

Information A. UI Design

TestingFrontEnd

* Se toma como base un sprint de dos semanas

Fury Road Suicide Squad

UX Development Process

Page 13: UX / UCD Process Walmart

Lo que queremos evitar

I want it yesterday

Dunno’ what I need, just send me a proposal

This was supposed to be included

That’s not what I wanted

The Lord

UX Development Process

Page 14: UX / UCD Process Walmart

Lo que queremos evitar

Cliente

¿Cómo lo compro?

No puedo regresar

WTF

No entiendo

UX Development Process

Page 15: UX / UCD Process Walmart

El Contexto UXLa experiencia estáestrechamente ligada a lasemociones.

UX Development Process

Page 16: UX / UCD Process Walmart

-Los individuos no ganan, los equipos si.