SlideShare uma empresa Scribd logo
1 de 155
Baixar para ler offline
Marketing online – Cómo vender en la red
Experiencia de usuario y usabilidad

Virginia Aguirre: @bubalie
#bizbak2012
Empecemos por imaginar….
… cómo sería un proceso de compra online
    llevado a la vida “física/offline”.




    http://www.youtube.com/watch?v=3Sk7cOqB9Dk&list=PLC34DC3AFD26EF033
    &index=2&feature=plpp_video
Y ahora hablemos de lo que
    constituye la base de todo:
¡El Diseño centrado en el usuario!
El Diseño Centrado en el Usuario (UCD)

Es una filosofía de diseño que pretende
crear:
 Experiencias que van más allá de los
   productos o servicios.
 Un ambiente que se conecte a nivel
   emocional con el usuario.

                                          Juicy Salif
                                          Philippe Starck
El Diseño Centrado en el Usuario (UCD)

Se basa en las necesidades e intereses del usuario,
haciendo énfasis en la usabilidad y comprensión
del producto:
 - Habilidades y necesidades
   del usuario.
 - Contexto de uso.
 - Tareas que va realizar.

                               http://www.orangeaura.com/websites-and-people-
                               what-needs-to-be-considered/usability-accessibility/
El Diseño Centrado en el Usuario (UCD)

Diseñar con el usuario final permanentemente
         en el centro de la atención.

Cada etapa del proceso de diseño y desarrollo de un
proyecto web debería considerar al usuario final
mediante:
 - Actividades que lo involucren.
 - Técnicas que permitan tener una clara percepción
   de sus necesidades y preferencias.
El Diseño Centrado en el Usuario (UCD)
El objetivo es diseñar un sitio web de forma que sus
usuarios puedan servirse de el con un mínimo de
estrés y un máximo de eficiencia.
Y esto…   … ¿cómo lo
          hacemos?
¿Sacamos la bola de cristal?.... ;P
El Diseño Centrado en el Usuario (UCD)
Con un enfoque desde el inicio, recogiendo datos
de manera estructurada, sistemática y objetiva,
hacia:
  los usuarios internos y externos.
  las tareas que han de realizar con el producto.
El Diseño Centrado en el Usuario (UCD)




De Hitz Kareaga
También es necesario contextualizar
el momento actual…
La web 2.0 y los medios sociales forman parte de
nuestras vidas, están para quedarse y han cambiado
la forma en que trabajamos, vivimos, aprendemos,
nos comunicamos, nos divertimos…
El acceso multiplataforma y la difusión de los
smartphones y tablets no tiene marcha atrás.
Las personas colaboran e intercambian información
de forma ágil.
Los mercados se convierten en conversaciones y
ahora hablamos de reputación online.
También hay que hablar del consumidor de nueva
generación, informado, inteligente, productor de
información que ya no cree en la publicidad.




            http://likeiknowit.wordpress.com/2008/05/19/micro-interactions/
¡Estamos ante un nuevo
        escenario!

   ¡Con nuevas formas de
comunicarnos, relacionarnos,
 experimentar y compartir!
Cambios dramáticos en la realidad del marketing




        http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C
        3&index=8&feature=plpp_video
¡Ahora más que nunca lo que
  importa son las personas!
Un nuevo enfoque centrado en la
construcción de actividades alrededor de las
   personas, así como la generación de
  experiencias e interacciones positivas.
- Generar nuevas formas de relacionarnos con
  nuestros usuarios, clientes, consumidores.
- Buscar nuevas formas de transmitir mensajes.
- Potenciar la interacción del consumidor con la
  marca a través de una experiencia directa.
- Conectar con el consumidor a través de la red.
¿Y qué conseguimos si generamos
      experiencias positivas?
           ¡Engagement!
¡La vinculación de los usuarios con tu marca!
¡En este contexto la
experiencia de usuario cobra
   una nueva dimensión!
Las personas somos clientes, consumidores y
                usuarios…

      Y cómo tal, tenemos experiencias
     con las marcas, sus productos y sus
                 servicios….

Se generan micro interacciones con diferentes
            facetas de la marca.
Designforusers
Kris Colvin
¿Pero qué es la experiencia de
           usuario?
¿Qué es la experiencia de usuario?

      La sensación, sentimiento y
       satisfacción del usuario…
      …respecto a un producto…
    …resultado de interactuar con el
   producto y su proveedor: la marca.
¿Qué es la experiencia de usuario?

 Conjunto de percepciones y sensaciones que
 desarrolla un usuario durante su relación e
 interacción con los elementos de tu identidad
 digital, y en concreto con tu sitio web…
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
Hoy en día, la experiencia de usuario online va
más allá de mi sitio web corporativo, integrando mi
presencia en los diferentes medios y canales 2.0,
pasando estos a conformar junto a nuestro sitio
web, nuestra presencia en Internet.

Creándose así una identidad digital y
generando una experiencia de usuario
global.
¿Qué es la experiencia de usuario?

Una experiencia positiva de usuario está en directa
relación con una percepción positiva de la marca.




E branding / Branding 2.0 / UX 2.0 / Experiencias
sociales /Conexión emocional / Micro Interacciones.
¿Qué es la experiencia de usuario?
  Objetivos de su diseño:
  - Homogeneización de las iniciativas online.
  - Proyección de marca única y homogénea.
  - Una experiencia de usuario global satisfactoria.
¿Qué es la experiencia de usuario?
 Nuestro sitio web es…
  …el reflejo de nuestra marca en internet,
  nuestro principal escaparate, nuestras oficinas
  centrales en internet!!!
¿Qué es la experiencia de usuario?
La experiencia de usuario online empieza con la
percepción de la marca y todo cuanto haya en un
sitio web forma parte de la experiencia de usuario.




        http://www.benzinsider.com/2008/05/mercedes-benz-brand-perception-tag-cloud/
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
Volvo:

Seguridad
Cuadrado
Familias  más agresivos…
Status
Alto precio
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
Concepto global que depende de numerosos factores:
 - Utilidad y valor del producto/servicio.
 - Respuesta a las necesidades y expectativas de los
   usuarios.
 - Contenidos y servicios ofrecidos.
 - Transmisión de valores de marca.
 - Creatividad.
 - Diseño visual.
 - Usabilidad/ Arquitectura de la información consistente
   / Navegación eficiente.
 - Facilidad de aprendizaje y recuerdo.
¿Qué es la experiencia de usuario?


  La usabilidad o “facilidad de uso” es una de las
facetas fundamentales que forma parte de la UX.

              ¡Pero no lo es todo!
¿Qué es la experiencia de usuario?
Los elementos de la experiencia de usuario -
Jesse James Garret
 “Lo que no contaba era que diez
  años después, aún hubiera tanta
  gente que tuviera que ser educada
  (al respecto)".

  • Adaptive Path:
    http://www.adaptivepath.com/
  • Acuñador término “AJAX”
¿Qué es la experiencia de usuario?
                        Diseño visual

                    Diseño de interfaz:
                información + navegación

               Diseño de interacción
             Arquitectura de información

          Especificaciones funcionales
           Necesidades de contenidos

          Necesidades de usuario
                 Objetivos
¿Qué es la experiencia de usuario?
  La rueda de la experiencia del usuario - Francisco Tosete
  Herranz
¿Qué es la experiencia de usuario?
  La rueda de la experiencia del usuario - Francisco
  Tosete Herranz

  Disciplinas vinculadas:
   ‐ Usabilidad.
   ‐ Accesibilidad.
   ‐ Diseño de información y diseño gráfico.
   ‐ Buscabilidad (Findabiliby).
   ‐ Arquitectura de la Información.
   ‐ Diseño de Interacción.
¿Qué es la experiencia de usuario?
Las facetas de la experiencia de usuario

 Peter Morville
 • Semantic Studios
 • Autor “Information
   architecture”.
 • Acuñador término “Findability”
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
Utilidad
Sistemas útiles aplicando el conocimiento del medio.

