Lecture 8.2: Reading and Navigating (13:31)

Me gustaría hablar [acerca de] una criatura sorprendente: las personas.

En la vida, las personas son a menudo la búsqueda de información.

Eso llevó a psicólogo George Miller para describir a las personas como "informovores".

Informovores tratar de encontrar y devorar a la información, al igual que cazadores-recolectores buscar y devorar la comida.

Y ambos informovores y recolectores están tratando de encontrar la manera de obtener gran cantidad de ella rápidamente.

Pete Pirolli, un científico de investigación en el PARC - y sus colegas - Ha pasado más de una década

tratando de averiguar qué características de los recursos de información facilitan o dificultan

capacidad de las personas para saber lo que quieren.

Uno de los atributos más importantes que informovores utilizar para guiar su búsqueda

es lo que llamamos la "esencia" de la información:

Al navegar por la web, estamos usando las señales de las páginas que miramos

para tratar de averiguar si podemos llegar a la información que queremos de donde estamos,

si es digno de confianza, si se trata de resolver un problema.

Y también estamos viendo estas señales para saber qué opciones están disponibles para nosotros.

Si usted tiene una página web y que le gustaría saber si el "olor" en la página es pobre

para la gente que viene a esa página o sitio, hay varios signos reveladores:

Si usted mira la gente utiliza su sitio web, usted puede ver mayal alrededor cuando llegan a una página en particular;

no saben a dónde ir.

Otra técnica - y uno que Jared Spool y sus colegas

han utilizado con éxito en la ingeniería de interfaz de usuario - es mirar a la confianza de la gente

de si están en el camino correcto, justo antes y justo después de hacer clic en un vínculo.

Antes de que le indica si el enlace que estamos viendo es una buena - si tiene alto "olor".

Y la confianza de la gente después de que le indica si la página que aterrizar en

balizas de la información que usted está tratando de llegar.

Otra gran manera de decir que la gente tiene problemas para

con el aroma de la información en cómo seguir el rastro es el uso del botón Atrás.

Un montón de uso del botón Atrás - problemas importantes para su navegación.

He aquí un ejemplo de una barra de menú de una página web que creo que exhibe olor particularmente bajo.

Esta es la barra de menús del Stanford Federal Credit Union - un banco.

Para que te hagas una idea de lo que parece [interactivamente]

Si pasa el ratón sobre cualquiera de estos elementos de navegación, obtendrá un segundo nivel de navegación.

Sin embargo, incluso con la segunda capa, esta página muestra muchos de los problemas de olor

que creo que son comunes para personas de bajos olor páginas.

Para empezar, las categorías no están escritos en términos

Creo que la mayoría de las personas que vienen a este sitio están familiarizados.

Es difícil saber lo que hay detrás "LoanClick" o "Transact".

Este es mi banco, y muchas veces, cuando voy al sitio,

Tengo que probar varias opciones antes de averiguar cuál de ellos tiene la página en particular que estoy buscando.

Además, los enlaces de navegación de esta página son cortos - sólo hay un par de palabras.

Y esta combinación de la jerga de los diseñadores en lugar de términos centrados en el usuario y la brevedad de los enlaces

hace que sea muy difícil ver detrás de esos vínculos.

Además, como se ve, muchas de las señales que me ayudara a averiguar lo que hay detrás "Transact"

o "LoanClick" o "View Account", los que se esconden en una capa secundaria de la navegación.

You [de] curso puede puntero del ratón sobre uno a la vez y llegar a ellos, pero es relativamente lento.

Y, por último, los diseñadores del sitio probablemente ofrece iconos para cada uno de los elementos de menú

con la intuición de que los iconos de hacer mejor las cosas - que proporcionan una imagen y las imágenes son buenas, ¿no?

Pero estos iconos no proporcionan mucha información adicional.

Mientras iconos buenos menudo puede mejorar la usabilidad de un sitio web, iconos genéricos rara vez ayuda.

Otro ejemplo de los iconos genéricos son los iconos de páginas web que se ven a lo largo del lado izquierdo de esta página aquí

que es el sitio web de la línea HCI clase.

El globo genérico [icon] no me dice mucho sobre el enlace, por lo que no añade ninguna información;

