SlideShare una empresa de Scribd logo

Real UX Whitepaper

Raona
Raona

Real UX Whitepaper by Raona. El secreto para hacer de tus aplicaciones un éxito.

1 de 16
Descargar para leer sin conexión
REAL UXEL SECRETO PARA HACER DE TUS APLICACIONES UN ÉXITO
SKILLS
WHITEPAPER
JUNIO
2016
ABOUT RAONA
Cristina Torné es UX Architect en Raona. Lidera uno de los equipos de UI/UX encargados de
conceptualizar, diseñar y desarrollar soluciones ad hoc para importantes compañías internacio-
nales. Su principal foco es traducir los objetivos de negocio en experiencias digitales tangibles
y usables.
Òscar Oto es UX Architect en Raona. Conceptualiza , diseña y desarrolla experiencias digitales
para aplicaciones de escritorio , móviles y web a través de plataformas y dispositivos. Sus áreas
de especialización incluyen la dirección de arte , diseño web y de aplicaciones , la experiencia
del usuario , diseño de interacción , pruebas de usuario y Design thinking. Está especializado en
aplicaciones de negocio.
Consultora en nuevas tecnologías especializada en el desarrollo de soluciones tecnológicas a
medida que aportan valor al negocio y que ofrece soluciones de intranets sociales, desarrollo de
software, SharePoint, Touch&Mobility, portales web, Cloud integration y user experience.
Nace en 2003 en Barcelona y cuenta con oficinas en Madrid, Londres, Andorra y Argentina. Con
más de 120 ingenieros, es Gold Partner de Microsoft y una de las empresas líderes en el desarrol-
lo de soluciones en el mercado español con fuerte presencia internacional.
Sobre nosotros
REAL UXWHITEPAPER
Photo comment: Ude­
mus omplinv eniquesa
conduciordi, cantur.
Basar el diseño de una solución en aplicar una serie de patrones universales, heurísticas, es-
tándares, y las últimas tendencias de diseño visual no garantiza que el resultado final tenga una
buena experiencia de usuario (UX). Ni siquiera garantiza que sea usable.
Una buena experiencia de usuario depende de que el diseño resuelva los problemas adecuados
de la forma en qué sus usuarios esperan. Y eso no se consigue contando con un gran diseñador
y confiando en su intuición o bagaje, sino con un equipo y un proceso centrado en conocer las
experiencias y el contexto del usuario, y modelando la solución en base a ello. Es por eso, que lo
mejor es “matar al genius designer”.
El camino a la mediocridad está plagado de estándares, buenas prácticas y guías de diseño. Os
queremos contar las claves que, después de años de proyectos exitosos, creemos que permiten
desarrollar la aplicación que el usuario necesita y que esté alineada con los objetivos de negocio.
Kill the genius designer
4
User & Business
Centered Design
El campo de la user experience y los procesos de UX es suma­
mente teórico y se ha escrito y se sigue escribiendo muchísimo
sobre ello. Pero lejos de la literatura lo cierto es que la experi­
encia durante estos últimos diez años nos ha demostrado que
para diseñar una solución de éxito es necesario involu-
crar a los usuarios, al negocio y al equipo en construir ese
diseño único y tangible. Es lo que llamamos Real UX.
En Raona trabajamos con clientes que necesitan diseñar o re­
diseñar una aplicación o un software a medida.
Desde el departamento de UX nos encargamos de definir el
modelo de interacción, cómo los usuarios interactúan con la
solución, y su presentación visual y diseño.
Nuestra responsabilidad es identificar con precisión cuál es
la necesidad que quieren solventar usuarios y empresa, así
como saber de qué manera resolverla para adecuarla a lo que
ambos esperan. Disponiendo de esta información podemos
modelar la mejor solución posible. Una solución que a lo largo
del proceso de UX se irá validando y refinando.
REAL UXWHITEPAPER
5
Para asegurarnos una buena experiencia de usuario necesitamos, por tanto, averiguar
qué les preocupa y cómo resolverlo, y en este punto de nada sirven las grandes ideas o
las teorías del mundo de la usabilidad. Las hipótesis en este inicio del proceso no son
válidas, necesitamos la user evidence que obtenemos a través de workshops, entrevis­
tas y otras técnicas.
El diseño centrado en usuario es una idea muy presente en el corazón de la UX,
pero en paralelo también tenemos que trabajar para conocer los objetivos de ne­
gocio y alinear estos dos mundos, en muchas ocasiones divergentes, en una solu­
ción adecuada para ambos. Es lo que llamamos User & Business Centered Design.
Para descubrir lo que realmente necesitan usuarios y negocio es habitual plantear en­
trevistas o rondas de preguntas abiertas, pero nosotros apostamos desde hace tiempo
por un proceso que reúne una serie de técnicas, modelos y patrones focalizadas
en obtener resultados eficaces para poder diseñar una solución.
REAL UXWHITEPAPER
PRODUCT THINKING
Llamada a ser la “next big thing” dentro del mundo de la UX, el product thinking va más allá del concepto de la UX como el
conjunto de características de un producto diseñadas de tal forma para hacer la experiencia del usuario fácil y satisfactoria. Las
funcionalidades son solo una pequeña parte del producto y centrar la UX solo en ellas hace que perdamos el objetivo esencial:
¿para qué sirve?
El product thinking propone un proceso para que esto no pase. Piensa en el usuario y se pregunta qué problemas resuelve el
producto, quién tiene estos problemas (define al público objetivo), por qué lo hacemos (visión) y cómo lo hacemos (estrategia).
Tener respuesta a estas preguntas ofrece la orientación necesaria para crear ahora sí las características y los objetivos de un
producto de éxito. Porque los productos cobran sentido cuando la solución aportada se ajusta a un problema no cubierto, y que
es la esencia de la UX.
Pensar en los productos favorece a que los diseñadores construyan las características adecuadas para las personas adecuadas y
se den soluciones a los problemas reales que tiene la gente.
6
El problema está en que si empezára­
mos a desarrollar nuestra aplicación en
este punto no estaría para nada alineada
con el negocio ni con los usuarios. Oper­
ar de esta manera conlleva entrar en una
dinámica incómoda para todas las par­
tes implicadas con pérdidas de tiempo,
frustración y cambios de reque­rimientos
de forma frecuente.
En Raona hemos introducido varios el­
ementos en nuestro proceso de UX que
nos ayudan a reducir y mucho este ries­
go. Por un lado, establecer una fase de
análisis, la User & Business Centered
Design, en la que a grandes rasgos ex­
traemos toda la información válida del
cliente, los usuarios y el equipo de Ra­
ona mediante workshops, sesiones con
usuarios, técnicas de análisis y Design
Thinking. Una segunda etapa en la que
creamos soluciones usables e intuiti-
vas a través de Creative Briefs, en los
que se trabaja el modelado del concep­
to, para posteriormente iterar, validar y
evolucionar esta idea.
REAL UXWHITEPAPER
El primer paso en el proceso de UX es la confección de la visión. Es el punto de salida
antes de poner en marcha el modelado de la aplicación. Cuando uno explica su visión
o idea, asume que todos entienden los mismo que él, y esto raramente ocurre. Cada
persona crea su propia visión en base a experiencias y conocimientos previos, lo
que en Raona llamamos abanico de visión.
El abanico de visión
AGILE UX
La Agile UX surgió como tentativa para integrar la metodología Agile con
los métodos de los diseñadores de UX, es decir, para unir a desarrolla-
dores y diseñadores en un proceso de desarrollo de producto Agile. El
problema está en que los diseñadores de UX necesitan un tiempo y unas
dinámicas de trabajo diferentes a la de los desarrolladores, los cuales me-
diante la metodología scrum pueden hacer sprints de dos o tres semanas
para trabajar las funcionalidades de la aplicación.
Sin embargo, los diseñadores de UX por las características intrínsecas
de su proceso no pueden realizar sus etapas de análisis y validación en
unos períodos de tiempo ajustados. Por eso, la mejor manera de integrar
la UX dentro de empresas que hacen servir Agile es que la UX parta de un
sprint cero, es decir, antes que los desarrolladores empiecen su trabajo se
necesita tener listo el proceso de visión. Una práctica que se va repitiendo
en todas las fases del proceso, por tanto, antes de desarrollar vendría
siempre una etapa de validación.
Publicidad