Deseabilidad
A través del valor de la imagen, de la identidad, de la marca

Valor
Ofrecer valor para el usuario

Credibilidad
 Generar confianza
¿Qué es la experiencia de usuario?

Encontrabilidad
 Capacidad de un objeto de ser localizado:
 buscadores/SEO + mecanismos internos.

Usabilidad
 La facilidad de uso es fundamental, pero es una faceta más.


Accesibilidad
Acceso universal a la web
¿Y la Usabilidad…?
Usabilidad


La clave de un sitio usable es que
quien navega por él consiga:
 - Entender su estructura.
 - Realizar     con     satisfacción
   aquello que pretendía realizar.
Usabilidad




      http://www.youtube.com/watch?v=VP_WHckrAX0
Usabilidad



             “La usabilidad se basa en no
             molestar ni hacer pensar en
             exceso al navegante (Krug) y en
             hacerle   fácil   y     grata la
             experiencia en el sitio web.”
Usabilidad
Definición informal
Usabilidad se define coloquialmente como facilidad de
uso, ya sea de una página web, una aplicación
informática o cualquier otro sistema que interactúe con
un usuario.

Formal (ISO/IEC):
Usabilidad es la efectividad, eficiencia y
satisfacción con la que un producto
permite alcanzar objetivos específicos a
usuarios específicos en un contexto de uso
específico.
Usabilidad
      Atributos
  ¿Consigo realizar la
comprar correctamente?                                  ¿Cuánto tardo en
                           Eficacia     Eficiencia
 ¿Cometo algún error o                                     realizar la
   todo sale bien a la                                      compra?
       primera?

                                Satisfacción


                            ¿Me ha parecido difícil?
                          ¿Me he quedado con buena
                                  sensación?
                         ¿Repetiré y recomendaré esta
                                     web?
Usabilidad
 Eficacia:
 Relacionado con el número de errores que comete el usuario
 en la consecución de una tarea.

 Eficiencia:
 Relacionado con el tiempo empleado por el usuario para la
 consecución de la tarea.
Usabilidad
 Satisfacción de uso:
 Percepción del usuario respecto a la dificultad de
 acometer la tarea.
 Relacionado con que el sitio web sea subjetivamente
 agradable.
 Por satisfacción se entiende la ausencia de incomodidad
 y la actitud positiva en el uso del producto.
Usabilidad y conversión
Usabilidad y conversión

¿Y qué conseguimos si creamos un sitio web usable?

       ¡Mejorar nuestros ratios de conversión!
   En los procesos de nuestro sitio web: registros,
              compras, descargas, etc.
Usabilidad y conversión
La tasa de conversión es el porcentaje de visitantes que
ejecuta la acción: rellenan un formulario, se suscriben
(newsletter, feeds, canales 2.0, etc.) , descargan un demo, etc.
Sitio web usable 
 - Alcanzar la máxima conversión de los visitantes que llegan
    a mi sitio web.
 - Convertirlos en el objetivo para el que fue diseñado el sitio.
Usabilidad y conversión
Ejemplo, una tienda online:
 - Objetivo: vender por Internet.
 - Factor de conversión: cantidad de ventas que consiga a
   través de la página web.


   Los incrementos en los factores de conversión se
    logran generalmente a través de mejoras en la
              usabilidad de un sitio web.
Pero depende de emociones, motivaciones, grados de
    receptividad del usuario o y factores externos.
Usabilidad y conversión
Las acciones de Marketing online, la publicidad y demás
promociones y actividades que lanzamos dirigen tráfico a
nuestro sitio web:
  Llevar a los usuarios encontrar contenidos de calidad
    y atractivos, que satisfaga sus necesidades y
    expectativas.
  Crear páginas de aterrizaje (landing page) con una
    buena UX/usabilidad, contenidos atractivos y claras
    llamadas a la acción.
  Testear, testear, testear, testear, testear, testear….:
    Test A/B – multivariante.
Técnicas y herramientas
Técnicas y herramientas

          1                          2                        3
   Indagación y             Arquitectura de la           Medición y
   captación de           Información y Diseño       evaluación de UX y
     insights                 de interacción             usabilidad

- Entrevistas.            - Personas y escenarios.   - Inspección
- Focus group.                                         heurística.
                          - Card sorting.
- Encuestas online.                                  - Test de usuario.
                          - Árboles de contenidos.
- Monitorización Web                                 - Analítica web.
                          - Diagramas de flujo y
  2.0 / redes sociales.     procesos clave.          - Herramientas online
                                                       de testeo.
                          - Prototipado
Técnicas y herramientas
1   Indagación y captación de insights

    - Toma de requisitos.
    - Recogida de información subjetiva.
    - Preguntar y observar a los usuarios:
        - Experiencias.
        - Expectativas.
        - Necesidades.
        - Frustraciones.
        - Grado de satisfacción.
        - Contexto de uso, etc.
Técnicas y herramientas
1   Indagación y captación de insights

    - Encuestas: online rápidas y asequibles- según
      proyecto.
    - Entrevistas:    stakeholders,    usuarios,     entender
      procesos internos, etc.
    - Focus group (grupos de discusión): reacciones
      producto, servicio, concepto, publicidad, idea, etc.
    - Web 2.0 y redes sociales: Investigación de tendencias,
      mercado, consumidor, etc.
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1       Indagación y captación de insights
    -    ¡Google!
    -    Google alerts: monitorización resultados sobre un determinado tema
         http://www.google.es/alerts
    -    Google Insights for search: tendencias de búsqueda
         http://www.google.com/insights/search
    -    Google Blogs: blogs. http://www.google.es/blogsearch
    -    Technorati: blogs. http://technorati.com
    -    Touchgraph seo: relaciones en google. http://www.touchgraph.com/seo
    -    Samepoint: monitotización SSMM. http://www.samepoint.com
    -    How sociable: monitotización SSMM. http://www.howsociable.com/
    -    Addict-o-matic: monitorización SSMM http://addictomatic.com/
    -    Facebook Instant: búsquedas facebook. http://www.fbinstant.net/
    -    Topsy: Monitorización twitter (ahora tb Google +) http://topsy.com
    -    Twitter Search: búsquedas en twitter. https://twitter.com/#!/search-home
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
1   Indagación y captación de insights
Técnicas y herramientas
2   Arquitectura de la información y diseño de interacción:

    -   Técnica “Personas”.
    -   Card sorting.
    -   Árboles de contenidos.
    -   Diagramas de flujo y procesos clave.
    -   Prototipado (wireframes) navegables, baja-alta fidelidad.
Técnicas y herramientas
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción:


 Técnica Personas
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción

                                    Card sorting
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción



                                                   Arbol de
                                                 contenidos
                                               (blueprints) - AI
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
    Arquitectura de la información y diseño de
 2 interacción:
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción


                                Diagrama de flujo – diseño
                                       de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción


                                                    Prototipado
                                                   (wireframes)
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
       -   Inspección heurística por experto.
       -   Test de usuario.
       -   Análisis de clicks (clicktale, clickheat...)
       -   Predicción de atención visual (attentionwizard.com)
       -   Testeos de reconocimiento y recuerdo (5 second
           test...)
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
 En 1990 Jakob Nielsen hizo un Evaluación heurística
 estudio sobre alrededor de 250
 problemas        típicos    de
 usabilidad.
 Los heurísticos son buenas
 prácticas que nacen como
 respuesta a los problemas más
 comunes de los usuarios.
 Concluyo      que       podían
 agruparse en 11 categorías: 11
 principios heurísticos.
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
Test de usuario
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad



                                                  Análisis
                                                  de clicks
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
            Reconocimiento y recuerdo
Técnicas y herramientas
 3 Medición y evaluación de experiencia de usuario y usabilidad
