El arte de estructurar la información de manera efectiva

El usuario típico de un sistema de información (un sitio web, por ejemplo) ejercerá tal vez tres minutos de buena voluntad, durante los cuales él (o ella) dará rienda suelta a la curiosidad, echará una ojeada y tratará de entender cómo encontrar cosas. Si no se ha avanzado en este momento, la relación del usuario con el sistema se volverá adversa permanentemente; los intentos de búsqueda adicionales no se considerarán valiosos. Hay una pequeña ventana de tiempo durante la cual el sistema puede ganar a un usuario: examinemos un conjunto de principios que facilitarán eso..


Categorias mutuas

Comenzamos diseñando un conjunto de categorías que albergarán información de ejemplo..

El primer requisito de un conjunto inteligible de categorías es que sean mutuo. Con esto quiero decir que subdividen una población en particiones proporcionales. Pocas cosas son más molestas que una presentación que rompe esta regla. Por ejemplo:

  • Reportes mensuales
  • Informes de ventas
  • Los informes de Joe
  • Nuevos informes

Nadie quiere perder el esfuerzo mental tratando de adivinar dónde está algo. Para eliminar esto, presente la información en categorías mutuas:

  • Reportes mensuales
  • Reportes semanales
  • Informes trimestrales

O:

  • Informes de ventas
  • Reporte de gastos
  • Informes de impuestos

O:

  • Informes de Joe
  • Informes de Jack

¿Pero suponga que desea conservar la opción de encontrar los informes de Joe y los informes de ventas y los informes mensuales? Debes ascender a un nivel superior, en el que estas categorías se conviertan en mutuas:

  • Informes por período de tiempo
  • Informes por tipo de flujo de efectivo
  • Informes por agente
  • Informes por edad

Definiendo especies

Para inventar alguna terminología, digamos que un conjunto mutuo de categorías debe pertenecer a la misma especie. Entonces, "período de tiempo" sería una especie, y "mensual" sería una categoría dentro de eso. Esto lleva al siguiente principio: el espectador nunca debe mirar más de una especie a la vez.


Identificando plantas

Entonces, si un sistema tiene lo siguiente:

  • Informes por período de tiempo
  • Informes por región
  • Cubitos

entonces este principio ha sido violado. Los informes por "Región" y "Cubos" no pertenecen a la misma especie. Aquí hay una mejor presentación:

  • Informes
  • Cubitos

Estos pertenecen a la especie, digamos, "Vehículo de presentación". "Informes por región" y "Informes por período de tiempo" pertenecen a la especie "Informe".

Para reunir estas ideas, primero note que cada subdivisión comienza la vida como una categoría, y luego se convierte en una especie por derecho propio:

  • Especies: Presentación del vehículo
  • Categorías: Informes y cubos
    • Especies: Informes
    • Categorías: Informes por período de tiempo; Informes por tipo de flujo de caja; Informes por agente; Informes por edad
      • Especies: Informes por tipo de flujo de efectivo.
      • Categorías: Informes de ventas; Reporte de gastos; Informes de impuestos

De modo que el principio de que un espectador solo debería ver una especie a la vez es otra manera de decir que solo debería ver categorías mutuas entre sí; o, para ser más precisos: un espectador solo debe ver, en cualquier momento, una especie y sus categorías de componentes.

Si el espacio lo permite, se pueden presentar múltiples especies, siempre y cuando los límites sean claros y no haya ambigüedad sobre la organización..


Decisiones organizativas

Diseñar un conjunto de categorías puede ser un trabajo muy duro; en algunos casos, esto no es más que una descripción conceptual de toda una empresa. En este sentido, es similar a diseñar una base de datos..


Concepto de base de datos, gabinete de la vendimia.

Hay una decisión de diseño fundamental para la organización de datos: la elección entre una membresía múltiple y una única. En un sistema de membresía múltiple, la información se puede encontrar en más de una categoría. "Ventas para enero" puede estar en la categoría de ventas o en la categoría mensual. Un ejemplo de un solo sistema de membresía es el menú de un restaurante, donde el cliente no quiere encontrar (y la empresa no tiene espacio para) el mismo artículo bajo muchos encabezados.

Otra decisión es si las etiquetas se refieren a información o usuarios. Un sitio web de la universidad puede tener una pestaña llamada "facultad". Esto es ambiguo: ¿contiene información para o para la facultad? Algunos sitios universitarios son explícitos: las pestañas están etiquetadas como "para profesores" o "sobre profesores". Sin embargo, en general, es preferible etiquetar la información, no el usuario. ¿Cómo sabe el diseñador web lo que un miembro de la facultad querrá buscar??

Las etiquetas de categoría deben identificar el contenido de la categoría. Esto es tan elemental que puede preguntarse si está pensado como un comentario sarcástico. Si solo. Para que podamos volver a referirnos a esto, démosle un nombre: el principio de etiquetado descriptivo.

Las etiquetas de categoría pueden ser significativas para los usuarios regulares, pero no para los recién llegados. Esto debe ser superado, agregando sub-etiquetas explicativas. Una vez visité un sitio web teatral que tenía una opción denominada "Discovery Series". Nunca supe lo que era eso; El sitio había perdido mi buena voluntad en ese momento. No habría tomado mucho espacio para aclarar esto, sea lo que sea. "Serie de descubrimiento-Nuestras clases de sábado por la noche"; o "Serie Discovery-Nuestras jugadas grabadas".

Monopolio visual: cuando un usuario selecciona una categoría, todos los candidatos se presentan juntos.

