Universidad Nacional de Colombia

1

• Desarrollo de aplicaciones en Internet
• Experiencia del Usuario
• Invitado Germán Andrés González

2
Experiencia del Usuario

• Disciplinas contenidas dentro de la experiencia
• del Usuario en Sitios Web
• Usabilidad
• Accesibilidad
• Diseño de información y diseño gráfico
• Buscabilidad (Findabiliby)
• Arquitectura de la Información
• Diseño de Interacción

3
Usabilidad

• La Usabilidad mide la calidad de la experiencia
  del usuario cuando interactua con un producto o
  sistema- Bien sea un Sitio Web, una aplicación,
  Tecnologia Movil, O algún dispositivo operado por
  un usuario.
• Encontrar lo que necesitan, entender lo que
  encuentran y actuar apropiadamente dentro del
  tiempo y esfuerzo que ellos consideran adecuado
  para esa tarea. (Redish 2000)
• No me hagas Pensar (Steve Krug)

4
Accesibilidad

• Accesibilidad Web es la posibilidad de que el
  mayor número posible de personas pueda entrar a
  una web y usarla, indiferentemente de las
  limitaciones propias del individuo o de las
  derivadas del contexto de uso. (Definición
  adaptada de Hassan y Martín)

5
Diseño de información y diseño gráfico

• La información suele entrar por los ojos. La
  forma en que se presenta a los ojos del usuario
  influye en la experiencia de uso.
• El diseño gráfico es la vía por la que la
  información se plasma en formas y colores.
• Un diseño estético es el que que resulta
  agradable para los sentidos, la imaginación, o el
  entendimiento (Y. Hassan).

6
Buscabilidad (Findability) o Visibilidad

• La cualidad de ser localizable o navegable
• El grado en el que un objeto particular es fácil
  de descubrir o localizar
• El grado en el que un sistema o entorno apoya la
  navegación y recuperación (Morville, 2005)

7
Arquitectura de la Información

• La combinación de organización, etiquetado y
  esquemas de navegación dentro de un sistema de
  navegación.
• El diseño estructural de un espacio de
  información que facilite la finalización de
  tareas y el acceso intuitivo a los contenidos.
• El arte y la ciencia de estructurar y clasificar
  los sitios web y las Intranets para ayudar a las
  personas a encontrar y gestionar la información.
  (Rosenfeld y Morville, 2000)

8
Diseño de Interacción

• Diseño de interacción es la creación de
  interfaces que realizan un diálogo (interacción)
  entre la persona y un sistema interactivo, un
  producto inteligente.
• Es la parte del diseño orientada a los
  procesos más que a su presentación.

9
Usabilidad A fondo

• Encontrar lo que necesitan, entender lo que
  encuentran y actuar apropiadamente dentro del
  tiempo y esfuerzo que ellos consideran adecuado
  para esa tarea.
• Cuando un objeto es Usable este parece natural y
  evidente para el usuario, compare
• www.elespacio.com.co
• www.nytimes.com
• www.eltiempo.com

10
Usabilidad Que mide?

• Facilidad de aprendizaje Que tan fácil es?
• Eficiencia de Uso Que tan rápido puedo?
• Recordación Que tan facil recuerdo, no
  memorizar?
• Frecuencia y severidad de los errores Cuantos
  errores puedo cometer, que tan graves?
• Satisfación Subjetiva Qué tan agusto se siente
  el usuario usando el sistema?

11
Usabilidad -Diez Heuristicas (1)

• Jakob Nielsen estableció estos diez principios
  generales para el diseño de interfaces de
  usuario.
• Visibilidad del estado del sistema
• Concordancia entre el sistema y el mundo real
• Libertad y control del usuario
• Consistencia y Estándares
• Prevención de Errores

12
Usabilidad -Diez Heuristicas (2)

• 5. Prevención de Errores
• 6. Reconocimiento mas que Memoria
• 7. Flexibilidad y eficiencia de uso
• 8. Diseño estetico y minimalista
• 9. Ayude a los usuarios a reconocer,
  diagnosticar, y recuperarse de errores
• 10.Ayudas y Documentación

13
Usabilidad En la Web

• La web es un espacio como cualquier otro (Un
  almacén, una hoja de periodico) y así debe ser
  tratado
• Hay que entender lo que realmente interesa a un
  usuario, a la hora de hacer el diseño de sitios
  web se debe humanizar la percepción. Los usuarios
  no son IDIOTAS, son seres humanos a los que les
  interesan distintas IDIOTECES.
• No los haga pensar, genere deseos impulsivos,
  curiosidad y sobre todo orientelos!!!!!

14
Usabilidad Reglas básicas para la web

• Los usuarios no leen, escanean las paginas.
  www.poynterextra.org/eyetrack2004/heatmap.htm
• No averiguamos el funcionamiento de las cosas,
  nos las arreglamos