Aplicación: metodología de diseño UX
 Fase 1 – INVESTIGACION Y           Fase 2 – ESTRATEGIA,             Fase 3 –DESARROLLO E
          ANALISIS                  CONCEPTO Y DISEÑO                    IMPLANTACION

      Entrevistas internas            E-branding: objetivos,            Desarrollo sitio web
   stakeholders: diagnostico     posicionamiento, KW SEO, estra.
                                                                          Seguimiento UX
    situación, necesidades,               de contenidos
    objetivos internos, etc..                                       Test de usuario sobre sitio en
                                   Estrategia de presencia en      desarrollo : BETA/ producción +
    Sector: Benchmarking                 medios sociales                        ajustes
 competencia, buenas prácticas
        y tendencias.                Contenidos, servicios y                Implantación
                                    funcionalidades sitio web
  Definición PO / segmentos y
           priorización             Actualización catalogación
                                            contenidos
    Detección necesidades:
                                                                      Implantaci       Monitorización /
   encuestas online / focus /             Card sorting                   ón              Analítica
         entrevistas…
                                       Árbol de contenidos
       Técnica personas
                                  Prototipado navegable de baja
  Evaluación experto sitio web
                                             fidelidad                             Ajustes
        Consultoría SEO
                                 Test de usuario sobre prototipo
   Catalogación contenidos y            de baja fidelidad
           servicios
                                          Diseño visual
Los principios heurísticos de usabilidad
Principios de usabilidad
- Son teóricos pero flexibles.
- En cada caso concreto (objetivo, usuario y
  contexto) la aplicación del principio puede
  variar.
- Su extrapolación y comprensión permiten
  resolver cualquier casuística concreta.
- Vienen del análisis factorial de unos 250 problemas de
  usabilidad concretos (Jakob Nielsen).
- Los subheurísticos son aplicaciones concretas, observables,
  de los heurísticos.
Principios de usabilidad

          ¿Se comunica de manera inmediata y clara el

1         propósito, objetivo y funciones de la página?



 - ¿El propósito u objetivo del sitio web es claro y obvio? ¿Con un
   simple vistazo a se sabe para qué sirve?
 - ¿Se muestra de forma clara qué contenidos y servicios /
   funcionalidades y acciones ofrece el sitio?
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad

           ¿Se ofrecen al usuario mecanismos y referencias


2          claras que le permitan orientarse fácilmente
           (dónde están y qué están haciendo)?
           ¿Se mantienen informados a los usuarios acerca
           de lo que está ocurriendo?

  -   Títulos: páginas, secciones, página o del paso (en un proceso)
  -   Ubicación de la página dentro de la estructura de información
  -   Rutas de navegación / migas de pan.
  -   Proceso: número de paso y pasos restantes
  -   Vínculos claramente identificables.
  -   Feedback : una acción en proceso /realizado con éxito o no.
Principios de usabilidad

                    Al pulsar el botón se sustituye
                    por una barra de progreso

                    Mensajes de feedback al
                    finalizar una tarea
                    La fortaleza de la contraseña
                    se muestra en tiempo real
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
         ¿La página se adecua a los objetos mentales del


3        usuario, su lógica de la información, su terminología
         y lenguaje?
         ¿La informacion se muestra en un orden lógico y
         natural?
- Estructura y presentación de la información comprensible vs interna
  de la organización.
- Metáforas e iconos.
- Nivel de conocimientos expuesto en la página vs user.
- Palabras, frases y conceptos familiares. No utiliza jergas ni
  tecnicismos.
- Lenguaje claro y sencillo, una idea por párrafo.
- Disposición de la información es asequible y de lectura rápida.
- Información estructurada con títulos, negritas y viñetas.
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad

          ¿El sitio web permite al usuario interactuar con

4         el de manera fácil y productiva?


- Ver y seleccionar mejor que recordar y escribir.
- ¿Toda la información necesaria para la interacción se encuentra en
  la página? (La página no requiere recordar información de páginas
  previas para interactuar con ella.)
- ¿Es fácil reencontrar información previamente encontrada?
- Iconos que refuercen textos/contenidos.
- Información previamente seleccionada para evitar la petición de
  información de nuevo.
Principios de usabilidad
Principios de usabilidad
          ¿Tiene el usuario control y libertad sobre la

5         interfaz?
          ¿Se han evitado las acciones intrusivas que lo
          limiten?

- Evitar el inicio automático de inician acciones no ordenadas
  explícitamente por el usuario.
- Animaciones no controladas por el usuario.
- Salida de la página, del proceso o de la estructura de información:
  desconectar, cancelar, inicio, etc.
- Vínculo que permite volver a la página de inicio.
- En caso de ser un proceso de varios pasos: posibilidad de volver al
  paso/s anteriores.
Principios de usabilidad
          ¿Se mantiene la consistencia en las diferentes
          páginas/secciones, etc. del sitio?

6         ¿Se siguen los estándares "de facto“: la
          estructuración páginas, buscador, logo, etc.?
- ¿Las etiquetas de los vínculos tienen los mismos nombres que los
  títulos de las páginas a las que se dirigen?
- ¿Las mismas acciones llevan a los mismos resultados?
- ¿La misma información (texto) se expresa de la misma forma en toda
  la página?
- ¿La información esta organizada y es mostrada de manera similar en
  cada página?
- ¿Las áreas de navegación, herramientas de búsqueda, controles , etc.
  siguen los estándares comunes de mercado?
Principios de usabilidad




               http://www.somosflow.com/desktop/
Principios de usabilidad




               http://www.weshootbottles.com/
Principios de usabilidad


7         ¿El sitio web trata de prevenir posibles errores?



- ¿Se mantiene informado al usuario de lo que ocurre en el
  sitio/aplicación? Por ejemplo, si el usuario tiene que esperar hasta
  que se termine una operación, la página debe mostrar un mensaje
  indicándole lo que está ocurriendo y qué debe esperar.
- ¿Se dan ejemplos o proporciona ayuda sobre cómo introducir
  información en campos problemáticos?
- Priorizar la selección de información en campos dónde podrían darse
  errores de escritura.
Principios de usabilidad

                          Hacer más relevante la
                          acción primaria para evitar
                          que la gente no se
                          equivoque.
  Otros ejemplos pueden ser poner el foco
  automáticamente el cajetín de búsqueda o los
  auto-recomendadores evitan también errores
  tipográficos en las búsquedas.
Principios de usabilidad
Principios de usabilidad
          ¿La interfaz facilita y optimiza el acceso y la

8         interacción de los usuarios con el sistema?
          Flexibilidad y eficiencia de uso

- ¿La página no requiere volver a escribir la información ya solicitada
  en páginas anteriores?
- ¿Es posible repetir una acción ya realizada anteriormente de manera
  sencilla?
- ¿Cuando es pertinente la página permite al usuario personalizar
  acciones frecuentes?
- ¿Se utilizan mecanismos eficientes de relleno/validación de campos
  de formulario?
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
           ¿El sitio ofrece información y un diseño

9          minimalista? ¿Se ha evitado el uso de
           elementos irrelevantes?

- ¿El texto es fácil de ojear, está bien organizado y las frases no son
  demasiado largas?
- ¿Las fuentes son legibles y tienen un tamaño suficiente?
- ¿Las fuentes usan colores con suficiente contraste con el fondo?
- ¿La información es corta, concisa y precisa?
- ¿Cada elemento de información se distingue del resto y no se
  confunde con otros?
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
          ¿ Los mensajes de error ayudan a los usuarios

10        a reconocer, diagnosticar y solucionar
          errores?

- ¿Los mensajes de error informan del error de manera comprensible
  y no alarmista, están escritos en lenguaje común y no con códigos o
  lenguaje técnico?
- ¿Los mensajes de error dan soluciones o sugerencias para solucionar
  el presente error?
- ¿Informan de la causa del error de manera que se pueda evitar su
  repetición en el futuro?
- ¿La situación de error permite, de una forma evidente, volver a la
  situación anterior al error?
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad


Vía Luis Villa @maguisso
http://www.grancomo.com/




        http://www.rollingstones.com/404
Principios de usabilidad
           ¿ En caso de que sea necesario, se ofrece una