La selección de categorías debe organizarse, para acuñar una frase, bajo un monopolio visual. Las listas de opciones tienden a captar la atención; Si el usuario selecciona entre una fila horizontal de botones, no notará simultáneamente otra fila en otra parte de la pantalla. Cuando lo descubra, se molestará; ya ha gastado esfuerzos tratando de localizar a su objetivo en la primera fila; ha tratado de formar una imagen mental de la información que se encuentra dentro de las categorías que está viendo; esto será un esfuerzo inútil si encuentra otro conjunto de categorías en otro lugar.

Esto no pretende ser una prohibición contra múltiples filas, siempre que se muestren juntas, como una sola población de opciones que cubren muchas líneas; está pensado para prohibir una fila, junto con otra fila, lejos de la pantalla, con iconos con formas diferentes, y tener categorías que no estén claramente relacionadas con esto primero.


Postura psicológica del usuario

El diseñador del sitio debe definir la postura psicológica del usuario esperado: es el usuario una conciencia pasiva, disponible para la manipulación y el control; ¿O una conciencia dirigida, buscando información con un objetivo claro en mente? En primera instancia, los principios de la publicidad regirán el diseño; en el segundo, se muestran los principios de la información, que es el tema de este artículo. Hay un estado intermedio: alguien que no tiene un objetivo claro, pero que, sin embargo, quiere entender la geografía informativa del sitio; Tal usuario también es mejor atendido por los principios discutidos aquí.

Para ver estos principios (violados) en acción, considere las opciones que ve en Microsoft Word, bajo el botón "Office", Opciones de Word:

  • Popular
  • Monitor
  • Revisión
  • Salvar
  • Avanzado

En primer lugar, para llegar a esta lista, haga clic en el botón de la oficina; Usted ve una lista de opciones. "Opciones" no está en la lista. Podría pasar varios momentos (no exactamente alegres) tratando de adivinar qué elemento elegir. Finalmente, cuando esté listo para salir y buscar en otra parte, verá un botón marcado con "opciones" junto al botón "salir", lejos de las otras opciones. Esto es una violación de la regla del monopolio visual..

Al hacer clic en el botón de opciones, verá la lista de puntos de viñeta que se muestra arriba. Aquí vemos nombres de categorías que no son significativos. ¿Cómo sabe una persona si la elección que está buscando es popular? ¿Cómo sabe si está avanzado? Estas etiquetas rompen el principio de etiquetado descriptivo..

Una vez que te sensibilices sobre estas cosas, difícilmente estarás en forma como compañía. Todo te ofenderá. Es el precio que se paga por la iniciación en los alcances más altos de la presentación de datos. Debes convertirte en una luz en el mundo y avanzar la causa..


Resumen

Este será un trabajo duro

Primero, diseña las categorías. Esta será una jerarquía. En el nivel superior, un conjunto de especies. Cada especie contendrá un conjunto de categorías. Cada categoría se convertirá en una especie por derecho propio, con un conjunto de categorías debajo de ella. Y así. La lista principal de especies, así como todas las listas de categorías subordinadas, deben ser mutuas: nuestro principio rector. El espectador nunca debe ver una lista de categorías a menos que sean mutuas entre sí. Las categorías son mutuas si subdividen una población en particiones proporcionales. Este será un trabajo duro; Representará el esqueleto conceptual de todo el esfuerzo. Para no exagerar esta tarea, tenga en claro los contenidos del proyecto; Puede ser un pequeño subconjunto de las actividades o productos de la empresa..

Tendrá que definir su enfoque estético. Me gustan los diseños simples, limpios y ordenados; No me gustan las cosas que me parpadean; Me gustan las pantallas uniformes, en lugar de, digamos, una lista horizontal en algunos lugares y listas verticales en otros lugares (aunque se pueden manejar con gusto). No hay razón para detenerse en esto; Es parte del proceso creativo, y un buen diseñador querrá desarrollar sus propios estándares..

A continuación, decida la relación de la etiqueta a la información. ¿Desea que el espectador vea solo las etiquetas, con información que aparece después de que haga clic en una etiqueta? ¿O quieres información junto con las etiquetas, en el nivel superior? Esto dependerá de la profundidad anidada y la cantidad de etiquetas..

Piensa cuidadosamente sobre los iconos; a veces son útiles; no siempre. Internet Explorer se vuelve menos verbal con cada lanzamiento. Hay una flecha verde circular que significa "historia". No veo la conexión. Hay un cuadrado amarillo con la esquina levantada, que significa "discutir". Ni el cuadrado amarillo ni el "debate" verbal me transmiten nada. En términos generales, sus clientes no serán arqueólogos alumbrando una linterna en una pared de una cueva; esperarán símbolos inteligibles, no rompecabezas.


Aquí están los principios:

  • Las categorías deben ser mutuas.
  • Una categoría es un componente de una especie. También puede convertirse en una especie en sí misma, si hay otras categorías debajo de ella..
  • Un espectador debe mirar una especie (y sus categorías de componentes) a la vez.
  • Decidir entre sistemas de membresía múltiples y únicos. Un artículo puede ser clasificado en más de una categoría.?
  • Sea consistente en el uso de etiquetas: ¿identifican a los usuarios o la información? Que sea obvio.
  • Principio de etiquetado descriptivo: los usuarios deben poder inferir el contenido de una categoría leyendo la etiqueta.
  • Las subetiquetas pueden ser útiles si las etiquetas no se explican por sí mismas. Generalmente no hay excusa para esto, pero a veces la etiqueta es un nombre propio, que se refiere al programa, producto u otro atributo propietario de la entidad que se está modelando.
  • Monopolio visual: cuando un usuario selecciona una categoría, todos los candidatos se presentan juntos.
  • Creo que te sorprenderás de cuánto esfuerzo implica esta actividad. La mayoría de los sitios evolucionan históricamente, ya que las cosas se agregan a un diseño original; Esto puede resultar práctico. Visualizar todo el tema de antemano es importante, pero tienes una oportunidad en la mejor práctica.