Recomendados

GenC Company Whitepaper
GenC Company WhitepaperGenC Company Whitepaper
GenC Company WhitepaperRaona
 
Fivenet Whitepaper
Fivenet WhitepaperFivenet Whitepaper
Fivenet WhitepaperRaona
 
Case study Almirall Sphere
Case study Almirall SphereCase study Almirall Sphere
Case study Almirall SphereRaona
 
Case study Ferrovial Coffee
Case study Ferrovial CoffeeCase study Ferrovial Coffee
Case study Ferrovial CoffeeRaona
 
Case Study Venca Gauss
Case Study Venca GaussCase Study Venca Gauss
Case Study Venca GaussRaona
 
Lean IT Whitepaper
Lean IT WhitepaperLean IT Whitepaper
Lean IT WhitepaperRaona
 
Machine Learning Whitepaper
Machine Learning WhitepaperMachine Learning Whitepaper
Machine Learning WhitepaperRaona
 
Dynamics 365 Whitepaper
Dynamics 365 WhitepaperDynamics 365 Whitepaper
Dynamics 365 WhitepaperRaona
 

Más contenido relacionado

La actualidad más candente

Digital Culture Whitepaper
Digital Culture WhitepaperDigital Culture Whitepaper
Digital Culture WhitepaperRaona
 
Digital Workplace Whitepaper
Digital Workplace WhitepaperDigital Workplace Whitepaper
Digital Workplace WhitepaperRaona
 
Collaborative BI Whitepaper
Collaborative BI WhitepaperCollaborative BI Whitepaper
Collaborative BI WhitepaperRaona
 
Case Study Ferrovial Ferronet
Case Study Ferrovial FerronetCase Study Ferrovial Ferronet
Case Study Ferrovial FerronetRaona
 
Coding Corporate Cultures
Coding Corporate CulturesCoding Corporate Cultures
Coding Corporate CulturesRaona
 
Governance Whitepaper
Governance WhitepaperGovernance Whitepaper
Governance WhitepaperRaona
 
5 desafios para una comunicacion interna efectiva
5 desafios para una comunicacion interna efectiva5 desafios para una comunicacion interna efectiva
5 desafios para una comunicacion interna efectivaRaona
 
Case Study Abertis Connectis
Case Study Abertis ConnectisCase Study Abertis Connectis
Case Study Abertis ConnectisRaona
 
Oracle CRM OnDemand por arin innovation
Oracle CRM OnDemand por arin innovation Oracle CRM OnDemand por arin innovation
Oracle CRM OnDemand por arin innovation comunicacionoptimice
 
Case Study Gabarro Lean
Case Study Gabarro LeanCase Study Gabarro Lean
Case Study Gabarro LeanRaona
 
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014Ricard Grau
 
Redes sociales y-empresas-visiongeneral
Redes sociales y-empresas-visiongeneralRedes sociales y-empresas-visiongeneral
Redes sociales y-empresas-visiongeneralRamon Costa i Pujol
 
Presentation attend
Presentation attendPresentation attend
Presentation attendsmucha
 
FlexWork y las Tecnologías de la iProductividad
FlexWork y las Tecnologías de la iProductividadFlexWork y las Tecnologías de la iProductividad
FlexWork y las Tecnologías de la iProductividadRamon Costa i Pujol
 
Raona Corporate Presentation 2017
Raona Corporate Presentation 2017Raona Corporate Presentation 2017
Raona Corporate Presentation 2017Raona
 
Marco Habilidades Digitales para Directivos
Marco Habilidades Digitales para DirectivosMarco Habilidades Digitales para Directivos
Marco Habilidades Digitales para DirectivosMICProductivity
 
Introduccion gestion correoelectronico-ramoncosta
Introduccion gestion correoelectronico-ramoncostaIntroduccion gestion correoelectronico-ramoncosta
Introduccion gestion correoelectronico-ramoncostaRamon Costa i Pujol
 
Habilidades Directivas Digitales para el nuevo mundo del trabajo
Habilidades Directivas Digitales para el nuevo mundo del trabajoHabilidades Directivas Digitales para el nuevo mundo del trabajo
Habilidades Directivas Digitales para el nuevo mundo del trabajoRamon Costa i Pujol
 
Success Story ITT GoCloud
Success Story ITT GoCloudSuccess Story ITT GoCloud
Success Story ITT GoCloudRaona
 

La actualidad más candente (20)

Digital Culture Whitepaper
Digital Culture WhitepaperDigital Culture Whitepaper
Digital Culture Whitepaper
 
Digital Workplace Whitepaper
Digital Workplace WhitepaperDigital Workplace Whitepaper
Digital Workplace Whitepaper
 
Collaborative BI Whitepaper
Collaborative BI WhitepaperCollaborative BI Whitepaper
Collaborative BI Whitepaper
 
Case Study Ferrovial Ferronet
Case Study Ferrovial FerronetCase Study Ferrovial Ferronet
Case Study Ferrovial Ferronet
 
Coding Corporate Cultures
Coding Corporate CulturesCoding Corporate Cultures
Coding Corporate Cultures
 
Governance Whitepaper
Governance WhitepaperGovernance Whitepaper
Governance Whitepaper
 
5 desafios para una comunicacion interna efectiva
5 desafios para una comunicacion interna efectiva5 desafios para una comunicacion interna efectiva
5 desafios para una comunicacion interna efectiva
 
Case Study Abertis Connectis
Case Study Abertis ConnectisCase Study Abertis Connectis
Case Study Abertis Connectis
 
Oracle CRM OnDemand por arin innovation
Oracle CRM OnDemand por arin innovation Oracle CRM OnDemand por arin innovation
Oracle CRM OnDemand por arin innovation
 
Case Study Gabarro Lean
Case Study Gabarro LeanCase Study Gabarro Lean
Case Study Gabarro Lean
 
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014
Artículo revista "Capital humano" Nº 289 - Julio/Agosto 2014
 