11         sección de ayuda y documentación orientada
           a la resolución de problemas del usuario?

- ¿la sección de ayuda es visible y fácil de encontrar?
- ¿Se ofrece ayuda contextual en tareas complejas?
- ¿La documentación de ayuda está orientada a los objetivos y
  necesidades del usuario (generalmente a la resolución de
  problemas)?
- ¿La documentación de ayuda utiliza ejemplos y explicaciones cortas?
- ¿La página dispone de un apartado de preguntas frecuentes.
Principios de usabilidad
Caso práctico
Caso práctico
 UX en Shopping Online: Blanco Vs. H&M
 Intuitivamente , Andrea Cantú:
 http://www.intuitivamente.com/2012/01/31/ux-en-
 shopping-online
Beneficios de aplicar técnicas de UX y
Usabilidad
Beneficios de aplicar técnicas de UX y
Usabilidad
 - Refuerzo de la imagen de marca: Mejoras en la
   percepción del usuario (producto y proveedor).
 - Incremento de las ventas en sitios de comercio
   electrónico: Reducción de la tasa de abandonos en
   carritos de la compra.
 - Fidelización de clientes: Aumento de la tasa de
   conversión de visitantes a clientes.
 - Reducción de costes de desarrollo: Detección los posibles
   problemas en fases tempranas.
Beneficios de aplicar técnicas de UX y
Usabilidad
 - Reducción de costes en servicios de soporte/atención al
   cliente: - problemas  - consultas.
 - Aumento de las tasas de conversión (procesos finalizados):
   registros, formularios, compras online, etc.
 - Reducción de los costes de aprendizaje y formación: curvas
   de aprendizaje + controladas.
 - Optimización de procesos laborales en intranets:
   Reducción tiempos de ejecución de tareas  aumento de la
   productividad.
Bibliografía y referencias
Bibliografía y referencias
 Libros:
 - No me hagas pensar. Steve Krug
 - El diseño de las cosas cotidianas. Donald. A Norman
 - El diseño emocional. Donald A. Norman


 - Revista de estrategia e Interacción: www.capire.info
 - Juan Carlos Camus: www.usando.info
 - Jorge Barahona: www.jbarahona.com
 - Jesse Jame Garret : http://blog.jjg.net/
 - Nacho Gil -Fundamentos para el diseño de la experiencia de usuario
   online: http://www.slideshare.net/nachogil/elementos-de-la-experiencia-
   de-usuario-online-0103
Bibliografía y referencias
 Arquitectura de la información:

 No sólo usabilidad: http://www.nosolousabilidad.com
 - Arquitectura de Información: análisis histórico-conceptual - Rodrigo
   Ronda León.
 - Revisión de técnicas de arquitectura de información - Rodrigo Ronda
   León.
 - Diseño de Arquitecturas de Información: Descripción y Clasificación -
   Yusef Hassan Montero y Ana Núnez Peña.
 Métodos de arquitectura de la información - Mauricio Candamil Llano
 http://www.slideshare.net/maocandamil/metodos-arquitectura-de-
 informacion
 Hipertexto. Net
 http://www.hipertext.net/web/pag206.htm#3
Bibliografía y referencias
 Arquitectura de Información y Diseño Centrado en el Usuario - Juan
 David Saab:
  http://www.slideshare.net/juansaab/arquitectura-de-informacin-y-dcu-
 diseo-centrado-en-el-usuario


 Arquitectura de información y su relación con el diseño estratégico -
 Omar Sosa Tzec:
 http://www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de-
 informacin


 Entregables en un proceso de Arquitectura de Información - Astrolabio,
 agencia web
 http://www.slideshare.net/astromario/arquitectura-de-informacin-
 entregables
Bibliografía y referencias
 Experiencia de usuario y social media:
 - Marco Gallen ¿Cómo aprovechar las redes sociales para mejorar la
   experiencia de usuario? :
   http://marcogallen.com/blog/usabilidad/%C2%BFcomo-aprovechar-las-
   redes-sociales-para-mejorar-la-experiencia-de-usuario
 - Roberto Igarza - experiencia de usuario: cómo las redes sociales amplifican
   el descontento:
   http://robertoigarza.wordpress.com/2009/08/10/experiencia-de-usuario-
   como-las-redes-sociales-amplifican-el-descontento
 - UX Matters - The Social Buzz: Designing User Experiences for Social Media:
   http://www.uxmatters.com/mt/archives/2009/06/the-social-buzz-
   designing-user-experiences-for-social-media.php
 - UX Magazine - The evolved user experience: using social media
   technologies to drive ux design and product strategy:
   http://uxmag.com/strategy/the-evolved-user-experience
Bibliografía y referencias
 Experiencia de usuario y social media:
 - Simple Line Design - User Experience and Social Media Integration:
   http://www.simplelinedesign.co.uk/blog/user-experience-and-social-
   media-integration
 - Joanna Pineda - Creating an Integrated, Layered User Experience Across
   Your Social Media Pages: http://www.thematrixfiles.net/blog/creating-an-
   integrated-layered-user-experience-across-your-social-media-pages
 - Bob Murray - Social Media Within A User Experience Team:
   http://blog.redweb.com/2010/04/01/social-media-within-a-user-
   experience-team
 - Javier Varela – Social Media Plan:
   http://www.slideshare.net/javiervarela/social-media-plan-javier-varela-
   jornadas
 - Jerome Nadel: Digital UX Strategy:
   http://www.slideshare.net/JeromeNadel/DigitalUXStrategyvFinalreduced
Bibliografía y referencias
 Usabilidad – Conversión
 - SEO Colombia - Usabilidad: Factores de conversión y su importancia
   http://www.seocolombia.com/blog/usabilidad-factores-de-conversion-y-su-
   importancia
 - OptimizaClick - Conversión y usabilidad web
   http://www.optimizaclick.com/conversion-web
 - David Martin Morales - Usabilidad y Métricas enfocadas a la Conversión
   (Editato)
   http://marketing-on-line.blogspot.com/2009/06/usabilidad-y-metricas.html
 - Iván Serrano - Cómo diseñar correctamente una Landing Page: las mejores
   prácticas y ejemplos
   http://www.ivoserrano.com/diseno-web/como-disenar-correctamente-una-
   landing-page-las-mejores-practicas-y-ejemplos
¡Gracias!

- Twitter: @bubalie / @theSocialUX
- Mail: virginia@thesocialexperience.es
- Linkedin: http://es.linkedin.com/in/virginiaaguirre
- Web: www.thesocialexperience.es
- Facebook: www.facebook.com/socialexperience
Cursos de verano UPV/EHU - Marketing online, Experiencia de usuario y
  usabilidad por Virginia Aguirre - The Social Experience se encuentra bajo una
Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.

Mais conteúdo relacionado

Mais procurados

Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmejordisan RamSys
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 
Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016taller_ux
 
Curso de Usabilidad en web
Curso de Usabilidad en webCurso de Usabilidad en web
Curso de Usabilidad en weblaminarrieta
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedJose Maria Diaz
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolKoombea
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
 
SEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing MulticanalSEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing MulticanalIEBSchool
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)yusefhassan
 
Diseño de experiencia de usuario
Diseño de experiencia de usuarioDiseño de experiencia de usuario
Diseño de experiencia de usuarioGabyAman
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?IxDA Mendoza
 
Ux beneficios e implementación
Ux beneficios e implementaciónUx beneficios e implementación
Ux beneficios e implementaciónEdwin Madueño
 

Mais procurados (20)

Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
5.2 Usabilidad Web
5.2 Usabilidad Web5.2 Usabilidad Web
5.2 Usabilidad Web
 
Curso de Usabilidad en web
Curso de Usabilidad en webCurso de Usabilidad en web
Curso de Usabilidad en web
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
SEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing MulticanalSEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing Multicanal
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
 
Diseño de experiencia de usuario
Diseño de experiencia de usuarioDiseño de experiencia de usuario
Diseño de experiencia de usuario
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
UX y UI
UX y UIUX y UI
UX y UI
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?
 
