Saraclip

Always learning about UX, Agile & Psychology

UX

UX en Valencia Disseny Week

, , , , ,

Del 1 al 5 de febrero ha sido la Valencia Disseny Week, organizada por @ADCV_com para la promoción del diseño.

El objetivo de dar demostrar que todo lo que nos rodea cotidianamente es diseño

Numerosos eventos y exposiciones se podían encontrar por toda la ciudad, así como talleres y charlas, y es que en Valencia tenemos un alto nivel de profesionales que se dedican a ello…

UNAMO design studio, una firma española de diseño de producto, centrada en el mobiliario para el hogar, fue de los más activos, creando la UNAMO Design Week 2016, un escaparate de diseñadores, colectivos y marcas españolas, además de conciertos en directo, charlas y workshops.

El martes, el taller impartido por Javier Navarro Aparicio, llamado «Imagina & Comunicando«, congregó a más de 20 personas interesadas en la resolución de problemas y el arte de la comunicación.

El miércoles, UX Academy se encargaba de la charla, y allí estuve, contando lo importante que es la Experiencia de usuario en el desarrollo de un diseño, ya sea un producto o un servicio.
Seguir leyendo «UX en Valencia Disseny Week»

UXD, me suena pero…

, , , , , , ,

Ya tenemos fecha. El próximo 18 de febrero será el primer encuentro UX Academy en Valencia.

En diciembre cuando nos reunimos en el Lotelito, vinisteis muchas personas de distintas disciplinas y muchos preguntasteis bueno, ¿esto de UX qué es realmente?

Ante esa pregunta nos ha parecido correcto que en el primer Meetup expliquemos realmente qué es User Experience Design (UXD).

Y es que el Diseño de Experiencias de Usuario esta de moda.

Es un HYPE. Todo el mundo habla de ello, creyendo que se auto explica lo que es por si mismo, pero pocos saben definir bien de que trata.

Algunos responden: “Lo entiendes cuando lo ves” como ya uso el Tribunal Supremo de EEUU para definir a la pornografía… 🙂

Seguir leyendo «UXD, me suena pero…»

Pull&Bear te ayuda a comprar regalos Navidad

, , , , ,

Pull& Bear ha creado un elemento de menú especial para estas Navidades, con un menú desplegable, dividido en 2 secciones (Hombre y mujer) que te sugiere regalos divididos por lo que te quieras gastar.

Ayuda elegir regalos

El nuevo elemento lo han resaltado colocándolo el primero junto a un icono de arbol de navidad.

Menu Navidad

Y  además en la página especial de la campaña, lo primero que vemos es lo más importante para el usuario:

Envoltorio para regalo: «Tu pedido listo para regalar, sin coste añadido»

Usabilidad en navidad

Me parece que en este caso han acertado a la hora de ponérselo fácil a aquellos usuarios que buscan comprar un regalo online, respondiendo rápidamente a sus preguntas:

  1. ¿Para quién es? ¿Chico o chica?
  2. ¿Cuánto te quieres gastar?
  3. ¿Va envuelto? ¿Me cuesta más dinero por ello?

Esperemos que tenga luego los resultados que se esperaban 🙂

Imágenes en listas en móviles, ¿cuándo y dónde ponerlas?

, , ,

Cuando mostramos un listado de elementos en un dispositivo móvil o de pantalla reducida, ya sea una búsqueda con hoteles, un filtrado de películas, una selección de canciones…

No por tener siempre una imagen del producto conviene poner su miniatura

Nielsen Norman Group nos da en este post una serie de consejos de cuando debemos ponerlas y en su caso, donde deben ir colocadas.

Cuando usar la imagen

¿Ayuda la imagen al usuario? ¿El usuario puede decidir cual es su siguiente paso en la navegación gracias a la imagen? ¿O es su tamaño tan pequeño que no permite ver nada que ayude a realizar la selección del elemento?

Sino ayuda, ya sea porque su tamaño es muy pequeño o porque no aporta valor, Nielsen recomienda eliminarla y usa ese espacio si es necesario para mostrar otra información más relevante. Menos es más.

Imágenes móviles en retail

En las páginas de moda la imagen cobra especial relevancia

Si por ejemplo estamos en un ecommerce de retail, si solamente presentamos un texto descriptivo de un vestido, esto no será suficiente para que el usuario sepa si le gusta el modelo o no, incrementando el pogo sticking.

Seguir leyendo «Imágenes en listas en móviles, ¿cuándo y dónde ponerlas?»

Shadowing

, ,

Dependiendo del contexto, «Shadowing» cambia de significado.

En inglés significa «observación» o «sombreado», viniendo de «to shadow», «ensombrecer» o «seguir de cerca», ya que «shadow» significa «sombra.»