Redes sociales y-empresas-visiongeneral
Redes sociales y-empresas-visiongeneralRedes sociales y-empresas-visiongeneral
Redes sociales y-empresas-visiongeneral
 
Presentation attend
Presentation attendPresentation attend
Presentation attend
 
FlexWork y las Tecnologías de la iProductividad
FlexWork y las Tecnologías de la iProductividadFlexWork y las Tecnologías de la iProductividad
FlexWork y las Tecnologías de la iProductividad
 
Raona Corporate Presentation 2017
Raona Corporate Presentation 2017Raona Corporate Presentation 2017
Raona Corporate Presentation 2017
 
Marco Habilidades Digitales para Directivos
Marco Habilidades Digitales para DirectivosMarco Habilidades Digitales para Directivos
Marco Habilidades Digitales para Directivos
 
Introduccion gestion correoelectronico-ramoncosta
Introduccion gestion correoelectronico-ramoncostaIntroduccion gestion correoelectronico-ramoncosta
Introduccion gestion correoelectronico-ramoncosta
 
Habilidades Directivas Digitales para el nuevo mundo del trabajo
Habilidades Directivas Digitales para el nuevo mundo del trabajoHabilidades Directivas Digitales para el nuevo mundo del trabajo
Habilidades Directivas Digitales para el nuevo mundo del trabajo
 
Social networks in-business
Social networks in-businessSocial networks in-business
Social networks in-business
 
Success Story ITT GoCloud
Success Story ITT GoCloudSuccess Story ITT GoCloud
Success Story ITT GoCloud
 

Destacado

What does Office 365 mean for your business?
What does Office 365 mean for your business? What does Office 365 mean for your business?
What does Office 365 mean for your business? Raona
 
Go Modern
Go ModernGo Modern
Go ModernRaona
 
Next steps for your Enterprise Social
Next steps for your Enterprise Social Next steps for your Enterprise Social
Next steps for your Enterprise Social Raona
 
Modernize your business - Strategies & Trends
Modernize your business - Strategies & TrendsModernize your business - Strategies & Trends
Modernize your business - Strategies & TrendsRaona
 
When SharePoint, Yammer or Custom solution uk
When SharePoint, Yammer or Custom solution ukWhen SharePoint, Yammer or Custom solution uk
When SharePoint, Yammer or Custom solution ukRaona
 
Optimización sharepoint
Optimización sharepointOptimización sharepoint
Optimización sharepointRaona
 
Raona exprime tu SharePoint
Raona exprime tu SharePointRaona exprime tu SharePoint
Raona exprime tu SharePointRaona
 
Ideris Cloud Backup
Ideris Cloud BackupIderis Cloud Backup
Ideris Cloud BackupRaona
 
Raona pills 2014 productividad personal - gtd
Raona pills 2014   productividad personal - gtdRaona pills 2014   productividad personal - gtd
Raona pills 2014 productividad personal - gtdRaona
 
Piu Point, best sharepoint social strategy
Piu Point,  best sharepoint social strategyPiu Point,  best sharepoint social strategy
Piu Point, best sharepoint social strategyRaona
 
Go to Social
Go to SocialGo to Social
Go to SocialRaona
 
The New Enterprise Social (UK)
The New Enterprise Social (UK) The New Enterprise Social (UK)
The New Enterprise Social (UK) Raona
 
what to do to align sharepoint with your business needs?
what to do to align sharepoint with your business needs?what to do to align sharepoint with your business needs?
what to do to align sharepoint with your business needs?Raona
 
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"Raona
 
Introduction to Yammer: Working Social - SharePoint Day 2013
Introduction to Yammer: Working Social - SharePoint Day 2013Introduction to Yammer: Working Social - SharePoint Day 2013
Introduction to Yammer: Working Social - SharePoint Day 2013Raona
 
NHS Improvement Programme by raona
NHS Improvement Programme by raonaNHS Improvement Programme by raona
NHS Improvement Programme by raonaRaona
 
Raona DataViewer
Raona DataViewerRaona DataViewer
Raona DataViewerRaona
 

Destacado (20)

What does Office 365 mean for your business?
What does Office 365 mean for your business? What does Office 365 mean for your business?
What does Office 365 mean for your business?
 
Go Modern
Go ModernGo Modern
Go Modern
 
Next steps for your Enterprise Social
Next steps for your Enterprise Social Next steps for your Enterprise Social
Next steps for your Enterprise Social
 
Modernize your business - Strategies & Trends
Modernize your business - Strategies & TrendsModernize your business - Strategies & Trends
Modernize your business - Strategies & Trends
 
When SharePoint, Yammer or Custom solution uk
When SharePoint, Yammer or Custom solution ukWhen SharePoint, Yammer or Custom solution uk
When SharePoint, Yammer or Custom solution uk
 
Optimización sharepoint
Optimización sharepointOptimización sharepoint
Optimización sharepoint
 
Raona exprime tu SharePoint
Raona exprime tu SharePointRaona exprime tu SharePoint
Raona exprime tu SharePoint
 
Ideris Cloud Backup
Ideris Cloud BackupIderis Cloud Backup
Ideris Cloud Backup
 
Raona pills 2014 productividad personal - gtd
Raona pills 2014   productividad personal - gtdRaona pills 2014   productividad personal - gtd
Raona pills 2014 productividad personal - gtd
 
Piu Point, best sharepoint social strategy
Piu Point,  best sharepoint social strategyPiu Point,  best sharepoint social strategy
Piu Point, best sharepoint social strategy
 
Go to Social
Go to SocialGo to Social
Go to Social
 
The New Enterprise Social (UK)
The New Enterprise Social (UK) The New Enterprise Social (UK)
The New Enterprise Social (UK)
 
what to do to align sharepoint with your business needs?
what to do to align sharepoint with your business needs?what to do to align sharepoint with your business needs?
what to do to align sharepoint with your business needs?
 
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"
ESPC14 Presentation, David Bernal - "Make your Social Intranet a Success"
 
Introduction to Yammer: Working Social - SharePoint Day 2013
Introduction to Yammer: Working Social - SharePoint Day 2013Introduction to Yammer: Working Social - SharePoint Day 2013
Introduction to Yammer: Working Social - SharePoint Day 2013
 
NHS Improvement Programme by raona
NHS Improvement Programme by raonaNHS Improvement Programme by raona
NHS Improvement Programme by raona
 
Raona DataViewer
Raona DataViewerRaona DataViewer
Raona DataViewer
 
Presentación Corporativa 2014
Presentación Corporativa 2014Presentación Corporativa 2014
Presentación Corporativa 2014
 
Presentacion adelanto en el tiempo - Insare
Presentacion adelanto en el tiempo - InsarePresentacion adelanto en el tiempo - Insare
Presentacion adelanto en el tiempo - Insare
 
Profesionales_20101018_56-59
Profesionales_20101018_56-59Profesionales_20101018_56-59
Profesionales_20101018_56-59
 

Similar a Real UX Whitepaper

Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar uxCarlos Martin
 
+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia
 