¿Por qué UX?
¿Por qué UX?¿Por qué UX?
¿Por qué UX?
 
Ux beneficios e implementación
Ux beneficios e implementaciónUx beneficios e implementación
Ux beneficios e implementación
 

Destaque

Taller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuarioTaller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuarioTestingUy
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Gabriel Celemin
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)Brox Technology
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Usabilidad y Experiencia de Usuario.
Usabilidad y Experiencia de Usuario.Usabilidad y Experiencia de Usuario.
Usabilidad y Experiencia de Usuario.Juan Manuel Carraro
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioLuis Carlos Aceves
 

Destaque (6)

Taller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuarioTaller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuario
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Usabilidad y Experiencia de Usuario.
Usabilidad y Experiencia de Usuario.Usabilidad y Experiencia de Usuario.
Usabilidad y Experiencia de Usuario.
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 

Semelhante a Experiencia usuario optimización

Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Jorge Márquez
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar uxCarlos Martin
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-nataliaBrainy Bog
 
Creacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCreacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCarlos Alberto Peláez Ayala
 
Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Haydee Vega
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Herlency Muñoz García
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.Gustavo Soto Miño
 
Presenta Usabilidad 2009
Presenta Usabilidad 2009Presenta Usabilidad 2009
Presenta Usabilidad 2009qweos
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxCarmenKeim2
 
Technisys UX Lunch&Learn
Technisys UX Lunch&LearnTechnisys UX Lunch&Learn
Technisys UX Lunch&LearnMariano Franco
 
Introduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadIntroduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadSol Mesz
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabambagdgsantacruz
 

Semelhante a Experiencia usuario optimización (20)

Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-natalia
 
Creacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCreacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionales
 
Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Marketing Digital Trends 3/3
Marketing Digital Trends 3/3
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.
 
User experience design
User experience designUser experience design
User experience design
 
Presenta Usabilidad 2009
Presenta Usabilidad 2009Presenta Usabilidad 2009
Presenta Usabilidad 2009
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Ux writing
Ux writingUx writing
Ux writing
 
Deck UX Writing
Deck UX WritingDeck UX Writing
Deck UX Writing
 
Video 1
Video 1Video 1
Video 1
 
Technisys UX Lunch&Learn
Technisys UX Lunch&LearnTechnisys UX Lunch&Learn
Technisys UX Lunch&Learn
 
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia BerbegalMasterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
 
Introduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadIntroduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidad
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 

