Elastic UX|UI Perfil de la empresa 15-16

21
People will forget what you said. People will forget what you did. But people will never forget how you made them feel. Maya Angelou

Transcript of Elastic UX|UI Perfil de la empresa 15-16

Page 1: Elastic UX|UI Perfil de la empresa 15-16

People will forget what you said.People will forget what you did.But people will never forget how you made them feel.Maya Angelou

Page 2: Elastic UX|UI Perfil de la empresa 15-16

Somos una consultora de diseño. Trabajamos con agencias, empresas de desarrollo tecnológico y clientes directos para resolver procesos complejos en entornos digitales que incrementen beneficios y mejoren la experiencia de los usuarios.

Page 3: Elastic UX|UI Perfil de la empresa 15-16

Para asegurar el mejor resultado, adaptamos nuestra metodología al tiempo, los recursos y a los requerimientos del proyecto.

UI DESIGNDEFINICIÓN DE OBJETIVOS

ANÁLISIS DE USUARIO

HIPÓTESIS DE USO

PROTOTIPOS

PROCESO DE CONSTRUCCIÓN ITERATIVO

Page 4: Elastic UX|UI Perfil de la empresa 15-16

USER EXPERIENCE DESIGN

Estudiamos la experiencia de las personas en el uso de los productos para hacerlos intuitivos, fáciles de usar y únicos.Para cumplir este objetivo evaluamos y documentamos nuestro trabajo creando entregables como los siguientes:-Personas-User Journeys-Mapas de contenido-Sketches, Wireframes y Prototipos

Page 5: Elastic UX|UI Perfil de la empresa 15-16

Personas

Las personas son arquetipos hipotéticos de usuarios reales. Esto nos ayudará a generar empatía y enfocar el desarrollo no sólo a argumentos técnicos sino también a emociones. Para construir estos personajes utilizamos fuentes de información como:-Entrevistas con el cliente-Entrevistas contextuales-Análisis de datos de uso

Page 6: Elastic UX|UI Perfil de la empresa 15-16

User Journeys

Se trata de mapear una hipótesis o caso real de uso de nuestro servicio o negocio en tres etapas:-Pre-servicio,-Durante el servicio y-Post servicio.Este mapa nos describirá lo que sucede, cuándo, cómo y por qué. Con esta información identificaremos riesgos y oportunidades.

Page 7: Elastic UX|UI Perfil de la empresa 15-16

Mapas de contenidos

Se trata de una técnica de visualización de datos para ordenar y entender el contenido.La correcta organización del contenido nos permitirá alinear los objetivos del negocio o servicio con las necesidades del usuario.

Page 8: Elastic UX|UI Perfil de la empresa 15-16

Sketches, Wireframes y Prototipos

Trasladamos todo el proceso de conceptualización a la interfaz. Representamos gráficamente las diferentes soluciones que permiten comprender de forma más profunda el funcionamiento de un negocio o servicio.

Page 9: Elastic UX|UI Perfil de la empresa 15-16

USER INTERFACE DESIGN

Diseñamos centrados en el usuario, para que la tecnología pase desapercibida creando experiencias satisfactorias y memorables. Construimos un marco de desarrollo gráfico que permite alcanzar los objetivos de negocio o servicio y cuidar los valores de marca.

Page 10: Elastic UX|UI Perfil de la empresa 15-16

CASOS DE ESTUDIO

Page 11: Elastic UX|UI Perfil de la empresa 15-16

DOBLE O

SUNN, de alpha a beta, una interfaz usable lista para su desarrollo

Nuestro objetivo fue crear una estructura y lenguaje gráfico que le permitiese pasar de una etapa alpha a beta. En la etapa alpha se encontraba desarrollado el algoritmo que permite relacionar a estos actores de forma eficiente durante el proceso de scouting. El proyecto se desarrolló en un período de 2 meses.

CASO DEESTUDIO

Page 12: Elastic UX|UI Perfil de la empresa 15-16

Landing pageLanding pageBeta game

Profile beta tester

Discovering beta tester

Welcomeback

Guidedvisit

Profile new user

Registration Email validation

NO

Future Medicine

Water Treatment and Pur...

Bioengineering

Big Data, Enterprise Soft...

Agri-Food Technologies

Sustainable Buildin

Automotive and Transp...

Grids and Smart Grids

Functional and Smart...

Air Pollution Control

Bioenergy

Waste to resource

Medical Devices

Renewable Energy

Semiconductors, electr...

Biomaterials

Structural Materials

ONBOARDING BETA-GAME

Page 13: Elastic UX|UI Perfil de la empresa 15-16

Los resultados generados durante la ejecución del proyecto se repartieron en 6 hitos en 3 meses de trabajo. Cada tarea se realizó de forma simultánea e iterativa.

Page 14: Elastic UX|UI Perfil de la empresa 15-16

FARMACIA JIMÉNEZ

Atención profesional de la farmacia digital sin perder la esencia en su servicio

El entorno online para el sector farmacéutico representa un escenario lleno de oportunidades. Nuestro objetivo ha sido trasladar los valores de marca y excelencia en el servicio de Farmacia Jiménez al canal web. Actulamente participamos en la estrategia de negocio y damos soporte en el desarrollo evolutivo de la plataforma de eCommerce.

CASO DEESTUDIO

Page 15: Elastic UX|UI Perfil de la empresa 15-16
Page 16: Elastic UX|UI Perfil de la empresa 15-16

Establecer los criterios adecuados de medición e interpretar los datos obtenidos ha sido un ejercicio constante desde el día del lanzamiento del sitio. Los resultados de cada informe se han traducido en acciones de refuerzo para maximizar las oportunidades, centrados en la satisfacción de las necesidades de los usuarios.

Page 17: Elastic UX|UI Perfil de la empresa 15-16

WYSIWYG

Diseñar una experiencia digital multidispositivo

Rediseñar y optimizar la gestión de interiorsfromspain.com y fashionfromspain.com, dos publicaciones online de ICEX dedicadas a promocionar internacionalmente el diseño español de moda e interiorismo.

CASO DEESTUDIO

Page 18: Elastic UX|UI Perfil de la empresa 15-16

Dropdowns

Buttons

Español

Español

Español

Español

English

static

hover

static

hover

static

hover

Filtrar por:

Buscar por:

Sector

Mueble

...

Oficina

Baño

Sector

Sector

Dropdowns

Buttons

Español

Español

Español

Español

English

static

hover

static

hover

static

hover

Filtrar por:

Buscar por:

Sector

Mueble

...

Oficina

Baño

Sector

Sector

Page 19: Elastic UX|UI Perfil de la empresa 15-16

La documentación y resultados generados durante todo el proceso de definición del proyecto, se concretó en 4 informes finales que ayudarían al cliente a continuar con una evolución sostenible de los portales.

ARQUITECTURA

WIREFRAMES

DISEÑO VISUAL

GUÍA DE ESTILO

Page 20: Elastic UX|UI Perfil de la empresa 15-16

Sebastián Unda

Consultor UX

609 21 69 17

[email protected]

Teresa Bolaños

Diseñadora UI

672 20 68 72

[email protected]

Si deseas tomar una taza de café con nosotros estamos en la calle O‘Donnell 4, Oficina 18. Madrid

Diseñamos con y para personas, centrados en hacer sencillas, agradables y útiles las cosas complejas.

Page 21: Elastic UX|UI Perfil de la empresa 15-16

www.3lastic.com