¿Qué es Shadowing en UX?

Consiste en seguir o acompañar al usuario mientras realiza algo, es decir, acompañarle en su experiencia, pero sin molestarlo.

El shadowing te permite descubrir la necesidad real de tu usuario. Lo que le ocurre, lo que desea, lo que quiere y porqué se comporta así.

El objetivo es recoger qué hace, comprender sus motivaciones, como se comporta, sus rutinas… Lo ideal es intentar grabarlo o hacer fotos, notas, dibujos… todo aquello que pueda serte útil para sacar tus conclusiones y diseñar una experiencia que de verdad le sirva.

Con ello se pretende identificar nuevas oportunidades o mejorar con nuevas soluciones procesos, diseños… ya existentes. Se observan aspectos de los que incluso la propia persona observada no se había percatado.

Esta técnica, usada hace años en la antropología, te permite descubre un montón de cosas que no ves con tus propios ojos, ya que tienes que empatizar con el usuario, intentar ver las cosas como la ve él y no desde tu perspectiva.

UX Academy en Valencia

, , ,

Como os dije, la llegada a Valencia va estar cargada de sorpresas.

En Zaragoza intentaba ir a todos los cursos o charlas que surgían que podían tener interés con mi trabajo ya que siempre aprendía algo y conseguían motivarme para seguir aprendiendo.

Javier Larrea (@jlarreagarcia) junto con un grupo de profesionales, Ivan blanco (@ivanblancoloren), Luis calderon (@madcalderon) y Luis Herrero (@luishj) formó hace más de un año UX Academy en Madrid, un evento dirigido a todas las personas apasionadas por la usabilidad y la experiencia de usuario (UX, User Experience).

UX Academy Valencia

Hace poco más de un mes fue el primer UX Academy en Barcelona, gracias a Arantxa Vizcarro (@ArantxaVizcarro), Ivan Serrano (@ivoserrano) e Izaskun Sáez (@isaezdesign).

Entraron por la puerta grande, celebrando el evento en el Disseny HUB con el apoyo de ADG-FAD y con grandes profesionales del User Experience como ponentes: Christopher Grant (@digitalaltruist) y Silvia Calvete (@silviacalvet).

La idea es crear UX Academy en Valencia, para que podamos juntarnos y compartir experiencias, adquirir nuevas habilidades y aprender los unos de los otros.

¿Te apuntas? Inscribete a nuestro MeetUp para estar al tanto.

Y si quieres proponer charlas, conoces un lugar donde podría ser interesante juntarnos o quieres ser ponente escríbeme a saraclip@gmail.com

También puedes seguirnos en twitter: @uxacademy_es

Evento: Métricas de usuario, pieza clave de tu estrategia

, , ,

Hoy martes, voy a asistir a un evento organizado por Product Tank Valencia, llamado «Métricas de usuario, pieza clave de tu estrategia”.

product tank

Se va a hablar de por qué es importante medir, qué hay que medir en cada momento y cómo podemos analizar los datos.

De siempre, he oído que es mejor medir, que no saber nada. Pero eso conlleva un serio peligro que es el del análisis erróneo de los datos y las consecuencias que puede tener.

Por ello es importante que una vez que se establezcan las métricas y KPIs que se desean conocer, todo el mundo debe saber en que se basan esos datos. Y con que compararlos.

Siempre me ha gustado la analítica por lo que espero con ganas la charla.

Aquí podeis ver el resumen.

Device inertia

, , ,

Muchas veces pensamos que los usuarios son vagos y que realizan tareas en dispositivos inadecuados, cuando tienen al lado el dispositivo que mejor les funcionaría.

Como personas elegimos el camino que menos esfuerzo nos lleva.

O que menos esfuerzo “creemos” que nos lleva.

Nuestro cerebro evalúa en cuestión de segundos y sin que nos demos cuenta el esfuerzo que nos cuesta realizar cualquier acción versus el beneficio que nos proporciona. Si creemos que es esfuerzo no vale la pena, no elegimos ese camino.

Device inertia

A veces lo que sucede es que desconocemos que exista una posibilidad alternativa y tendemos a seguir realizando la acción de la manera que conocemos.

Esta acción de evaluar y comparar la realizamos millones de veces al día, y es el resultado de años de evolución. De hecho, si tuviéramos que pensar en cada mínima decisión que tomamos cada día no podríamos hacer nada más. En cambio dejamos que nuestro cerebro elija por nosotros. Confíamos en esas elecciones.

Seguir leyendo «Device inertia»

UX Team Leader en Capgemini

, ,

Desde septiembre 2015 hasta octubre 2016 he formado parte del equipo UX de Capgemini en Valencia, siendo los últimos 10 meses UX Team Leader de uno de sus clientes más relevantes.

Capgemini