Experiencia usuario optimización

  • 1. Marketing online – Cómo vender en la red Experiencia de usuario y usabilidad Virginia Aguirre: @bubalie #bizbak2012
  • 3. … cómo sería un proceso de compra online llevado a la vida “física/offline”. http://www.youtube.com/watch?v=3Sk7cOqB9Dk&list=PLC34DC3AFD26EF033 &index=2&feature=plpp_video
  • 4. Y ahora hablemos de lo que constituye la base de todo: ¡El Diseño centrado en el usuario!
  • 5. El Diseño Centrado en el Usuario (UCD) Es una filosofía de diseño que pretende crear: Experiencias que van más allá de los productos o servicios. Un ambiente que se conecte a nivel emocional con el usuario. Juicy Salif Philippe Starck
  • 6. El Diseño Centrado en el Usuario (UCD) Se basa en las necesidades e intereses del usuario, haciendo énfasis en la usabilidad y comprensión del producto: - Habilidades y necesidades del usuario. - Contexto de uso. - Tareas que va realizar. http://www.orangeaura.com/websites-and-people- what-needs-to-be-considered/usability-accessibility/
  • 7. El Diseño Centrado en el Usuario (UCD) Diseñar con el usuario final permanentemente en el centro de la atención. Cada etapa del proceso de diseño y desarrollo de un proyecto web debería considerar al usuario final mediante: - Actividades que lo involucren. - Técnicas que permitan tener una clara percepción de sus necesidades y preferencias.
  • 8. El Diseño Centrado en el Usuario (UCD) El objetivo es diseñar un sitio web de forma que sus usuarios puedan servirse de el con un mínimo de estrés y un máximo de eficiencia.
  • 9. Y esto… … ¿cómo lo hacemos?
  • 10. ¿Sacamos la bola de cristal?.... ;P
  • 11. El Diseño Centrado en el Usuario (UCD) Con un enfoque desde el inicio, recogiendo datos de manera estructurada, sistemática y objetiva, hacia:  los usuarios internos y externos.  las tareas que han de realizar con el producto.
  • 12. El Diseño Centrado en el Usuario (UCD) De Hitz Kareaga
  • 13. También es necesario contextualizar el momento actual…
  • 14. La web 2.0 y los medios sociales forman parte de nuestras vidas, están para quedarse y han cambiado la forma en que trabajamos, vivimos, aprendemos, nos comunicamos, nos divertimos…
  • 15. El acceso multiplataforma y la difusión de los smartphones y tablets no tiene marcha atrás.
  • 16. Las personas colaboran e intercambian información de forma ágil.
  • 17. Los mercados se convierten en conversaciones y ahora hablamos de reputación online.
  • 18. También hay que hablar del consumidor de nueva generación, informado, inteligente, productor de información que ya no cree en la publicidad. http://likeiknowit.wordpress.com/2008/05/19/micro-interactions/
  • 19.
  • 20. ¡Estamos ante un nuevo escenario! ¡Con nuevas formas de comunicarnos, relacionarnos, experimentar y compartir!
  • 21. Cambios dramáticos en la realidad del marketing http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C 3&index=8&feature=plpp_video
  • 22. ¡Ahora más que nunca lo que importa son las personas!
  • 23. Un nuevo enfoque centrado en la construcción de actividades alrededor de las personas, así como la generación de experiencias e interacciones positivas.
  • 24. - Generar nuevas formas de relacionarnos con nuestros usuarios, clientes, consumidores. - Buscar nuevas formas de transmitir mensajes. - Potenciar la interacción del consumidor con la marca a través de una experiencia directa. - Conectar con el consumidor a través de la red.
  • 25. ¿Y qué conseguimos si generamos experiencias positivas? ¡Engagement! ¡La vinculación de los usuarios con tu marca!
  • 26.
  • 27. ¡En este contexto la experiencia de usuario cobra una nueva dimensión!
  • 28. Las personas somos clientes, consumidores y usuarios… Y cómo tal, tenemos experiencias con las marcas, sus productos y sus servicios…. Se generan micro interacciones con diferentes facetas de la marca.
  • 30. ¿Pero qué es la experiencia de usuario?
  • 31. ¿Qué es la experiencia de usuario? La sensación, sentimiento y satisfacción del usuario… …respecto a un producto… …resultado de interactuar con el producto y su proveedor: la marca.
  • 32. ¿Qué es la experiencia de usuario? Conjunto de percepciones y sensaciones que desarrolla un usuario durante su relación e interacción con los elementos de tu identidad digital, y en concreto con tu sitio web…
  • 33. ¿Qué es la experiencia de usuario?
  • 34. ¿Qué es la experiencia de usuario? Hoy en día, la experiencia de usuario online va más allá de mi sitio web corporativo, integrando mi presencia en los diferentes medios y canales 2.0, pasando estos a conformar junto a nuestro sitio web, nuestra presencia en Internet. Creándose así una identidad digital y generando una experiencia de usuario global.
  • 35. ¿Qué es la experiencia de usuario? Una experiencia positiva de usuario está en directa relación con una percepción positiva de la marca. E branding / Branding 2.0 / UX 2.0 / Experiencias sociales /Conexión emocional / Micro Interacciones.
  • 36. ¿Qué es la experiencia de usuario? Objetivos de su diseño: - Homogeneización de las iniciativas online. - Proyección de marca única y homogénea. - Una experiencia de usuario global satisfactoria.
  • 37. ¿Qué es la experiencia de usuario? Nuestro sitio web es… …el reflejo de nuestra marca en internet, nuestro principal escaparate, nuestras oficinas centrales en internet!!!
  • 38. ¿Qué es la experiencia de usuario? La experiencia de usuario online empieza con la percepción de la marca y todo cuanto haya en un sitio web forma parte de la experiencia de usuario. http://www.benzinsider.com/2008/05/mercedes-benz-brand-perception-tag-cloud/
  • 39. ¿Qué es la experiencia de usuario?
  • 40. ¿Qué es la experiencia de usuario?
  • 41. ¿Qué es la experiencia de usuario?
  • 42. ¿Qué es la experiencia de usuario? Volvo: Seguridad Cuadrado Familias  más agresivos… Status Alto precio
  • 43. ¿Qué es la experiencia de usuario?
  • 44. ¿Qué es la experiencia de usuario? Concepto global que depende de numerosos factores: - Utilidad y valor del producto/servicio. - Respuesta a las necesidades y expectativas de los usuarios. - Contenidos y servicios ofrecidos. - Transmisión de valores de marca. - Creatividad. - Diseño visual. - Usabilidad/ Arquitectura de la información consistente / Navegación eficiente. - Facilidad de aprendizaje y recuerdo.
  • 45. ¿Qué es la experiencia de usuario? La usabilidad o “facilidad de uso” es una de las facetas fundamentales que forma parte de la UX. ¡Pero no lo es todo!
  • 46. ¿Qué es la experiencia de usuario? Los elementos de la experiencia de usuario - Jesse James Garret “Lo que no contaba era que diez años después, aún hubiera tanta gente que tuviera que ser educada (al respecto)". • Adaptive Path: http://www.adaptivepath.com/ • Acuñador término “AJAX”
  • 47.
  • 48. ¿Qué es la experiencia de usuario? Diseño visual Diseño de interfaz: información + navegación Diseño de interacción Arquitectura de información Especificaciones funcionales Necesidades de contenidos Necesidades de usuario Objetivos
  • 49. ¿Qué es la experiencia de usuario? La rueda de la experiencia del usuario - Francisco Tosete Herranz
  • 50. ¿Qué es la experiencia de usuario? La rueda de la experiencia del usuario - Francisco Tosete Herranz Disciplinas vinculadas: ‐ Usabilidad. ‐ Accesibilidad. ‐ Diseño de información y diseño gráfico. ‐ Buscabilidad (Findabiliby). ‐ Arquitectura de la Información. ‐ Diseño de Interacción.
  • 51. ¿Qué es la experiencia de usuario? Las facetas de la experiencia de usuario Peter Morville • Semantic Studios • Autor “Information architecture”. • Acuñador término “Findability”
  • 52. ¿Qué es la experiencia de usuario?
  • 53. ¿Qué es la experiencia de usuario? Utilidad Sistemas útiles aplicando el conocimiento del medio. Deseabilidad A través del valor de la imagen, de la identidad, de la marca Valor Ofrecer valor para el usuario Credibilidad Generar confianza
  • 54. ¿Qué es la experiencia de usuario? Encontrabilidad Capacidad de un objeto de ser localizado: buscadores/SEO + mecanismos internos. Usabilidad La facilidad de uso es fundamental, pero es una faceta más. Accesibilidad Acceso universal a la web
  • 56. Usabilidad La clave de un sitio usable es que quien navega por él consiga: - Entender su estructura. - Realizar con satisfacción aquello que pretendía realizar.
  • 57. Usabilidad http://www.youtube.com/watch?v=VP_WHckrAX0
  • 58. Usabilidad “La usabilidad se basa en no molestar ni hacer pensar en exceso al navegante (Krug) y en hacerle fácil y grata la experiencia en el sitio web.”
  • 59. Usabilidad Definición informal Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación informática o cualquier otro sistema que interactúe con un usuario. Formal (ISO/IEC): Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico.
  • 60. Usabilidad Atributos ¿Consigo realizar la comprar correctamente? ¿Cuánto tardo en Eficacia Eficiencia ¿Cometo algún error o realizar la todo sale bien a la compra? primera? Satisfacción ¿Me ha parecido difícil? ¿Me he quedado con buena sensación? ¿Repetiré y recomendaré esta web?
  • 61. Usabilidad Eficacia: Relacionado con el número de errores que comete el usuario en la consecución de una tarea. Eficiencia: Relacionado con el tiempo empleado por el usuario para la consecución de la tarea.
  • 62. Usabilidad Satisfacción de uso: Percepción del usuario respecto a la dificultad de acometer la tarea. Relacionado con que el sitio web sea subjetivamente agradable. Por satisfacción se entiende la ausencia de incomodidad y la actitud positiva en el uso del producto.
  • 64. Usabilidad y conversión ¿Y qué conseguimos si creamos un sitio web usable? ¡Mejorar nuestros ratios de conversión! En los procesos de nuestro sitio web: registros, compras, descargas, etc.
  • 65. Usabilidad y conversión La tasa de conversión es el porcentaje de visitantes que ejecuta la acción: rellenan un formulario, se suscriben (newsletter, feeds, canales 2.0, etc.) , descargan un demo, etc. Sitio web usable  - Alcanzar la máxima conversión de los visitantes que llegan a mi sitio web. - Convertirlos en el objetivo para el que fue diseñado el sitio.
  • 66. Usabilidad y conversión Ejemplo, una tienda online: - Objetivo: vender por Internet. - Factor de conversión: cantidad de ventas que consiga a través de la página web. Los incrementos en los factores de conversión se logran generalmente a través de mejoras en la usabilidad de un sitio web. Pero depende de emociones, motivaciones, grados de receptividad del usuario o y factores externos.
  • 67. Usabilidad y conversión Las acciones de Marketing online, la publicidad y demás promociones y actividades que lanzamos dirigen tráfico a nuestro sitio web:  Llevar a los usuarios encontrar contenidos de calidad y atractivos, que satisfaga sus necesidades y expectativas.  Crear páginas de aterrizaje (landing page) con una buena UX/usabilidad, contenidos atractivos y claras llamadas a la acción.  Testear, testear, testear, testear, testear, testear….: Test A/B – multivariante.
  • 68.
  • 69.
  • 71. Técnicas y herramientas 1 2 3 Indagación y Arquitectura de la Medición y captación de Información y Diseño evaluación de UX y insights de interacción usabilidad - Entrevistas. - Personas y escenarios. - Inspección - Focus group. heurística. - Card sorting. - Encuestas online. - Test de usuario. - Árboles de contenidos. - Monitorización Web - Analítica web. - Diagramas de flujo y 2.0 / redes sociales. procesos clave. - Herramientas online de testeo. - Prototipado
  • 72. Técnicas y herramientas 1 Indagación y captación de insights - Toma de requisitos. - Recogida de información subjetiva. - Preguntar y observar a los usuarios: - Experiencias. - Expectativas. - Necesidades. - Frustraciones. - Grado de satisfacción. - Contexto de uso, etc.
  • 73. Técnicas y herramientas 1 Indagación y captación de insights - Encuestas: online rápidas y asequibles- según proyecto. - Entrevistas: stakeholders, usuarios, entender procesos internos, etc. - Focus group (grupos de discusión): reacciones producto, servicio, concepto, publicidad, idea, etc. - Web 2.0 y redes sociales: Investigación de tendencias, mercado, consumidor, etc.
  • 74. Técnicas y herramientas 1 Indagación y captación de insights
  • 75. Técnicas y herramientas 1 Indagación y captación de insights
  • 76. Técnicas y herramientas 1 Indagación y captación de insights
  • 77. Técnicas y herramientas 1 Indagación y captación de insights - ¡Google! - Google alerts: monitorización resultados sobre un determinado tema http://www.google.es/alerts - Google Insights for search: tendencias de búsqueda http://www.google.com/insights/search - Google Blogs: blogs. http://www.google.es/blogsearch - Technorati: blogs. http://technorati.com - Touchgraph seo: relaciones en google. http://www.touchgraph.com/seo - Samepoint: monitotización SSMM. http://www.samepoint.com - How sociable: monitotización SSMM. http://www.howsociable.com/ - Addict-o-matic: monitorización SSMM http://addictomatic.com/ - Facebook Instant: búsquedas facebook. http://www.fbinstant.net/ - Topsy: Monitorización twitter (ahora tb Google +) http://topsy.com - Twitter Search: búsquedas en twitter. https://twitter.com/#!/search-home
  • 78. Técnicas y herramientas 1 Indagación y captación de insights
  • 79. Técnicas y herramientas 1 Indagación y captación de insights
  • 80. Técnicas y herramientas 1 Indagación y captación de insights
  • 81. Técnicas y herramientas 1 Indagación y captación de insights
  • 82. Técnicas y herramientas 1 Indagación y captación de insights
  • 83. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción: - Técnica “Personas”. - Card sorting. - Árboles de contenidos. - Diagramas de flujo y procesos clave. - Prototipado (wireframes) navegables, baja-alta fidelidad.
  • 85. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción: Técnica Personas
  • 86. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Card sorting
  • 87. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Arbol de contenidos (blueprints) - AI
  • 88. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 89. Técnicas y herramientas Arquitectura de la información y diseño de 2 interacción:
  • 90. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Diagrama de flujo – diseño de interacción
  • 91. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Prototipado (wireframes)
  • 92. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 93. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 94. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 95. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 96. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 97. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 98. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 99. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad - Inspección heurística por experto. - Test de usuario. - Análisis de clicks (clicktale, clickheat...) - Predicción de atención visual (attentionwizard.com) - Testeos de reconocimiento y recuerdo (5 second test...)
  • 100. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad En 1990 Jakob Nielsen hizo un Evaluación heurística estudio sobre alrededor de 250 problemas típicos de usabilidad. Los heurísticos son buenas prácticas que nacen como respuesta a los problemas más comunes de los usuarios. Concluyo que podían agruparse en 11 categorías: 11 principios heurísticos.
  • 101. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Test de usuario
  • 102. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 103. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 104. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Análisis de clicks
  • 105. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Reconocimiento y recuerdo
  • 106. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 107. Aplicación: metodología de diseño UX Fase 1 – INVESTIGACION Y Fase 2 – ESTRATEGIA, Fase 3 –DESARROLLO E ANALISIS CONCEPTO Y DISEÑO IMPLANTACION Entrevistas internas E-branding: objetivos, Desarrollo sitio web stakeholders: diagnostico posicionamiento, KW SEO, estra. Seguimiento UX situación, necesidades, de contenidos objetivos internos, etc.. Test de usuario sobre sitio en Estrategia de presencia en desarrollo : BETA/ producción + Sector: Benchmarking medios sociales ajustes competencia, buenas prácticas y tendencias. Contenidos, servicios y Implantación funcionalidades sitio web Definición PO / segmentos y priorización Actualización catalogación contenidos Detección necesidades: Implantaci Monitorización / encuestas online / focus / Card sorting ón Analítica entrevistas… Árbol de contenidos Técnica personas Prototipado navegable de baja Evaluación experto sitio web fidelidad Ajustes Consultoría SEO Test de usuario sobre prototipo Catalogación contenidos y de baja fidelidad servicios Diseño visual
  • 108. Los principios heurísticos de usabilidad
  • 109. Principios de usabilidad - Son teóricos pero flexibles. - En cada caso concreto (objetivo, usuario y contexto) la aplicación del principio puede variar. - Su extrapolación y comprensión permiten resolver cualquier casuística concreta. - Vienen del análisis factorial de unos 250 problemas de usabilidad concretos (Jakob Nielsen). - Los subheurísticos son aplicaciones concretas, observables, de los heurísticos.
  • 110. Principios de usabilidad ¿Se comunica de manera inmediata y clara el 1 propósito, objetivo y funciones de la página? - ¿El propósito u objetivo del sitio web es claro y obvio? ¿Con un simple vistazo a se sabe para qué sirve? - ¿Se muestra de forma clara qué contenidos y servicios / funcionalidades y acciones ofrece el sitio?
  • 113. Principios de usabilidad ¿Se ofrecen al usuario mecanismos y referencias 2 claras que le permitan orientarse fácilmente (dónde están y qué están haciendo)? ¿Se mantienen informados a los usuarios acerca de lo que está ocurriendo? - Títulos: páginas, secciones, página o del paso (en un proceso) - Ubicación de la página dentro de la estructura de información - Rutas de navegación / migas de pan. - Proceso: número de paso y pasos restantes - Vínculos claramente identificables. - Feedback : una acción en proceso /realizado con éxito o no.
  • 114. Principios de usabilidad Al pulsar el botón se sustituye por una barra de progreso Mensajes de feedback al finalizar una tarea La fortaleza de la contraseña se muestra en tiempo real
  • 117. Principios de usabilidad ¿La página se adecua a los objetos mentales del 3 usuario, su lógica de la información, su terminología y lenguaje? ¿La informacion se muestra en un orden lógico y natural? - Estructura y presentación de la información comprensible vs interna de la organización. - Metáforas e iconos. - Nivel de conocimientos expuesto en la página vs user. - Palabras, frases y conceptos familiares. No utiliza jergas ni tecnicismos. - Lenguaje claro y sencillo, una idea por párrafo. - Disposición de la información es asequible y de lectura rápida. - Información estructurada con títulos, negritas y viñetas.
  • 120. Principios de usabilidad ¿El sitio web permite al usuario interactuar con 4 el de manera fácil y productiva? - Ver y seleccionar mejor que recordar y escribir. - ¿Toda la información necesaria para la interacción se encuentra en la página? (La página no requiere recordar información de páginas previas para interactuar con ella.) - ¿Es fácil reencontrar información previamente encontrada? - Iconos que refuercen textos/contenidos. - Información previamente seleccionada para evitar la petición de información de nuevo.
  • 122. Principios de usabilidad ¿Tiene el usuario control y libertad sobre la 5 interfaz? ¿Se han evitado las acciones intrusivas que lo limiten? - Evitar el inicio automático de inician acciones no ordenadas explícitamente por el usuario. - Animaciones no controladas por el usuario. - Salida de la página, del proceso o de la estructura de información: desconectar, cancelar, inicio, etc. - Vínculo que permite volver a la página de inicio. - En caso de ser un proceso de varios pasos: posibilidad de volver al paso/s anteriores.
  • 123. Principios de usabilidad ¿Se mantiene la consistencia en las diferentes páginas/secciones, etc. del sitio? 6 ¿Se siguen los estándares "de facto“: la estructuración páginas, buscador, logo, etc.? - ¿Las etiquetas de los vínculos tienen los mismos nombres que los títulos de las páginas a las que se dirigen? - ¿Las mismas acciones llevan a los mismos resultados? - ¿La misma información (texto) se expresa de la misma forma en toda la página? - ¿La información esta organizada y es mostrada de manera similar en cada página? - ¿Las áreas de navegación, herramientas de búsqueda, controles , etc. siguen los estándares comunes de mercado?
  • 124. Principios de usabilidad http://www.somosflow.com/desktop/
  • 125. Principios de usabilidad http://www.weshootbottles.com/
  • 126. Principios de usabilidad 7 ¿El sitio web trata de prevenir posibles errores? - ¿Se mantiene informado al usuario de lo que ocurre en el sitio/aplicación? Por ejemplo, si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y qué debe esperar. - ¿Se dan ejemplos o proporciona ayuda sobre cómo introducir información en campos problemáticos? - Priorizar la selección de información en campos dónde podrían darse errores de escritura.
  • 127. Principios de usabilidad Hacer más relevante la acción primaria para evitar que la gente no se equivoque. Otros ejemplos pueden ser poner el foco automáticamente el cajetín de búsqueda o los auto-recomendadores evitan también errores tipográficos en las búsquedas.
  • 129. Principios de usabilidad ¿La interfaz facilita y optimiza el acceso y la 8 interacción de los usuarios con el sistema? Flexibilidad y eficiencia de uso - ¿La página no requiere volver a escribir la información ya solicitada en páginas anteriores? - ¿Es posible repetir una acción ya realizada anteriormente de manera sencilla? - ¿Cuando es pertinente la página permite al usuario personalizar acciones frecuentes? - ¿Se utilizan mecanismos eficientes de relleno/validación de campos de formulario?
  • 132. Principios de usabilidad ¿El sitio ofrece información y un diseño 9 minimalista? ¿Se ha evitado el uso de elementos irrelevantes? - ¿El texto es fácil de ojear, está bien organizado y las frases no son demasiado largas? - ¿Las fuentes son legibles y tienen un tamaño suficiente? - ¿Las fuentes usan colores con suficiente contraste con el fondo? - ¿La información es corta, concisa y precisa? - ¿Cada elemento de información se distingue del resto y no se confunde con otros?
  • 135. Principios de usabilidad ¿ Los mensajes de error ayudan a los usuarios 10 a reconocer, diagnosticar y solucionar errores? - ¿Los mensajes de error informan del error de manera comprensible y no alarmista, están escritos en lenguaje común y no con códigos o lenguaje técnico? - ¿Los mensajes de error dan soluciones o sugerencias para solucionar el presente error? - ¿Informan de la causa del error de manera que se pueda evitar su repetición en el futuro? - ¿La situación de error permite, de una forma evidente, volver a la situación anterior al error?
  • 139. Principios de usabilidad Vía Luis Villa @maguisso http://www.grancomo.com/ http://www.rollingstones.com/404
  • 140. Principios de usabilidad ¿ En caso de que sea necesario, se ofrece una 11 sección de ayuda y documentación orientada a la resolución de problemas del usuario? - ¿la sección de ayuda es visible y fácil de encontrar? - ¿Se ofrece ayuda contextual en tareas complejas? - ¿La documentación de ayuda está orientada a los objetivos y necesidades del usuario (generalmente a la resolución de problemas)? - ¿La documentación de ayuda utiliza ejemplos y explicaciones cortas? - ¿La página dispone de un apartado de preguntas frecuentes.
  • 143. Caso práctico UX en Shopping Online: Blanco Vs. H&M Intuitivamente , Andrea Cantú: http://www.intuitivamente.com/2012/01/31/ux-en- shopping-online
  • 144. Beneficios de aplicar técnicas de UX y Usabilidad
  • 145. Beneficios de aplicar técnicas de UX y Usabilidad - Refuerzo de la imagen de marca: Mejoras en la percepción del usuario (producto y proveedor). - Incremento de las ventas en sitios de comercio electrónico: Reducción de la tasa de abandonos en carritos de la compra. - Fidelización de clientes: Aumento de la tasa de conversión de visitantes a clientes. - Reducción de costes de desarrollo: Detección los posibles problemas en fases tempranas.
  • 146. Beneficios de aplicar técnicas de UX y Usabilidad - Reducción de costes en servicios de soporte/atención al cliente: - problemas  - consultas. - Aumento de las tasas de conversión (procesos finalizados): registros, formularios, compras online, etc. - Reducción de los costes de aprendizaje y formación: curvas de aprendizaje + controladas. - Optimización de procesos laborales en intranets: Reducción tiempos de ejecución de tareas  aumento de la productividad.
  • 148. Bibliografía y referencias Libros: - No me hagas pensar. Steve Krug - El diseño de las cosas cotidianas. Donald. A Norman - El diseño emocional. Donald A. Norman - Revista de estrategia e Interacción: www.capire.info - Juan Carlos Camus: www.usando.info - Jorge Barahona: www.jbarahona.com - Jesse Jame Garret : http://blog.jjg.net/ - Nacho Gil -Fundamentos para el diseño de la experiencia de usuario online: http://www.slideshare.net/nachogil/elementos-de-la-experiencia- de-usuario-online-0103
  • 149. Bibliografía y referencias Arquitectura de la información: No sólo usabilidad: http://www.nosolousabilidad.com - Arquitectura de Información: análisis histórico-conceptual - Rodrigo Ronda León. - Revisión de técnicas de arquitectura de información - Rodrigo Ronda León. - Diseño de Arquitecturas de Información: Descripción y Clasificación - Yusef Hassan Montero y Ana Núnez Peña. Métodos de arquitectura de la información - Mauricio Candamil Llano http://www.slideshare.net/maocandamil/metodos-arquitectura-de- informacion Hipertexto. Net http://www.hipertext.net/web/pag206.htm#3
  • 150. Bibliografía y referencias Arquitectura de Información y Diseño Centrado en el Usuario - Juan David Saab: http://www.slideshare.net/juansaab/arquitectura-de-informacin-y-dcu- diseo-centrado-en-el-usuario Arquitectura de información y su relación con el diseño estratégico - Omar Sosa Tzec: http://www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de- informacin Entregables en un proceso de Arquitectura de Información - Astrolabio, agencia web http://www.slideshare.net/astromario/arquitectura-de-informacin- entregables
  • 151. Bibliografía y referencias Experiencia de usuario y social media: - Marco Gallen ¿Cómo aprovechar las redes sociales para mejorar la experiencia de usuario? : http://marcogallen.com/blog/usabilidad/%C2%BFcomo-aprovechar-las- redes-sociales-para-mejorar-la-experiencia-de-usuario - Roberto Igarza - experiencia de usuario: cómo las redes sociales amplifican el descontento: http://robertoigarza.wordpress.com/2009/08/10/experiencia-de-usuario- como-las-redes-sociales-amplifican-el-descontento - UX Matters - The Social Buzz: Designing User Experiences for Social Media: http://www.uxmatters.com/mt/archives/2009/06/the-social-buzz- designing-user-experiences-for-social-media.php - UX Magazine - The evolved user experience: using social media technologies to drive ux design and product strategy: http://uxmag.com/strategy/the-evolved-user-experience
  • 152. Bibliografía y referencias Experiencia de usuario y social media: - Simple Line Design - User Experience and Social Media Integration: http://www.simplelinedesign.co.uk/blog/user-experience-and-social- media-integration - Joanna Pineda - Creating an Integrated, Layered User Experience Across Your Social Media Pages: http://www.thematrixfiles.net/blog/creating-an- integrated-layered-user-experience-across-your-social-media-pages - Bob Murray - Social Media Within A User Experience Team: http://blog.redweb.com/2010/04/01/social-media-within-a-user- experience-team - Javier Varela – Social Media Plan: http://www.slideshare.net/javiervarela/social-media-plan-javier-varela- jornadas - Jerome Nadel: Digital UX Strategy: http://www.slideshare.net/JeromeNadel/DigitalUXStrategyvFinalreduced
  • 153. Bibliografía y referencias Usabilidad – Conversión - SEO Colombia - Usabilidad: Factores de conversión y su importancia http://www.seocolombia.com/blog/usabilidad-factores-de-conversion-y-su- importancia - OptimizaClick - Conversión y usabilidad web http://www.optimizaclick.com/conversion-web - David Martin Morales - Usabilidad y Métricas enfocadas a la Conversión (Editato) http://marketing-on-line.blogspot.com/2009/06/usabilidad-y-metricas.html - Iván Serrano - Cómo diseñar correctamente una Landing Page: las mejores prácticas y ejemplos http://www.ivoserrano.com/diseno-web/como-disenar-correctamente-una- landing-page-las-mejores-practicas-y-ejemplos
  • 154. ¡Gracias! - Twitter: @bubalie / @theSocialUX - Mail: virginia@thesocialexperience.es - Linkedin: http://es.linkedin.com/in/virginiaaguirre - Web: www.thesocialexperience.es - Facebook: www.facebook.com/socialexperience
  • 155. Cursos de verano UPV/EHU - Marketing online, Experiencia de usuario y usabilidad por Virginia Aguirre - The Social Experience se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.