Hacia una transformación en la organización, los retos de incorporar los nive...
Hacia una transformación en la organización, los retos de incorporar los nive...Hacia una transformación en la organización, los retos de incorporar los nive...
Hacia una transformación en la organización, los retos de incorporar los nive...Zaira Amanda García González
 
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...VictorHuguet
 
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuario
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuarioC%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuario
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuarioguest81e719
 
Design thinking en la gestión de proyectos
Design thinking en la gestión de proyectosDesign thinking en la gestión de proyectos
Design thinking en la gestión de proyectosEnrique Villarroel
 
UX en emprendimientos Caso de estudio - Campus party 2019
UX en emprendimientos Caso de estudio - Campus party 2019 UX en emprendimientos Caso de estudio - Campus party 2019
UX en emprendimientos Caso de estudio - Campus party 2019 Fabrizio González Maroso
 
Episodio 2 de 12: User-Centered Design by IBM UX Designer
Episodio 2 de 12: User-Centered Design by IBM UX DesignerEpisodio 2 de 12: User-Centered Design by IBM UX Designer
Episodio 2 de 12: User-Centered Design by IBM UX DesignerProduct School
 
Buenas prácticas y pautas de UX para un proyecto digital
Buenas prácticas y pautas de UX para un proyecto digitalBuenas prácticas y pautas de UX para un proyecto digital
Buenas prácticas y pautas de UX para un proyecto digitalSandra Vilchez
 
[UXday] Guías de UX
[UXday] Guías de UX[UXday] Guías de UX
[UXday] Guías de UXMultiplica
 
Formacion para la transformación detuatuformacion
Formacion para la transformación detuatuformacionFormacion para la transformación detuatuformacion
Formacion para la transformación detuatuformaciondetuatuformacion
 
FOLLETO DESIGN THINKING 2014
FOLLETO DESIGN THINKING 2014FOLLETO DESIGN THINKING 2014
FOLLETO DESIGN THINKING 2014Paula Broitman
 
Diseño de negocios exponenciales I
Diseño de negocios exponenciales IDiseño de negocios exponenciales I
Diseño de negocios exponenciales IJuan Mejia
 
Experiencia de Usuario (UX) y Propuesta de Valor
Experiencia de Usuario (UX) y Propuesta de Valor Experiencia de Usuario (UX) y Propuesta de Valor
Experiencia de Usuario (UX) y Propuesta de Valor Fernando Cea
 

Similar a Real UX Whitepaper (20)

Curso Taller LEAN UX Clase 01/04
Curso Taller LEAN UX Clase 01/04Curso Taller LEAN UX Clase 01/04
Curso Taller LEAN UX Clase 01/04
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
 
Consultoria WEB
Consultoria WEBConsultoria WEB
Consultoria WEB
 
+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia soluciones digitales
+innoventia soluciones digitales
 
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptxGUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
 
Microsoft
MicrosoftMicrosoft
Microsoft
 
Hacia una transformación en la organización, los retos de incorporar los nive...
Hacia una transformación en la organización, los retos de incorporar los nive...Hacia una transformación en la organización, los retos de incorporar los nive...
Hacia una transformación en la organización, los retos de incorporar los nive...
 
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...
victor huguet nuñez, design thinking, pyme, asesoria empresas, transformacion...
 
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuario
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuarioC%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuario
C%C3%B3mo%20definir%20un%20proyecto%20web%20enfocado%20al%20usuario
 
Video 1
Video 1Video 1
Video 1
 
Design thinking en la gestión de proyectos
Design thinking en la gestión de proyectosDesign thinking en la gestión de proyectos
Design thinking en la gestión de proyectos
 
UX en emprendimientos Caso de estudio - Campus party 2019
UX en emprendimientos Caso de estudio - Campus party 2019 UX en emprendimientos Caso de estudio - Campus party 2019
UX en emprendimientos Caso de estudio - Campus party 2019
 
Episodio 2 de 12: User-Centered Design by IBM UX Designer
Episodio 2 de 12: User-Centered Design by IBM UX DesignerEpisodio 2 de 12: User-Centered Design by IBM UX Designer
Episodio 2 de 12: User-Centered Design by IBM UX Designer
 
Buenas prácticas y pautas de UX para un proyecto digital
Buenas prácticas y pautas de UX para un proyecto digitalBuenas prácticas y pautas de UX para un proyecto digital
Buenas prácticas y pautas de UX para un proyecto digital
 
[UXday] Guías de UX
[UXday] Guías de UX[UXday] Guías de UX
[UXday] Guías de UX
 
Formacion para la transformación detuatuformacion
Formacion para la transformación detuatuformacionFormacion para la transformación detuatuformacion
Formacion para la transformación detuatuformacion
 
FOLLETO DESIGN THINKING 2014
FOLLETO DESIGN THINKING 2014FOLLETO DESIGN THINKING 2014
FOLLETO DESIGN THINKING 2014
 
Diseño de negocios exponenciales I
Diseño de negocios exponenciales IDiseño de negocios exponenciales I
Diseño de negocios exponenciales I
 
Experiencia de Usuario (UX) y Propuesta de Valor
Experiencia de Usuario (UX) y Propuesta de Valor Experiencia de Usuario (UX) y Propuesta de Valor
Experiencia de Usuario (UX) y Propuesta de Valor
 
Metodología.pptx
Metodología.pptxMetodología.pptx
Metodología.pptx
 

Más de Raona

Power Platform, the low code experience by Raona
Power Platform, the low code experience by RaonaPower Platform, the low code experience by Raona
Power Platform, the low code experience by RaonaRaona
 
¿Qué es y qué puedo hacer con Microsoft Teams?
¿Qué es y qué puedo hacer con Microsoft Teams?¿Qué es y qué puedo hacer con Microsoft Teams?
¿Qué es y qué puedo hacer con Microsoft Teams?Raona
 
10 consejos para el exito en el teletrabajo
10  consejos para el exito en el teletrabajo10  consejos para el exito en el teletrabajo
10 consejos para el exito en el teletrabajoRaona
 
Power Platform 2020
Power Platform 2020Power Platform 2020
Power Platform 2020Raona
 
Cuando usar teams, share point, ondrive o yammer
Cuando usar teams, share point, ondrive o yammerCuando usar teams, share point, ondrive o yammer
Cuando usar teams, share point, ondrive o yammerRaona
 
Buenas practicas en Microsoft Teams
Buenas practicas en Microsoft TeamsBuenas practicas en Microsoft Teams
Buenas practicas en Microsoft TeamsRaona
 
Microsoft Teams Quick Deployment
Microsoft Teams Quick DeploymentMicrosoft Teams Quick Deployment
Microsoft Teams Quick DeploymentRaona
 
Office365 Quick Tour
Office365 Quick Tour Office365 Quick Tour
Office365 Quick Tour Raona
 
Enterprise SaaS Whitepaper
Enterprise SaaS WhitepaperEnterprise SaaS Whitepaper
Enterprise SaaS WhitepaperRaona
 

Más de Raona (9)

Power Platform, the low code experience by Raona
Power Platform, the low code experience by RaonaPower Platform, the low code experience by Raona
Power Platform, the low code experience by Raona
 
¿Qué es y qué puedo hacer con Microsoft Teams?
¿Qué es y qué puedo hacer con Microsoft Teams?¿Qué es y qué puedo hacer con Microsoft Teams?
¿Qué es y qué puedo hacer con Microsoft Teams?
 
