it-swarm-pt.tech

Quaisquer exemplos ou sugestões para trabalhar com cronogramas

Vou escrever um aplicativo que precisa lidar com fluxos de trabalho lineares. Para simplificar, existem dois tipos de entradas:

  • Eventos: uma condição de disparo que permite avançar. Pode ter um tempo estimado, mas é algo que você passa quando algo é feito.
  • Temporizador: Depois que uma tarefa é iniciada, ela termina em um determinado momento.

Estou procurando criar um editor para criar o fluxo de trabalho e uma interface separada para orientar o usuário no fluxo de trabalho. Eu gostaria que o usuário visse o passado e o futuro com uma importância cada vez menor quanto mais longe for o tempo. Eu estava pensando em usar uma visão tradicional do tipo linha do tempo, como a seguir, mas coloque-a em uma roda (visão de cima para baixo) ou apenas faça a escala logarítmica do centro. alt text

Alguém viu uma interface que realiza algo semelhante ou tem alguma sugestão interessante?

12
Jim Rush

Não sei se é o que você está procurando, mas há alguns dias vi uma linha do tempo que parece ótima. É de um aplicativo para iPad, chamado iStreamer . É a melhor linha do tempo que eu já vi ...

2
Marcos Crispino

Fizemos algo parecido com isso para a Associação Sueca de Profissionais de Saúde. Principalmente como uma visualização de suas atividades ao longo do tempo e como uma entrada exploratória para parte de seu conteúdo. Infelizmente, parece que ele perdeu o lugar na grade e caiu no rodapé da página, mas confira: http://vardforbundet.se/

alt text

4
fluxd

Estou tentando dividir sua pergunta em algumas seções.

Veja o gráfico financeiro do Google: alt text

Em particular, observe a barra de rolagem que fornece uma visão do local da seção visível dentro da linha do tempo geral.

Acho que preciso de um pouco mais de informação para entender a funcionalidade exata do gatilho e do timer, mas como você mencionou tarefas, posso compartilhar o componente mais recente em que estou trabalhando - um roteiro que mostra os marcos e tarefas do projeto:

alt text

Os ícones marcam as datas de vencimento dos marcos (seus gatilhos?) E tarefas, mas você também pode adicionar facilmente uma indicação do início deles.

Por último - em relação à escala logarítmica ou à vista de cima para baixo da roda - acho que a idéia é legal, mas receio que os usuários não a entendam e será muito difícil indicar:

  • A escala logarítmica em particular - se você simplesmente aplicar essa escala, mas para o usuário a linha do tempo parecer linear, eles poderão estimar algo fora do centro, sem perceber a distorção.
  • Adoro a vista superior da roda, mas aprendi que muitas pessoas não visualizam muito bem a geometria 3D, e elas podem não entender como estimar a diferença entre dois pontos que não estão no centro.
3
Dan Barak

E se você usasse algo que tivesse um efeito semelhante a um menu Olho de peixe. Quando o cursor está sobre a linha do tempo, a área ao redor se expande/amplia.

Portanto, para a visão normal, a escala é linear. Quando a lente olho de peixe está sobre uma determinada seção, a escala da linha do tempo também é expandida.

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

2
milesmeow

Talvez uma função inteligente de zoom in/out para sua linha do tempo possa funcionar, o que provavelmente resultaria visualmente em algo entre uma roda e a linha do tempo logarítmica (mais uma curva de Bell). Talvez a linha do tempo no Dopplr.com possa inspirá-lo.

Também Matt teve uma palestra muito interessante durante o DxF2009 sobre o tempo, onde eles descreveram um projeto chamado "Here & There". Pode ser um pouco demais, mas é realmente inspirador quando você precisa encontrar soluções de interface relacionadas ao tempo.

(Adoraria postar os links, mas não posso por causa de uma reputação baixa ... desculpe)

0
Pieter

Eu tenho este marcado com a tag "timeline": http://marcinignac.com/wp-content/uploads/2010/03/cambridge_gatwick06.png

talvez isso seja de alguma inspiração ...

0
Jüri

Você pode indicar a importância de uma seção de horário, tornando o texto que descreve o evento menor para os eventos que estão longe do "horário atual". Dessa forma, você não distorcerá sua linha do tempo, mas os olhos do leitor serão imediatamente atraídos para fontes maiores.

0
lynxoid