los píxeles podrían ser mejor puesto en uso con un icono más específica, o con palabras adicionales.

Los iconos le ayudan cuando facilitan el reconocimiento de repetición -

Si bien la primera vez que vengo a la misma, que me muestra algo que yo esperaba;

o si es un buen recordatorio para cuando vuelva.

Los iconos son también muy útiles cuando se sabe lo que algo se parece, pero no es lo que se llame -

y eso puede ser porque es un idioma que usted no está familiarizado con,

o podría ser debido a que hay varios términos diferentes, y no se pueden entender que se está utilizando en este caso.

Y buenos iconos también pueden ayudar con la codificación redundantes,

porque si se puede reconocer bien la imagen o la palabra que va con el icono,

entonces usted está en el negocio y puede ponerse en marcha,

y que le puede enseñar el uno del otro -

así que voy a aprender lo que significa la palabra del "Permiso" foto que podría estar familiarizado con,

o viceversa - si yo estoy familiarizado con la palabra, puedo aprender lo que es la imagen.

Entonces, ¿cómo se puede mejorar el aroma de enlaces?

Una de las estrategias más eficaces para mejorar el olor de tu sitio web

es el alargamiento de los enlaces que tiene en el sitio -

A diferencia de tener una palabra corta, agregue una explicación más larga.

Y al hacer esto, añada términos específicos, reconocibles - lo que Jared Spool llama "palabras gatillo" -

y eso no es gracioso o inteligente, o es la terminología favorecida por el equipo de diseño, pero no a los usuarios.

Títulos largos enlaces específicos — como 7 u 8 palabras — no sólo puede ayudar a mejorar el olor de la web,

puede ayudar a mejorar la accesibilidad,

porque muchos de sus usuarios que tiene acceso a su sitio mediante un lector de pantalla

realmente se valorará la especificidad de esos vínculos para poder entender lo que está pasando.

Un ejemplo de ello es que cuando comenzó el curso HCI, teníamos un enlace que creo que se llamaba "Política de clasificación".

Pocas personas se dieron cuenta de que detrás de ese vínculo fue donde explicamos las diferentes pistas del curso:

Y con razón: la palabra "track" era nada en el link.

Tras una semana de confusión en el foro, nos dimos cuenta de esto

y somos capaces de rediseñar el enlace para que sea más largo y más específica,

e incluye varias palabras gatillo diferentes que podrían traer gente a esa página.

Otro ejemplo de la clase HCI que enseño en Stanford [intranet]

es que teníamos un vídeo donde el vínculo tenía un "aquí" realmente corto como la única palabra en el enlace.

Después de que alguien me pregunta donde el video fue enviado por correo electrónico — y sabía que era en esa página:

Me di cuenta que podía rediseño de ese vínculo, para expandirlo a varias palabras;

y desde la remodelación de ese enlace para que sea más largo, nadie me ha enviado diciendo que tenían algún problema.

Uno de los mayores impedimentos para mejorar el aroma de los elementos de navegación en un sitio

es que tenemos un impulso de propósito general realmente bueno

intentar no poner demasiada hay cosas y hacerla demasiado larga.

Sin embargo, con la navegación, a menudo más es mejor,

y una gran estrategia para navegación efectiva es lo que ha llamado "exploración de bloque habla."

Y este conjunto de ejemplos, recogidos por Smashing Magazine,

proporciona una buena intuición acerca de qué habla navegación de bloque.

Mediante la adición de varias palabras diferentes — quizás las subpartidas que están por debajo de la estructura,

o una explicación de lo que es la palabra principal o frase:

puede ayudar a los usuarios a llegar al lugar que quieren ir.

Al proporcionar enlaces o contenido en una página, ¿importa donde en la página de ponerlos?

¡ Por supuesto!

Y una forma que puede ver esto es con un número de estudios de eye-tracking

se han realizado a lo largo de la última década.

Este es piropos de Ed Cutrell de su grupo de investigación de Microsoft.

Y lo que puedes ver aquí es que los lugares en una página donde un usuario ve más

se visualizan aquí en rojo como un "punto caliente",

y son lugares donde la gente mira con menos frecuencia en colores azules.

La distribución de mirada es notable:

Se gasta una gran fracción del tiempo de mirar una parte relativamente pequeña de los inmuebles en la pantalla,