• Necesitamos jerarquias visuales claras
• Las convenciones nos favorecen
• Dejar Claro sobre que hacer click
• Baje el ruido hasta que se elimine o reduzca
• Mostra Categorias claras y acordes con el
  lenguaje del usuario

15
Usabilidad Reglas básicas para la web

• Omita palabras innecesarias Escriba, quite la
  mitad y luego la mitad de esa mitad.
• Como en un supermercado, Una buena señalización
  es adecuada (Use migas de pan para dar sensación
  de ubicuidad)
• Proveer SIEMPRE una forma de hacer busquedas.
• Siempre indicar en donde se esta, para donde se
  puede ir y de donde se vino.
• Ponga muchisimo enfásis en la pagina principal
  Solo tenemos una oportunidad

16
Buscabilidad (Visibilidad) SEO

• Optimización para motores de Busqueda (SEO, por
  sus siglas en Ingles Search Engine Optimization)
• Muchos propietarios de sitios consideran SEO como
  una actividad que debe ir después de la
  construcción de su Portal, pero la practica ha
  demostrado que si se considera SEO dentro del
  diseño e implementación del sitio Web, el ahorro
  de dinero y tiempo es bastante considerable.

17
Buscabilidad (Visibilidad) SEO

• Motores de busqueda y Directorios
• Lo que diferencia a un motor de busqueda de un
  directorio es que las bases de datos de los
  direcotrios consisten en sitios que han sido
  adicionados y clasificados por editores humanos.
  Las Bases de Datos de los motores de busqueda son
  compiladas(recolectadas) a traves Robots
  (Software especial),los cuales se denominan
  SPIDERS y realizan la recuperación de la
  información de las paginas Web.

18
Buscabilidad (Visibilidad) Arquitectura de un
motor de Busquedas
19
Buscabilidad (Visibilidad)- Estrategias para la
optimización en motores de busqueda

• Es el proceso adaptar un sitio Web para que
  exista una buena oportunidad en la que sus
  paginas aparezcan dentro de las primeras
  posiciones en las consultas realizadas a motores
  de busqueda, de acuerdo con palabras
  claves(keywords) seleccionadas.
• La optimización requiere que estos componentes
  esten presentes en una Página
• Componente de Texto
• Componente de Enlace(Link)
• Componente de popularidad

20
Buscabilidad (Visibilidad)-Optimización-Componente
de Texto

• Seleccion de keywords (Palabras o frases clave)
• Existen herramientas que brindan información a la
  hora de seleccionar las palabras claves.
• Estas hacen seguimiento periodico a las busquedas
  realizadas dento de los principales motores.
• Ej. palabra clave empanadas
• http//inventory.overture.com/d/searchinventory/su
  ggestion/
• http//www.freewebsubmission.com/keyword-popularit
  y.html

21
Buscabilidad (Visibilidad)-Optimización-Componente
de Texto

• Ubicación de los Keywords dentro del HTML
• Etiquetas de titulo (title)
• Cuerpo de texto visible (El texto invisible es
  penalizado por la mayoria de los motores)
• Etiquetas Meta (Description, keywords. El abuso
  tambien es penalizado Google declara no amigable
  la pagina para el robot cuando tiene mas de 20
  keywords))
• Imágenes y Gráficos (El texto alternativo
  ALT)Utilizar etiquetas de jerarquia de
  encabezados H1,H2

22
Buscabilidad (Visibilidad)-Optimización-Componente
de Enlace

• Las estrategias de ubicar keywords a lo largo del
  texto de las paginas puede ser inutil si los
  spiders de los motores de busqueda no encuentran
  la forma de acceder a sus paginas.

23
Buscabilidad (Visibilidad)-Optimización-Componente
de Enlace

• Aunque los spiders cada vez son mas podersos,
  existen esquemas de navegación que pueden ser
  problematicos, dentro de estos tenemos
• HTML Pobre en todos los esquemas de navegación
• Mapas de imagenes
• Frames
• Javascript
• Paginas Dinámicas o generadas por base de datos,
  sobre todo si tienen muchos parámetros GET
• Flash

24
Buscabilidad (Visibilidad)-Optimización-Componente
de popularidad

• Es mas importante la calidad que la cantidad de
  links. Por Ejemplo un enlace desde Yahoo! da mas
  peso que cualquiera desde sitios con menos
  tráfico
• Para desarrollar Popularidad de los enlaces más
  efectivamente, el sitio debe estar listado dentro
  de los Directorios visitados más
  frecuentemente.Yahoo!, Looksmart, y Open
  Directory son ejemplos de los directorios que se
  visitan con mayor frecuencia.

25
Buscabilidad (Visibilidad)-Optimización-Componente
de popularidad

• Obtener links desde otros sitios no es suficiente
  para mantener una optima popularidad. Los
  principales motores de busqueda y directorios
  miden que tan frecuentemente los usuarios hacen
  click en los links hacia su sitio, cuanto tiempo
  permanecen en él y la lectura de sus páginas.

26
Buscabilidad (Visibilidad) - Busquedas en Línea
realizadas en Julio de 2006