Tus respuestas se guardan solas en este navegadorListo
CÁPSULA 24 · APRENDIZAJE ACTIVO
Interactividad: overview, zoom & filter, details on demand

El mantra de Shneiderman en tu app favorita

Shneiderman lo resumió en una frase: «Overview first, zoom and filter, then details on demand». Las apps que usas a diario lo siguen — o lo violan. Vas a auditar una que conozcas bien, revisar cómo resuelve cada uno de los tres niveles del mantra y proponer una mejora donde falle.

Paso 1

Elige tu app

Elige una app o sitio web que uses al menos 3 veces por semana. Trabajarás sobre ella durante toda la hoja, así que conviene que la conozcas de memoria.

Algunas que sirven bien:

App elegida¿Para qué la usas?
Paso 2

Overview — la vista panorámica

El primer nivel del mantra es la vista panorámicaUna pantalla que te da el sentido global de todo lo que hay disponible, antes de entrar a cualquier detalle.. Mira la pantalla inicial de tu app: ¿te da una visión global de todo lo disponible, o te tira de cabeza a un detalle? Describe dónde encuentras el overview — o dónde falta.

Paso 3

Zoom & filter — refinar

El segundo nivel te deja acotar lo que ves: filtrar, ordenar, buscar, hacer zoom. Lista los controles de este tipo que más usas en tu app y di si te resultan suficientes.

Paso 4

Details on demand — el detalle bajo pedido

El tercer nivel entrega el detalle sólo cuando lo pides. Cuando haces clic o tocas un elemento, ¿qué se abre? ¿Es el detalle correcto de ese elemento, o te lleva a otra pantalla genérica?

Paso 5

Lo que falla

Vuelve sobre tus tres respuestas y elige el nivel que tu app NO resuelve bien. Vas a proponer una mejora concreta: primero un boceto, luego una justificación corta.

¿Qué nivel falla?

Boceta tu propuesta de mejora en papel y sube una foto:

Sketch de tu propuesta
Arrastra una imagen aquío elige una opción:

Explica tu mejora en tres líneas — qué cambia y por qué resuelve el problema que detectaste.

Paso 6

Bonus — interacción avanzada

Más allá del mantra básico, hay interacciones que enriquecen la experiencia: tooltips al pasar el cursor, sliders temporales, selección lassoTrazar un lazo con el mouse alrededor de varios puntos de un gráfico para seleccionarlos e inspeccionarlos juntos., animación. Recuerda dos que hayas visto en una visualización que te haya gustado y descríbelas.