
En informática , una interfaz de usuario con zoom ( ZUI , pronunciado zoo-ee) es un tipo de interfaz gráfica de usuario (GUI) en la que los usuarios pueden cambiar la escala del área visualizada para ver más o menos detalles y navegar por diferentes documentos . Los elementos de información aparecen directamente en un escritorio virtual infinito (generalmente creado con gráficos vectoriales ), en lugar de en ventanas. Los usuarios pueden desplazarse por la superficie virtual en dos dimensiones y hacer zoom en los objetos de interés. Por ejemplo, al hacer zoom en un texto, este puede representarse como un punto pequeño, luego como una miniatura de página, después como una página a tamaño completo y, finalmente, como una vista ampliada de la página.
Las interfaces de usuario con zoom (ZUI) utilizan el zoom como metáfora principal para navegar por información con hipervínculos o multivariada. Los objetos presentes en una página con zoom pueden, a su vez, ampliarse para revelar más detalles, lo que permite el anidamiento recursivo y un nivel de zoom arbitrario.
Los investigadores han descrito el paradigma ZUI como una interfaz Post-WIMP y un posible sucesor de la GUI de ventanas tradicional. [ 1 ]
El término ZUI fue acuñado por Franklin Servan-Schreiber mientras trabajaba en los Laboratorios de Investigación de Sony , en colaboración con Ben Bederson y Ken Perlin de la Universidad de Nueva York . [ 2 ]
Historia
En 1962, Ivan Sutherland presentó el primer programa para hacer zoom y crear estructuras gráficas con restricciones e instanciación en un CRT en su programa Sketchpad . [ 3 ]
En la década de 1970, el Architecture Machine Group del MIT desarrolló una interfaz más general . Se emplearon el seguimiento de manos, la pantalla táctil , el joystick y el control por voz para controlar un plano infinito de proyectos, documentos, contactos, vídeo y programas interactivos. Una de las instancias de este proyecto se denominó Spatial Dataland. [ 4 ]
Otro entorno de interfaz gráfica de usuario (GUI) de los años 70 que utilizaba la idea del zoom era Smalltalk en Xerox PARC , que tenía escritorios infinitos (solo Apple Computer les dio ese nombre más tarde ), sobre los que se podía hacer zoom desde una vista aérea después de que el usuario hubiera reconocido una miniatura de la configuración de la ventana del proyecto.
El esfuerzo más prolongado para crear una ZUI ha sido el proyecto Pad++ iniciado por Ken Perlin , Jim Hollan y Ben Bederson en la Universidad de Nueva York [ 5 ] [ 1 ] y continuado en la Universidad de Nuevo México bajo la dirección de Hollan. Después de Pad++, Bederson desarrolló Jazz, luego Piccolo, [ 6 ] y ahora Piccolo2D [ 7 ] en la Universidad de Maryland, College Park , que se mantiene en Java y C# .
Entre los esfuerzos más recientes de ZUI se incluyen Archy del fallecido Jef Raskin , ZVTM desarrollado en INRIA (que utiliza la técnica de la lente Sigma [ 8 ] ), [ 9 ] y la sencilla ZUI del entorno y lenguaje de programación Squeak Smalltalk .
GeoPhoenix, una empresa emergente asociada al MIT Media Lab , fundada por Julian Orbanes, Adriana Guzman y Max Riesenhuber, lanzó una versión comercial de Zoomspace para el mercado masivo entre 2002 y 2003 para el asistente digital personal (PDA) Sony CLIÉ , en colaboración con Ken Miura de Sony.
En 2002, Pieter Muller amplió el Sistema Oberon con una interfaz de usuario con zoom y lo denominó Sistema de Objetos Activos (AOS). [ 10 ] En 2005, debido a problemas de derechos de autor, se le cambió el nombre a Bluebottle y, en 2008, a A2 .
En 2005, Franklin Servan-Schreiber fundó Zoomorama, basándose en el trabajo que realizó en los Laboratorios de Investigación de Sony a mediados de la década de 1990. El navegador Zooming Browser para collages de imágenes de alta resolución se lanzó en versión alfa en octubre de 2007. El navegador de Zoomorama está completamente basado en Flash. En 2010, el desarrollo del proyecto finalizó, pero muchos ejemplos permanecen en el sitio web.
En 2006, Hillcrest Labs presentó el sistema de navegación televisiva HoME, la primera interfaz gráfica con zoom para televisión. [ 11 ]
En 2007, Microsoft Live Labs lanzó una interfaz de usuario con zoom para la navegación web llamada Microsoft Live Labs Deepfish para la plataforma Windows Mobile 5.
El iPhone de Apple (presentado en junio de 2007) utiliza una forma estilizada de ZUI, en la que el desplazamiento y el zoom se realizan mediante una interfaz de usuario táctil (TUI). Una versión más completa de ZUI está presente en la pantalla de inicio de iOS (a partir de iOS 7 ), con zoom desde la pantalla de inicio hacia carpetas y, finalmente, hacia aplicaciones. La aplicación Fotos permite alejar la vista desde una sola foto hasta momentos, colecciones y años, y de forma similar, la aplicación Calendario permite alejar la vista desde las vistas de día, mes y año. [ 12 ] No se trata de una implementación completa de ZUI, ya que estas operaciones se aplican a espacios delimitados (como páginas web o fotos) y tienen un rango limitado de zoom y desplazamiento.
De 2008 a 2010, GNOME Shell utilizó una interfaz de usuario con zoom para la gestión de espacios de trabajo virtuales. [ 13 ] Esta ZUI fue reemplazada posteriormente por un diseño diferente basado en el desplazamiento.
Prezi , una herramienta de presentación web basada en un lienzo único con zoom, se lanzó en 2009. En lugar de crear diapositivas, los usuarios colocan contenido en una superficie abierta y definen una secuencia de fotogramas que el software recorre mediante desplazamiento, zoom y rotación durante la reproducción. Fue la primera interfaz de usuario basada en zoom (ZUI) en alcanzar una adopción masiva, superando los 50 millones de usuarios en 2014. [ 14 ] [ 15 ]
Stack Zooming, lanzado en 2010, fue diseñado para navegar por conjuntos de datos unidimensionales, como series temporales, combinando zoom y capas para mantener visible el conjunto de datos completo. [ 16 ] En 2012, PolyZoom extendió el concepto de Stack Zooming a espacios bidimensionales. [ 17 ]
La plataforma de colaboración Miro , que utiliza una interfaz de usuario con zoom, se lanzó en 2011 con el nombre de RealtimeBoard y cambió su nombre a Miro en 2019. En 2022, reportó 40 millones de usuarios.
En 2017, bigpictu.re ofreció un bloc de notas infinito (con desplazamiento y zoom) como aplicación web basada en una de las primeras bibliotecas de código abierto ZUI. [ 18 ]
En 2017 se lanzó Zircle UI. Es una biblioteca de interfaz de usuario de código abierto que utiliza navegación con zoom y formas circulares. [ 19 ]
Tipos de zoom
Las interfaces de zoom han implementado varios tipos de comportamientos de zoom, entre los que se incluyen:
- El zoom geométrico escala los objetos en proporción directa al nivel de zoom, [ 1 ] y es el método de zoom más común en las interfaces de usuario con zoom. [ 20 ]
- El zoom semántico cambia la representación de un objeto en función de la escala, en lugar de simplemente redimensionarlo. [ 5 ] [ 21 ] En el calendario multiescala de Pad, al alejar la imagen se muestra una cuadrícula de años, mientras que al acercarla se revelan los días individuales; [ 5 ] en Pad++, un reloj digital muestra las horas y los minutos en tamaño normal, los segundos al acercar la imagen y solo la hora al alejarla. [ 1 ]
- El zoom ojo de pez conserva el área de enfoque con todo detalle, mientras que comprime los elementos circundantes a medida que aumenta la distancia. [ 22 ] Furnas demostró la técnica utilizando una taxonomía botánica, en la que los nodos alejados del foco actual se eliminaban por completo de la visualización cuando su grado de interés caía por debajo de un umbral. [ 22 ]
- El zoom lógico de ojo de pez muestra el foco con todo detalle y filtra todo lo demás mediante una puntuación de grado de interés basada en la distancia estructural en lugar de la posición en la pantalla. [ 22 ] [ 23 ] Implementado en el visor de programas C de Furnas, que muestra la línea actual con todo detalle mientras elimina el código distante por debajo del umbral de grado de interés. [ 22 ]
- El zoom gráfico de ojo de pez distorsiona el espacio de coordenadas, de modo que los elementos cercanos se agrandan y los distantes se comprimen, y la importancia preasignada a cada elemento también determina cuánto espacio y detalle recibe. [ 24 ] Implementado en el navegador gráfico interactivo de Sarkar y Brown. [ 24 ]
- El zoom inteligente combina el zoom ojo de pez con la presentación adaptativa; el sistema determina el formato de visualización más apropiado para cada elemento. [ 25 ] Implementado en la interfaz de control de supervisión de red de Bartram et al. para telecomunicaciones. [ 25 ]
- El zoom ojo de pez semántico amplía las vistas ojo de pez mediante el uso de métricas de distancia semántica, preservando el área de enfoque con todo detalle y restando importancia a otros elementos según la cercanía de cada elemento con la tarea actual, en lugar de por la distancia física en pantalla. [ 26 ] Implementado en un navegador de itinerarios de vuelo tabulares, [ 26 ] y en una interfaz experimental de mapa conceptual basada en VUE . [ 27 ]
- El zoom topológico utiliza la estructura del grafo para calibrar el detalle. El nodo de enfoque se renderiza a resolución completa; todo lo que está más lejos se reemplaza con aproximaciones precalculadas más gruesas del grafo. [ 28 ] Implementado en la herramienta de zoom topológico de Gansner et al. para visualizar grafos grandes. [ 28 ]
Véase también
Referencias
- 1 2 3 4 Bederson, Benjamin B. ; Hollan, James D. ; Perlin, Ken ; Meyer, Jon; Bacon, David ; Furnas, George (marzo de 1996). "Pad++: Un bloc de dibujo gráfico con zoom para explorar la física de interfaces alternativas". Journal of Visual Languages and Computing . 7 (1): 3– 32. doi : 10.1006/jvlc.1996.0002 .
- ↑ Bederson, Benjamin B. (2011). "La promesa de las interfaces de usuario con zoom". Behaviour & Information Technology . 30 (6): 853– 866. doi : 10.1080/0144929X.2011.586724 .
- ↑ Sutherland, Ivan Edward (septiembre de 2003), Sketchpad: Un sistema de comunicación gráfica hombre-máquina (PDF) , ISSN 1476-2986
- ↑ Dataland: el concepto de sala multimedia del MIT de los años 70 que influyó en el Mac
- 1 2 3 Perlin, Ken ; Fox, David (1993). "Pad: Un enfoque alternativo a la interfaz de computadora". Actas de la 20.ª Conferencia Anual sobre Gráficos por Computadora y Técnicas Interactivas . págs. 57–64 . doi : 10.1145/166117.166125 .
- ↑ Piccolo (anteriormente Jazz): Kit de herramientas ZUI para Java y C# (ya no recibe mantenimiento activo)
- ↑ Piccolo2D : El sucesor de Piccolo.
- ↑ Pietriga, Emmanuel; Appert, Caroline (2008). Lentes Sigma: transiciones de contexto de enfoque que combinan espacio, tiempo y translucidez . Actas de la vigésimo sexta conferencia anual SIGCHI sobre factores humanos en sistemas informáticos. doi : 10.1145/1357054.1357264 .
- ↑ ZVTM
- ↑ Muller, Pieter Johannes (2002). Diseño de sistema de objetos activos e implementación multiprocesador (PDF) (Tesis doctoral). Instituto Federal Suizo de Tecnología, Zúrich ( ETH Zúrich ). Archivado del original (PDF) el 28 de mayo de 2016. Consultado el 1 de febrero de 2021 .
- ↑ Derene, Glen (2007). "Wii 2.0: Loop Remote te permite hacer clic con un gesto" . Popular Mechanics . Consultado el 11 de noviembre de 2011 .
- ↑ "iOS 7" . Archivado del original el 6 de septiembre de 2013. Consultado el 19 de septiembre de 2017 .
- ↑ "GNOME Shell, compilación del 2010-02-20: una interfaz de usuario con zoom" . YouTube . 20 de febrero de 2010. Archivado del original el 12 de diciembre de 2021. Consultado el 26 de diciembre de 2020 .
- ↑ Anthes, Gary (1 de diciembre de 2012). "Zoom In, Zoom Out" . Communications of the ACM .
- ↑ Butcher, Mike (19 de noviembre de 2014). "Prezi consigue una ronda de financiación de crecimiento de 57 millones de dólares de Spectrum y Accel, y supera los 50 millones de usuarios" . TechCrunch .
- ↑ Javed, Waqas; Elmqvist, Niklas (2010). "Zoom de pila para interacción multifocal en visualización de datos de series temporales". Actas del Simposio de Visualización del Pacífico del IEEE . págs. 33–40 . doi : 10.1109/PACIFICVIS.2010.5429613 .
- ↑ Javed, Waqas; Ghani, Sohaib; Elmqvist, Niklas (2012). "PolyZoom: Exploración multiescala y multifocal en espacios visuales 2D". Actas de la Conferencia SIGCHI sobre Factores Humanos en Sistemas Informáticos . doi : 10.1145/2207676.2207716 .
- ↑ "bigpicture.js, una biblioteca que permite el desplazamiento y el zoom infinitos en páginas HTML" . GitHub . 2015.
- ↑ "Zircle UI: Una biblioteca frontend para desarrollar interfaces de usuario con zoom" . GitHub . 2017–2021.
- ↑ Hornbæk, Kasper ; Bederson, Benjamin B .; Plaisant, Catherine (diciembre de 2002). "Patrones de navegación y usabilidad de interfaces de usuario con zoom con y sin vista general". ACM Transactions on Computer-Human Interaction . 9 (4): 362–389 . doi : 10.1145/586081.586086 . ISSN 1073-0516 .
El más común es el zoom geométrico, donde la escala determina linealmente el tamaño aparente del objeto.
- ↑ Bright, Peter (13 de septiembre de 2011). "Primeras impresiones de Windows 8: Un sistema operativo para PC en la era de las tabletas" . Ars Technica.
- 1 2 3 4 Furnas, George W. (1 de abril de 1986). "Vistas ojo de pez generalizadas". Actas de la Conferencia SIGCHI sobre Factores Humanos en Sistemas Informáticos . págs. 16–23 . doi : 10.1145/22627.22342 .
- ↑ Sander, Georg (6 de abril de 1999). "Diseño de grafos para aplicaciones en la construcción de compiladores". Theoretical Computer Science . 217 (2): 175– 214. doi : 10.1016/s0304-3975(98)00270-9 .
- 1 2 Sarkar, Manojit; Brown, Marc H. (1 de junio de 1992). "Vistas gráficas ojo de pez de grafos". Actas de la Conferencia SIGCHI sobre Factores Humanos en Sistemas Informáticos . págs. 83–91 . doi : 10.1145/142750.142763 .
- 1 2 Bartram, Lyn; Ovans, Russell; Dill, John; Dyck, Michael; Ho, Albert; Havens, William S. (1994). "Asistencia contextual en interfaces de usuario para sistemas complejos y críticos en el tiempo: El zoom inteligente". Actas de Graphics Interface '94 . Sociedad Canadiense de Procesamiento de la Información. págs. 216–224 . doi : 10.20380/GI1994.26 .
- 1 2 Janecek, Paul; Pu, Pearl (22 de mayo de 2002). "Un marco para diseñar vistas ojo de pez para admitir múltiples contextos semánticos". Actas de la Conferencia de Trabajo sobre Interfaces Visuales Avanzadas . págs. 51–58 . doi : 10.1145/1556262.1556269 .
- ↑ Afram, Andrew J.; Briedis, John; Fujiwara, Daisuke; Jacob, Robert JK ; Cao, Caroline GL; Kahle, David (octubre de 2007). "Evaluación del zoom ojo de pez semántico para proporcionar enfoque y contexto". Actas de la reunión anual de la Sociedad de Factores Humanos y Ergonomía . 51 (5): 459– 463. doi : 10.1177/154193120705100507 .
- 1 2 Gansner, Emden R.; Koren, Yehuda; North, Stephen C. (31 de agosto de 2005). "Vistas topológicas de ojo de pez para visualizar gráficos grandes". IEEE Transactions on Visualization and Computer Graphics . 11 (4): 457– 468. Bibcode : 2005ITVCG..11..457G . doi : 10.1109/TVCG.2005.66 . PMID 16138555 .
Enlaces externos
- Artículo de The Economist de 2012 sobre ZUI
- Interfaces gráficas de usuario
- Interfaces de usuario con zoom
- Técnicas de interfaz de usuario
- Interfaces gráficas de usuario 3D