it-swarm-es.com

Cualquier ejemplo o sugerencia para trabajar con líneas de tiempo

Voy a escribir una aplicación que necesita manejar flujos de trabajo lineales. Para simplificar, hay dos tipos de entradas:

  • Eventos: una condición de activación que le permite avanzar. Puede tener un tiempo estimado, pero es algo que pasa cuando se hace algo.
  • Temporizador: una vez que se inicia una tarea, finaliza en un momento determinado.

Estoy buscando construir un editor para crear el flujo de trabajo y una interfaz separada para guiar al usuario a través del flujo de trabajo. Me gustaría que el usuario vea el pasado y el futuro con una importancia cada vez menor cuanto más lejos esté el tiempo a partir de ahora. Estaba considerando tomar una vista de tipo de línea de tiempo tradicional, como la siguiente, pero ponerla en una rueda (vista de arriba hacia abajo) o simplemente hacer que la escala sea logarítmica desde el centro. alt text

¿Alguien ha visto una interfaz que logre algo similar o tenga alguna sugerencia interesante?

12
Jim Rush

No sé si es lo que estás buscando, pero hace unos días vi una línea de tiempo que se ve muy bien. Es de una aplicación de iPad, llamada iStreamer . Es la mejor línea de tiempo que he visto ...

2
Marcos Crispino

Hicimos algo parecido a eso para la Asociación Sueca de Profesionales de la Salud. Principalmente como una visualización de su actividad a lo largo del tiempo y como una entrada exploratoria a algunos de sus contenidos. Lamentablemente parece haber perdido su lugar en la cuadrícula y se ha deslizado hasta el pie de página de la página, pero échale un vistazo: http://vardforbundet.se/

alt text

4
fluxd

Estoy tratando de dividir su pregunta en algunas secciones.

Echa un vistazo al gráfico de Finanzas de Google: alt text

En particular, observe la barra de desplazamiento que ofrece una vista del lugar de la sección visible dentro de la línea de tiempo general.

Creo que necesito un poco más de información para comprender la funcionalidad exacta del disparador y el temporizador, pero como ha mencionado las tareas, puedo compartir el último componente en el que he estado trabajando: una hoja de ruta que muestra los hitos y las tareas del proyecto:

alt text

Los íconos marcan las fechas de vencimiento de los hitos (¿sus desencadenantes?) Y las tareas, pero también puede agregar fácilmente una indicación de su inicio.

Por último, con respecto a la escala logarítmica o la vista superior de la rueda, creo que la idea es genial, pero me temo que los usuarios no la entenderán y será muy difícil indicar:

  • La escala logarítmica en particular: si simplemente aplica esta escala, pero para el usuario la línea de tiempo se ve lineal, puede estimar algo fuera del centro, sin darse cuenta de la distorsión.
  • Me encanta la vista superior de la rueda, pero he aprendido que algunas personas no imaginan la geometría 3D demasiado bien, y es posible que no se den cuenta de cómo estimar la diferencia entre dos puntos que no están en el centro.
3
Dan Barak

¿Qué sucede si usa algo que tiene un efecto similar a un menú de ojo de pez? Cuando el cursor está sobre la línea de tiempo, el área a su alrededor se expande/amplía.

Entonces, para la vista normal, la escala es lineal. Cuando la lente ojo de pez está sobre una determinada sección, la escala de la línea de tiempo también se expande.

http://www.ajaxdaddy.com/demo-interface-fisheye.html

2
milesmeow

Quizás una función inteligente de acercar/alejar para su línea de tiempo podría funcionar, lo que probablemente resultaría visualmente en algo entre una rueda y una línea de tiempo logarítmica (más una curva de Bell). Tal vez la línea de tiempo en Dopplr.com pueda inspirarte.

También Matt tuvo una nota clave muy interesante durante DxF2009 sobre el tiempo, donde describieron un proyecto llamado "Here & There". Puede ser un poco demasiado, pero es realmente inspirador cuando tienes que buscar soluciones de interfaz relacionadas con el tiempo.

(Me encantaría publicar los enlaces, pero no puedo debido a una baja reputación ... lo siento)

0
Pieter

Tengo este marcado con la etiqueta "timeline": http://marcinignac.com/wp-content/uploads/2010/03/cambridge_gatwick06.png

tal vez esto sea de alguna inspiración ...

0
Jüri

Puede indicar la importancia de una sección de tiempo haciendo que el texto que describe el evento sea más pequeño para aquellos eventos que están muy lejos de la "hora actual". De esta manera, no distorsionará su línea de tiempo, pero el ojo del lector se verá inmediatamente atraído por una fuente más grande.

0
lynxoid