10 consejos para el exito en el teletrabajo
10  consejos para el exito en el teletrabajo10  consejos para el exito en el teletrabajo
10 consejos para el exito en el teletrabajo
 
Power Platform 2020
Power Platform 2020Power Platform 2020
Power Platform 2020
 
Cuando usar teams, share point, ondrive o yammer
Cuando usar teams, share point, ondrive o yammerCuando usar teams, share point, ondrive o yammer
Cuando usar teams, share point, ondrive o yammer
 
Buenas practicas en Microsoft Teams
Buenas practicas en Microsoft TeamsBuenas practicas en Microsoft Teams
Buenas practicas en Microsoft Teams
 
Microsoft Teams Quick Deployment
Microsoft Teams Quick DeploymentMicrosoft Teams Quick Deployment
Microsoft Teams Quick Deployment
 
Office365 Quick Tour
Office365 Quick Tour Office365 Quick Tour
Office365 Quick Tour
 
Enterprise SaaS Whitepaper
Enterprise SaaS WhitepaperEnterprise SaaS Whitepaper
Enterprise SaaS Whitepaper
 

Último

Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdf
Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdfCaso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdf
Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdfcasoacerosdeguatemal
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...NicolleAndrade7
 
EJEMPLO CARTA DE CORRESPONDENCIA EN WORD
EJEMPLO CARTA DE CORRESPONDENCIA EN WORDEJEMPLO CARTA DE CORRESPONDENCIA EN WORD
EJEMPLO CARTA DE CORRESPONDENCIA EN WORDlaurarojas788
 
Situación comparativa de los Ferrocarriles en el mundo y en Colombia
Situación comparativa de los Ferrocarriles en el mundo y en ColombiaSituación comparativa de los Ferrocarriles en el mundo y en Colombia
Situación comparativa de los Ferrocarriles en el mundo y en ColombiaEnrique Posada
 
Operadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónOperadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónEdith Puclla
 
Ley de Delitos Informaticos y su aplicación en el sector privado.pptx
Ley de Delitos Informaticos y su aplicación en el sector privado.pptxLey de Delitos Informaticos y su aplicación en el sector privado.pptx
Ley de Delitos Informaticos y su aplicación en el sector privado.pptxBasile
 
Combinación de correspondencia Sebastián Pérez
Combinación de correspondencia Sebastián PérezCombinación de correspondencia Sebastián Pérez
Combinación de correspondencia Sebastián PérezSebastinPrez67
 
Realiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCARealiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCAMaxime Chambreuil
 
Taller crear carta de correspondencia.docx.pdf
Taller crear carta de correspondencia.docx.pdfTaller crear carta de correspondencia.docx.pdf
Taller crear carta de correspondencia.docx.pdfSEBASTIANMICOLTA
 
Premio (tecnología actividad)combinación...
Premio (tecnología actividad)combinación...Premio (tecnología actividad)combinación...
Premio (tecnología actividad)combinación...NicolleAndrade7
 
IT + IA, La integración de la inteligencia artificial en las redes de comunic...
IT + IA, La integración de la inteligencia artificial en las redes de comunic...IT + IA, La integración de la inteligencia artificial en las redes de comunic...
IT + IA, La integración de la inteligencia artificial en las redes de comunic...Educática
 
Practica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosPractica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosChristianRivera122452
 
David_Gallegos - tarea de la sesión 2.pptx
David_Gallegos - tarea de la sesión 2.pptxDavid_Gallegos - tarea de la sesión 2.pptx
David_Gallegos - tarea de la sesión 2.pptxDAVIDROBERTOGALLEGOS
 
Teñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesTeñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesCHEMPRO
 
Manual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffManual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffDomotica daVinci
 
Carta Word y excel: Primer trabajo tecnología
Carta Word y excel: Primer trabajo tecnologíaCarta Word y excel: Primer trabajo tecnología
Carta Word y excel: Primer trabajo tecnologíaSofiaDiaz692624
 
COMBINACIONES CORRESPONDENCIA con base de datos excel
COMBINACIONES CORRESPONDENCIA con base de datos excelCOMBINACIONES CORRESPONDENCIA con base de datos excel
COMBINACIONES CORRESPONDENCIA con base de datos excelSergioPerdomo20
 
Es una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingEs una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingcarlocarrillocacc
 
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxTarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxVICTORMANUELBEASAGUI
 
Las Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosLas Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosvikicarmine14
 

Último (20)

Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdf
Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdfCaso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdf
Caso Aceros de Guatemala: Innovación Estética y Sostenibilidad.pdf
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...
 
EJEMPLO CARTA DE CORRESPONDENCIA EN WORD
EJEMPLO CARTA DE CORRESPONDENCIA EN WORDEJEMPLO CARTA DE CORRESPONDENCIA EN WORD
EJEMPLO CARTA DE CORRESPONDENCIA EN WORD
 
Situación comparativa de los Ferrocarriles en el mundo y en Colombia
Situación comparativa de los Ferrocarriles en el mundo y en ColombiaSituación comparativa de los Ferrocarriles en el mundo y en Colombia
Situación comparativa de los Ferrocarriles en el mundo y en Colombia
 
Operadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónOperadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatización
 
Ley de Delitos Informaticos y su aplicación en el sector privado.pptx
Ley de Delitos Informaticos y su aplicación en el sector privado.pptxLey de Delitos Informaticos y su aplicación en el sector privado.pptx
Ley de Delitos Informaticos y su aplicación en el sector privado.pptx
 
Combinación de correspondencia Sebastián Pérez
Combinación de correspondencia Sebastián PérezCombinación de correspondencia Sebastián Pérez
Combinación de correspondencia Sebastián Pérez
 
Realiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCARealiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCA
 
Taller crear carta de correspondencia.docx.pdf
Taller crear carta de correspondencia.docx.pdfTaller crear carta de correspondencia.docx.pdf
Taller crear carta de correspondencia.docx.pdf
 
Premio (tecnología actividad)combinación...
Premio (tecnología actividad)combinación...Premio (tecnología actividad)combinación...
Premio (tecnología actividad)combinación...
 
IT + IA, La integración de la inteligencia artificial en las redes de comunic...
IT + IA, La integración de la inteligencia artificial en las redes de comunic...IT + IA, La integración de la inteligencia artificial en las redes de comunic...
IT + IA, La integración de la inteligencia artificial en las redes de comunic...
 
Practica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosPractica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datos
 
David_Gallegos - tarea de la sesión 2.pptx
David_Gallegos - tarea de la sesión 2.pptxDavid_Gallegos - tarea de la sesión 2.pptx
David_Gallegos - tarea de la sesión 2.pptx
 
Teñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesTeñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y Descargables
 
Manual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffManual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 Sonoff
 
Carta Word y excel: Primer trabajo tecnología
Carta Word y excel: Primer trabajo tecnologíaCarta Word y excel: Primer trabajo tecnología
Carta Word y excel: Primer trabajo tecnología
 