y estos son hábitos que acumulan y llevan a través de múltiples sitios Web diferentes.

Muy inteligentemente, habíamos construido un sentido de donde a menudo es las cosas buenas,

e ignoramos donde a menudo es las cosas malas.

Y, a continuación, puede utilizar este diseño para "glanceability."

El Instituto Poynter ha producido este diagrama que muestra que, en general, en su mayoría buscan,

y estos resultados son para las páginas web de inglés:

presumiblemente generalizan a la mayoría de las páginas que tienen un orden de lectura de izquierda a derecha.

Muchas de las cosas clave está en la parte superior izquierda, que es la zona roja.

Luego hay un anillo secundario que.

Y finalmente, por debajo de la tapa y apagado en el extremo derecho es donde es la materia de prioridad más baja.

Ahora estas áreas prioritarias obviamente van a ser dependientes de género

y se basa en las expectativas de un usuario individual;

pero, como una buena heurística, "top left, más importante; a medida que se baja o más a la derecha, menos importantes.

Así, en definitiva, nuestra principal Inmobiliaria está por encima de la tapa, y es en lugares donde las personas esperan encontrar cosas.

Así que esto va a estar donde otras páginas de contenido similar:

Si tienes páginas que los usuarios están familiarizados,

siguiendo la ubicación en donde tienen sus elementos de navegación de la pantalla o cebar Inmobiliaria

ayudar a la gente se acostumbre a su sitio así.

Y definitivamente no poner las cosas de navegación donde la gente espera a ver anuncios,

porque, por ahora, muchas personas en su mayoría ignoran cualquier lugares piensan que va a ser la publicidad.

Mientras su primo Inmobiliaria está por encima del pliegue,

personas están más que felices de desplazarse si piensan que van a ver algo que vale la pena.

A menudo, cuando hay información valiosa a continuación el doble que la gente no ve,

es porque las cosas por encima de la tapa no se veía muy bien;

Gente asume que estás poniendo tus cosas mejor allí.

Así, si ese es su mejor material, todo lo que tiene por debajo de eso, eso no puede ser tan bueno.

Pero si tienes lotes de gran contenido hasta arriba, la gente lo deducirá que hay aún más más abajo.

Y muchos de los sitios más populares en la web ven usuarios desplazarse bastante significativamente.

Expertos usabilidad Jakob Nielsen ha realizado un estudio de cómo la gente lee en línea,

y puedo compartir con ustedes el Resumen de sus resultados: "No."

Por supuesto hay momentos donde sentarse y leer un extenso artículo en línea:

no es exactamente lo que estamos hablando aquí.

Estamos hablando de navegación por la web para fines generales, cuando nosotros estamos pescando alrededor para obtener información,

y en estos casos, es extremadamente raro encontrar que la gente pasa una cantidad significativa de tiempo en un sitio.

A menudo lo que verás son que la gente tiene varias pestañas abiertas simultáneamente,

y que incluso están haciendo totalmente relacionado con tareas simultáneamente:

Así puede buscar un rato.

Después de un minuto o dos, correo obtiene emocionante; vaya a la.

Volver, mirar a través de varios sitios diferentes a la vez y todo este tiempo que están intentando encontrar información pertinente.

Así que lo que esto significa es que los sitios exitosos son los que apoyan esta entrelazado navegando

tan eficazmente como es posible por la propagación de las cosas más importantes.

Y Jakob Nielsen fue capaz de demostrar los efectos de tomar esto en cuenta

cambiando la estrategia de escritura y, a continuación, medir el impacto en la usabilidad.

Jakob Nielsen trató de tres diferentes técnicas para mejorar la usabilidad de estos sitios Web:

hacer el texto más conciso;

haciéndolo más escaneada utilizando las subpartidas, listas con viñetas y párrafos cortos;

y usando un lenguaje más objetivo a diferencia de lo que llama de Nielsen "marketese."

Y lo que encontró fue que los efectos sobre la experiencia de usuario realmente son.

La buena noticia es que todas estas estrategias son realmente sencillas.

Y si usted quisiera aprender más sobre como mejorar la navegación de sitios Web,

Recomiendo estos tres recursos que se muestra a continuación.