Los primeros meses trabajé con el equipo del Coe Java Devon para clientes de Valencia así como empresas internacionales, realizando entre otros proyectos:

  • una aplicación en la que se priorizaba la importancia visual de poder ver y gestionar unos servicios, tanto para gran pantalla táctil como para desktop,
  • el diseño de una app para los trabajadores que realizaban el reparto de una gran empresa comercial,
  • la realización del nuevo sistema de diseño para el desarrollo interno de todas sus aplicaciones de una gran empresa francesa del sector retail

Entre mis funciones destacaban la toma de requerimientos con el cliente, el prototipado y diseño final del producto, las pruebas y entregas con los usuarios y la creación de documentación para su implementación y entrega.

UX Team Leader

Y aunque estaba muy a gusto trabajando para diversos clientes, el equipo crecía y me dieron la oportunidad de ser UX Team Leader para el cliente más importante, una gran empresa valenciana del sector retail, gestionando un equipo propio formado por 3 increíbles personas.

Principalmente, aparte de las tareas propias de mi cargo de gestión del equipo, gestión del trabajo, reporte a cliente, facturación, estimación y planificación de proyectos… teníamos 2 ramas principales de trabajo:

  1. La creación y evolución de las diferentes Guide User Interface (o Sistemas de diseño) para cada dispositivo (móvil, tablet, desktop, caja registradora, TPV…), para su implementación en un framework con el cual se desarrollaban todas las aplicaciones internas.
  2. El desarrollo de aplicaciones principalmente internas, desde la toma de requisitos, prototipado, testeo, diseño y posterior ejecución.

Me gustaría mucho agradecer la oportunidad que se me dió de gestionar esa responsabilidad, así como a las personas del equipo (ya saben quién son) por el gran apoyo y soporte que fueron, tanto en la fase de onboarding del proyecto como en las horas que pasamos juntas trabajando.

Sin el equipo nada hubiera sido posible.

En septiembre de 2016, tomé una de las decisiones personales más importantes y difíciles de mi vida y decidí buscar nuevos retos.

Nota: Por confidencialidad no puedo subir ejemplos de los trabajos realizados.

Rediseño de la página de reserva

, , , , , ,

Continuamos mejorando el proceso de reserva de Centraldereservas.com. En concreto se trata de la página más importante para mí, donde el usuario finaliza su reserva de alojamiento, poniendo sus datos personales y bancarios.

La página donde el usuario finaliza su reserva de alojamiento es una de las más delicadas de todo el proceso. El principal problema de la actual era que no era responsive por lo que los usuarios que reservaban con el móvil tenían serios problemas para visualizar y rellenar los campos al estar diseñada para su uso en un ordenador. Con lo cual al ser el punto más doloroso de todo el proceso, es una tarea de prioridad número 1.

El cambio a una versión responsive ha sido un proceso complejo y duradero, pero indiscutiblemente necesario.

Otra de las páginas más complejas, el listado de alojamientos disponibles, ya había sido lanzado siendo un éxito el incremento de búsquedas en móviles. Ahora le tocaba a la página donde el usuario tiene que perder su tiempo rellenando un odiado formulario (¿a quien le gusta rellenar formularios?), y pagar.

Listado alojamientos

La cuestión es que dado como estaba construida esa página no era tan sencillo cambiar las CSS y adaptar la página a todos los dispositivos. Si se quería aprovechar el mismo código para todas las versiones y no generar 3 páginas diferentes (desktop, iPad y móvil) con su incremento de coste de mantenimiento, implicaba un cambio en la estructura del código de la página y la ubicación de ciertos bloques de contenidos.

Lógicamente, en el proceso están implicados muchos stakeholders, incluido el CEO. No siempre es fácil hacer entender a una persona ajena al código, que si se quiere usar el mismo código para todos los dispositivos la ubicación de ciertos elementos a lo mejor no puede ser igual. Se trabajó mucho en ello, reestructurando la información para que se visualizase en el orden adecuado en todos los dispositivos.

Dada la importancia que tiene en el negocio que el proceso sea fluido y sencillo, el cambio debía ser muy estudiado, ya que cualquier equivocación puede llevar a un descenso en el número de clientes que finalizan sus reservas.

A continuación se muestra a la izquierda como era el diseño anterior y como es la versión actual en su vista de escritorio.

sr-3

Aquí vemos como fue el diseño para dispositivos móviles, tanto del listado como de la página de confirmación.

Página de reserva móvil

Página de confirmación

Una vez que el usuario ha seleccionado el método de pago y este se ha efectuado, el usuario necesita ver la página donde se le confirma que el pago se ha realizado correctamente y los detalles de la reserva.

Seguir leyendo «Rediseño de la página de reserva»

Scroll hacia arriba