COMBINACIONES CORRESPONDENCIA con base de datos excel
COMBINACIONES CORRESPONDENCIA con base de datos excelCOMBINACIONES CORRESPONDENCIA con base de datos excel
COMBINACIONES CORRESPONDENCIA con base de datos excel
 
Es una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingEs una presentacion de memorias usb para booting
Es una presentacion de memorias usb para booting
 
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxTarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
 
Las Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosLas Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitos
 

Real UX Whitepaper

  • 1. REAL UXEL SECRETO PARA HACER DE TUS APLICACIONES UN ÉXITO SKILLS WHITEPAPER JUNIO 2016
  • 2. ABOUT RAONA Cristina Torné es UX Architect en Raona. Lidera uno de los equipos de UI/UX encargados de conceptualizar, diseñar y desarrollar soluciones ad hoc para importantes compañías internacio- nales. Su principal foco es traducir los objetivos de negocio en experiencias digitales tangibles y usables. Òscar Oto es UX Architect en Raona. Conceptualiza , diseña y desarrolla experiencias digitales para aplicaciones de escritorio , móviles y web a través de plataformas y dispositivos. Sus áreas de especialización incluyen la dirección de arte , diseño web y de aplicaciones , la experiencia del usuario , diseño de interacción , pruebas de usuario y Design thinking. Está especializado en aplicaciones de negocio. Consultora en nuevas tecnologías especializada en el desarrollo de soluciones tecnológicas a medida que aportan valor al negocio y que ofrece soluciones de intranets sociales, desarrollo de software, SharePoint, Touch&Mobility, portales web, Cloud integration y user experience. Nace en 2003 en Barcelona y cuenta con oficinas en Madrid, Londres, Andorra y Argentina. Con más de 120 ingenieros, es Gold Partner de Microsoft y una de las empresas líderes en el desarrol- lo de soluciones en el mercado español con fuerte presencia internacional. Sobre nosotros REAL UXWHITEPAPER
  • 3. Photo comment: Ude­ mus omplinv eniquesa conduciordi, cantur. Basar el diseño de una solución en aplicar una serie de patrones universales, heurísticas, es- tándares, y las últimas tendencias de diseño visual no garantiza que el resultado final tenga una buena experiencia de usuario (UX). Ni siquiera garantiza que sea usable. Una buena experiencia de usuario depende de que el diseño resuelva los problemas adecuados de la forma en qué sus usuarios esperan. Y eso no se consigue contando con un gran diseñador y confiando en su intuición o bagaje, sino con un equipo y un proceso centrado en conocer las experiencias y el contexto del usuario, y modelando la solución en base a ello. Es por eso, que lo mejor es “matar al genius designer”. El camino a la mediocridad está plagado de estándares, buenas prácticas y guías de diseño. Os queremos contar las claves que, después de años de proyectos exitosos, creemos que permiten desarrollar la aplicación que el usuario necesita y que esté alineada con los objetivos de negocio. Kill the genius designer
  • 4. 4 User & Business Centered Design El campo de la user experience y los procesos de UX es suma­ mente teórico y se ha escrito y se sigue escribiendo muchísimo sobre ello. Pero lejos de la literatura lo cierto es que la experi­ encia durante estos últimos diez años nos ha demostrado que para diseñar una solución de éxito es necesario involu- crar a los usuarios, al negocio y al equipo en construir ese diseño único y tangible. Es lo que llamamos Real UX. En Raona trabajamos con clientes que necesitan diseñar o re­ diseñar una aplicación o un software a medida. Desde el departamento de UX nos encargamos de definir el modelo de interacción, cómo los usuarios interactúan con la solución, y su presentación visual y diseño. Nuestra responsabilidad es identificar con precisión cuál es la necesidad que quieren solventar usuarios y empresa, así como saber de qué manera resolverla para adecuarla a lo que ambos esperan. Disponiendo de esta información podemos modelar la mejor solución posible. Una solución que a lo largo del proceso de UX se irá validando y refinando. REAL UXWHITEPAPER
  • 5. 5 Para asegurarnos una buena experiencia de usuario necesitamos, por tanto, averiguar qué les preocupa y cómo resolverlo, y en este punto de nada sirven las grandes ideas o las teorías del mundo de la usabilidad. Las hipótesis en este inicio del proceso no son válidas, necesitamos la user evidence que obtenemos a través de workshops, entrevis­ tas y otras técnicas. El diseño centrado en usuario es una idea muy presente en el corazón de la UX, pero en paralelo también tenemos que trabajar para conocer los objetivos de ne­ gocio y alinear estos dos mundos, en muchas ocasiones divergentes, en una solu­ ción adecuada para ambos. Es lo que llamamos User & Business Centered Design. Para descubrir lo que realmente necesitan usuarios y negocio es habitual plantear en­ trevistas o rondas de preguntas abiertas, pero nosotros apostamos desde hace tiempo por un proceso que reúne una serie de técnicas, modelos y patrones focalizadas en obtener resultados eficaces para poder diseñar una solución. REAL UXWHITEPAPER PRODUCT THINKING Llamada a ser la “next big thing” dentro del mundo de la UX, el product thinking va más allá del concepto de la UX como el conjunto de características de un producto diseñadas de tal forma para hacer la experiencia del usuario fácil y satisfactoria. Las funcionalidades son solo una pequeña parte del producto y centrar la UX solo en ellas hace que perdamos el objetivo esencial: ¿para qué sirve? El product thinking propone un proceso para que esto no pase. Piensa en el usuario y se pregunta qué problemas resuelve el producto, quién tiene estos problemas (define al público objetivo), por qué lo hacemos (visión) y cómo lo hacemos (estrategia). Tener respuesta a estas preguntas ofrece la orientación necesaria para crear ahora sí las características y los objetivos de un producto de éxito. Porque los productos cobran sentido cuando la solución aportada se ajusta a un problema no cubierto, y que es la esencia de la UX. Pensar en los productos favorece a que los diseñadores construyan las características adecuadas para las personas adecuadas y se den soluciones a los problemas reales que tiene la gente.
  • 6. 6 El problema está en que si empezára­ mos a desarrollar nuestra aplicación en este punto no estaría para nada alineada con el negocio ni con los usuarios. Oper­ ar de esta manera conlleva entrar en una dinámica incómoda para todas las par­ tes implicadas con pérdidas de tiempo, frustración y cambios de reque­rimientos de forma frecuente. En Raona hemos introducido varios el­ ementos en nuestro proceso de UX que nos ayudan a reducir y mucho este ries­ go. Por un lado, establecer una fase de análisis, la User & Business Centered Design, en la que a grandes rasgos ex­ traemos toda la información válida del cliente, los usuarios y el equipo de Ra­ ona mediante workshops, sesiones con usuarios, técnicas de análisis y Design Thinking. Una segunda etapa en la que creamos soluciones usables e intuiti- vas a través de Creative Briefs, en los que se trabaja el modelado del concep­ to, para posteriormente iterar, validar y evolucionar esta idea. REAL UXWHITEPAPER El primer paso en el proceso de UX es la confección de la visión. Es el punto de salida antes de poner en marcha el modelado de la aplicación. Cuando uno explica su visión o idea, asume que todos entienden los mismo que él, y esto raramente ocurre. Cada persona crea su propia visión en base a experiencias y conocimientos previos, lo que en Raona llamamos abanico de visión. El abanico de visión AGILE UX La Agile UX surgió como tentativa para integrar la metodología Agile con los métodos de los diseñadores de UX, es decir, para unir a desarrolla- dores y diseñadores en un proceso de desarrollo de producto Agile. El problema está en que los diseñadores de UX necesitan un tiempo y unas dinámicas de trabajo diferentes a la de los desarrolladores, los cuales me- diante la metodología scrum pueden hacer sprints de dos o tres semanas para trabajar las funcionalidades de la aplicación. Sin embargo, los diseñadores de UX por las características intrínsecas de su proceso no pueden realizar sus etapas de análisis y validación en unos períodos de tiempo ajustados. Por eso, la mejor manera de integrar la UX dentro de empresas que hacen servir Agile es que la UX parta de un sprint cero, es decir, antes que los desarrolladores empiecen su trabajo se necesita tener listo el proceso de visión. Una práctica que se va repitiendo en todas las fases del proceso, por tanto, antes de desarrollar vendría siempre una etapa de validación.
  • 7. 7 Y en la tercera y última fase donde se define, valida y evoluciona el diseño visual de la solución. El resultado es un concepto que da res­ puesta a los problemas reales, validada y alineada. De esta manera consegui­mos ir reduciendo al mínimo el abanico de vi­ siones y que todos estemos foca­lizados en una solución muy parecida. a. Workshops. Son sesiones con grupos de usuarios en las que se llevan a cabo una serie de técnicas para descubrir los principales puntos de dolor de una solu­ ción, definir la estrategia de crecimiento de un entorno, encontrar soluciones a aspectos concretos, o para validar con­ ceptos o incluso el diseño visual. b. Design thinking. Utilizamos una se­ rie de técnicas de pensamiento visual para encontrar, junto con los usuarios, soluciones reales a problemas exis­ tentes. c. Mapeo de objetivos. Utilizamos técnicas de goal mapping como “job stories” para identificar los objetivos de usuario y de negocio. d. Sesiones individuales con usuarios. Son idóneas para validar el concepto con tests de usabilidad y en­ trevistas individuales y ver si se ajusta a los requerimientos iniciales de los usu­ arios para seguirlo adecuando. e. Business alignment. Como he­ mos mencionado, lo más habitual es que las necesidades de usuarios y de negocio no estén alineadas. En es­ tas sesiones aparecen las métricas de negocio que modelarán la solución. f. Entrevistas funcionales. Se­ siones individuales (o en grupos re­ ducidos) con expertos o respons­ ables funcionales que nos aportan el detalle y contexto técnico para po­ der ofrecer una solución adecuada. Puede dar la sensación que todo este proceso de investigación conlleva un largo periodo de tiempo. Nada más lejos de la realidad, ya que todos los modelos de análisis que realizamos no compor­ tan más de una semana de trabajo. En siete días sabemos qué necesitan los usuarios, el negocio, tenemos las métri­ cas para medirlo y ya podemos modelar el concepto. Llegados a este punto te­ nemos un diagnóstico real de lo que los usuarios y el negocio necesitan. REAL UXWHITEPAPER User & Business Evidence Uno de los grandes problemas que acu­ sa el mundo de la UX es que existe mu­ cha teoría y grandes palabras sobre ella, pero pocos aspectos prácticos sobre qué técnicas utilizar. Desde el departamento de experiencia de usuario de Raona bajamos al mun- do real la UX con métodos específicos para recoger datos de valor de los usuarios y del negocio.
  • 8. 8
  • 9. 9
  • 10. 10 Crear soluciones intuitivas y usables En esta etapa ya disponemos de todos los datos relevantes para proponer un concepto de solución. Es hora de trabajar a fondo la idea. Pero, ¿cómo hacerlo? Poner toda la solución en manos de un único diseñador (por muy cualificado y experimentado que sea) no suele ser una gran idea. La inspiración es caprichosa y no siempre aparece a tiempo, especialmente cuando hay dead- lines próximos. En Raona creemos que el mejor modo de obtener una gran solución es a través de los Creative Briefs. Estos son reuniones internas de desarrollo y modelado del con­ cepto en base a todo el compendio de información recogida en la fase de Business User Evidence & User Research. En ellas se dan lugar una serie de actividades dirigidas a generar soluciones y a fomentar la creatividad. De hecho, están orienta­ das a que el proceso creativo no dependa de la inspiración, sino que se genere a partir del consenso y trabajo en equipo. REAL UXWHITEPAPER
  • 11. 11 El primer creative brief es una sesión con profesionales de UX, pero en los siguientes se suele incorporar perfiles de negocio y expertos funcionales para que aporten otras visiones y en­ riquezcan el proceso. El objetivo es que se produzca una generación de ideas amplia para poder entrar en la fase de refinar y validar la idea. El resultado final es definir el modelo de interacción y la arqui­ tectura de la información de la solución en la que se detalla cómo estará estructurada y como se dispondrán los elementos, además del comportamiento responsive & fluid o el aspecto vi­ sual, entre otros. Después ya podemos representar visualmente el concepto en un wireframe, que nos permite obtener feedback y evoluciona­ rlo. En este proceso utilizamos herramientas para conse- guir que el diseño, desde el wireframe hasta el resultado final, siempre esté compartido con clientes y usuarios para recibir feedback focalizado. En la siguiente etapa se define, valida y evoluciona el diseño vi­ sual, trabajamos ya en las pantallas de la aplicación a nivel más estético. Primero se elige el diseño, y se produce la evolución del concepto hacia un mockup interactivo y, después, se realizan las sesiones de design review con el equipo de UX, a la vez que se recoge feedback de clientes y usuarios con el objetivo de mejo­ rar el resultado. Photo comment: Ro inulpa doloritio magnatur aut excepro dolendamusae iminctium ea con ea. REAL UXWHITEPAPER COREOGRAFÍA VISUAL Se ha empezado a hablar de este concepto hace poco más de un año. La coreografía visual o UX Choreography es un punto intermedio entre la UX y la animación, y en la que el cómo, el dónde y el porqué de cada elemento se combinan. Se trata de utilizar las técnicas necesarias para hacer que los elementos de la interfaz se muevan, aparezcan y desaparezcan con movimientos, transiciones y reacciones naturales y fluidas. Esto tiene un gran impacto en que el usuario obtenga una experiencia positiva, realista y emocional al interactuar con la aplicación y que se pueda establecer un diálogo entre ambos.
  • 12. 12 Diseño visual "el no va más" Una de las cosas que más valoran nuestros clientes es que todo lo que diseñamos en la etapa de conceptualización, muchas veces con retos que parecen inalcanzables, al lle­ gar al desarrollo es realizable. De manera que el resultado final responde a lo que se ha diseñado. Es completamente fiel. Al contar dentro del equipo de UX con perfiles híbridos de diseñador, desarrollador y experto en UX hace que en la etapa de investigación se planteen soluciones que se puedan llevar a cabo, y que un perfil de diseñador des­conocería. Aparte de la fidelidad entre diseño y resultado final, otro de los rasgos diferenciales de Raona en experiencia de usuario es la personalización que otorgamos a cada proyecto. REAL UXWHITEPAPER
  • 13. 13 Desde 2014 hay dos líneas de diseño que sobresalen: Modern UI y Flat UI. La Mo­dern UI es la que empezó a usar Microsoft con Windows 8, caracterizada por los recuadros de colores vivos. Mien­ tras que el Flat UI es el que ha aplicado Google con el Material Design, y que podemos encontrar en muchas de las aplicaciones para Android e infinidad de aplicaciones web. A nivel de concepto no hay muchas diferencias entre las dos líneas. Ambas persiguen interfaces limpias, claras, ráp­ idas, elegantes y simples. Donde sí que encontramos disparidades es en el uso del color, en cómo se utili­ zan los recuadros y se separan las zonas. En Raona nos sentimos cómodos con ambas, porque las dos persiguen que el diseño esté centrado en la infor- mación, y buscan evitar elementos superfluos que distraigan el uso y la experiencia. Sin embargo, cada vez más y más apli­ caciones se suman a estas líneas de diseño, hasta llegar al punto en que todas las aplicaciones parecen iguales, y tienen el mismo estilo. Es correcto se­ guir unas guías y estándares, pero si nos quedásemos solo en eso obtendríamos una aplicación anodina, igu­al que las demás y que no destacaría. Nuestro punto fuerte es trabajar mucho en como presentamos la in- formación y diseñarla para que sea muy ágil de leer y de analizar, buscando que a la par sea bella visualmente. El re­ sultado son aplicaciones que no tienen nada que ver unas con otras, que siguen los estándares, pero con un diseño visu­ al único, alineado con el branding de la compañía. Además, ponemos especial atención a la coreografía visual. Un concepto sur­ gido en el último año y que muy pocos aplican y que tiene que ver con cómo los elementos aparecen y desaparecen de la pantalla. No sólo se trata de anima­ ciones, sino de acompañar al usuario en la comprensión de la interacción. REAL UXWHITEPAPER
  • 14. 14 Excea namet doluptatia pe re conse re con plibus restis parunt laborpo reculli gnisqui struntion ratur. Tempor sae non non nonet quam nobitat isciliquid quidis ut doleserum quaerov itecta venihillata dolupta derchillabo. Lit in res evene plique nullorum receat et quo verovit atatem que sum et et eturio officia pra qui quas prerum sim aut quid molorrum eaquatqui reptat ad quundantio. Nam il idel il iusaessuntia vid et aut molupti oribus quo tem alignim endae. Debitia tecaepe ribus, odi voluptae sandus, in repraec torerio. Usdaeri assitam, cuptaes ipsunt. Event rehent pero bearchit delestibus Eitempostis utet es autat rehent volor rata dolupta sam sequi simaio dolo dolo volut ut experae rernature, eat plabo. Rae nesti restiisciet fugitionecum volorem quo volut aut eles enihit quo invent as dolorerio quas entiostiam fugit velent et volorero et idipsam aces doles di cupturi ossum, aut optatio veliquis dolecte dolor atusanim faceate cabore sed magnien diorenimet a sanihicium nobissi volupta tusaerc hilitat rehent essunt, sit od molupti onectis diat aut re lam hitaes natur as audam alitatus eum, inis molorit at. REAL UXWHITEPAPER ¿TE HAS DADO CUENTA QUE TODAS LAS APLICACIONES SON IGUALES? Hoy existen dos tendencias predominantes en el mundo del diseño: Flat y Modern UI Design. La Flat Design surge de la mezcla de varias influencias como el estilo suizo, la interfaz de usuario basada en texto, el modernismo y la herencia de la escuela Bauhaus. Se caracteriza por ser minimalista, por lo que utiliza pocos elementos estilísticos para dar la sensación de las tres dimensiones, por ejemplo, con sombras, gradientes y texturas. También utiliza componentes simples, y tipografías y colores planos para que la navegación por la interfaz sea más ágil y eficiente al no tener tantas distracciones. El iOS 7 de Apple o el Material Design de Google son algunos ejemplos en los que se ha aplicado este tipo de diseño. Por otro lado, se sitúa la Modern UI Design o también conocida como Metro. Aunque tampoco resulta muy diferente a la Flat Design sí que presenta algunas particularidades como la apuesta por las formas geométricas, la tipografía y la importancia que le da al diseño basado en el contenido y no tanto en la caja contenedora. Este diseño es el que está presente desde Win- dows 8 y en otros productos de la compañía como Xbox 360, Windows Phone o Office365. El uso tan extendido de ambas tendencias ha hecho que gran parte de las aplicaciones que hay en el mercado se parezcan en exceso las unas con las otras; provocando una uniformidad y la consecuente pérdida de personalidad de cada aplicación. Microsoft ha apostado decididamente por esta plataforma como el futuro de su negocio y en Raona la implantamos de forma habitual como parte de las soluciones adaptadas a las necesidades de aquellos clientes que requieren un entorno flexible y en continua evolución.
  • 15. 15 Por último, en Raona le otorgamos mu­ cha importancia en el proceso porque todos las aplicaciones y softwares que desarrollamos están pensados para que sean responsive y fluidos, de forma que las aplicaciones se adapten a cualquier tamaño de pantalla, resolución, o dis­ positivo. REAL UXWHITEPAPER Proceso siempre abierto Por último, cabe destacar que el proce­ so de UX es un proceso siempre abierto. Intentamos descubrir qué problemas se deben resolver y qué necesidades tiene el usuario para después modelar una solución. A partir de aquí, desde el primer boce- to más básico, arranca un proceso abierto a todas las partes implicadas: usuarios, empresa y el propio equipo de Raona. El conjunto de validaciones y feedback es constante y específico du­ rante todo el tiempo que duran las fases de UX, lo que nos funciona a la perfec­ ción para poder alinear todos los actores involucrados. En Raona llevamos desde el 2003 pensando y creando soluciones para los usuarios y los negocios. Esta larga y valiosa experi- encia nos ha llevado a saber detectar qué elementos funcionan y los que no. Hemos querido dejar claro que para nosotros el diseño de una solución no puede estar basado en grandes teorías o en la in- tuición de una mente genial. Conseguir una buena experiencia de usuario implica resolver problemas de verdad, aquellos que preocupan a usuarios y negocio, y hacerlo satisfaciendo a todas las partes. Para ello proponemos un método de trabajo que una diferentes perfiles de UX Architect (arquitectura e interacción), UI Designer (diseño visual), UI Developer (desarrollo de la interfaz e interacción) y UX Research (evidence, validación y test continuo). Bajamos la UX del Olimpo al mundo real que es donde se encuentran los problemas y las soluciones, obteniendo la información necesaria con técnicas eficaces, y en dinámica de validación y test constante con la ayuda de usuarios, negocio y el propio equipo de Raona. Esta metodología es lo que nos caracteriza y diferencia. La que nos garantiza poder llevar las aplicaciones al éxito. Òscar Oto y Cristina Torné - UX Specialists en Raona
  • 16. REAL UX EL SECRETO PARA HACER DE TUS APLICACIONES UN ÉXITO