design de interface do usuário para controle de tempo

Question

Eu estou tentando pensar uma interface para um sistema de manutenção de tempo que permitirá aos usuários ver "de relance" quanto tempo ainda precisa ser concluída.

Esta é complicada pelo fato de que há horas não fixas - os funcionários devem trabalhar pelo menos 6 horas em qualquer dia da semana, e no final de cada mês deve ter trabalhado 7,5 horas para cada dia da semana daquele mês. 7,5 horas de qualquer maneira pode ser transferido para o mês seguinte. Os funcionários também podem levar até 1 de manhã e 1 à tarde por tempo mês 'Flex'. precisa de tempo deve ser registrado por 10,15 no dia seguinte, mas esta regra é dobrado durante horários de pico, e no fim de semana e particularmente acabar de limites mês se tornam mais importantes.

Então, qual é o formato mais legível para exibir a hora entrou atualmente e destaque aproximando prazos para entradas não concluídas, enquanto continua a dar uma sensação de como muito à frente / trás acompanhar o funcionário é (ou seja, se você tem uma semana para ir naquele mês e você é 8 horas à frente você poderia programar um pouco de tempo edredão adicional).

A minha primeira tomada foi um gráfico de barras para cada dia com uma linha vermelha em 6. Mas isso não lhe dá alguma idéia de como muito à frente ou atrás de você são para cada dia ou mês ou se você está perto de perder uma prazo ...

(Por favor, desculpe a maquete horrível)

Talvez eu estou tentando transmitir muita informação em um só lugar?

-

Aqui está uma maquete de V.S. tempo registrado tempo necessário como sugerido por Dickon Reed

-

EDIT: este lado funciona muito bem para coisas como esta. i vou chutar algumas dessas idéias em torno de manhã e espero conseguir algo postado aqui.

Answer 1

O primeiro gráfico pode ser melhorada, mostrando o tempo que resta como mostrado abaixo . O tempo remanescente até que o próximo prazo semanal / mensal é dividido uniformemente ao longo dos dias restantes antes do prazo. Portanto, a interface do usuário irá responder à pergunta: "Quantas horas por dia, terá de trabalho para atender o meu prazo?" Se o usuário quer tomar uma manhã / tarde de folga (ou eu entendo que você incorretamente?), Você deve ter uma caixa de seleção para esse dia, após verificação de que as estimativas serão ajustados em conformidade.

Você também deve mostrar o tempo exato no topo de cada barra vertical, de modo que o usuário não precisa estimar na cabeça (eu era preguiçoso e acrescentou-los para apenas um par de barras na maquete). Também destacar o dia atual, por exemplo na imagem abaixo isso foi feito por circulando "Quinta-feira" e usando uma fonte em negrito para o tempo que o usuário tem vindo a trabalhar hoje. Você também pode usar algum efeito visual de barra vertical de hoje.

gráfico de barras melhorado http://img11.imageshack.us/img11/6755/ 20090216203339em2.png

Para o seu segundo gráfico você também deve atrair os prazos semanais ou mensais, como barras horizontais. Em alguns casos, o segundo gráfico pode ser melhor, mas neste caso eu iria resolver com a primeira carta (com as minhas melhorias), porque ele pode corresponder melhor ao modelo mental dos usuários, e de que maneira você também pode visualizar a 6h mínima diária alguma forma.

Answer 2

Como cerca de um "tubo de ensaio / termômetro" de imagem, como eles têm para instituições de caridade ... que enche como você adicionar tempo, tentando alcançar um objetivo (a linha vermelha).

Preencher cada dia com uma cor diferente, e rótulo em conformidade ... se o usuário trabalha horas extras M-T, que pode ter atingido a linha antes de sexta-feira, etc.

semelhante a: alt texto http://goyamarketing.com/blog/wp- content / uploads / 2008/11 / goal_thermometer.gif

Answer 3

o caractere barra aparência agradável visualmente, mas o que você realmente precisa saber é como muito atrás / frente você está em suas horas totalmente.

Se eu entendi corretamente, você está interessado apenas em seu saldo atual e seu prazo atual, para que você possa exibir essas informações em 2 campos separados (por exemplo, abaixo do gráfico). Claro, você também pode marcar a prazo com alguma linha horizontal no gráfico.

Answer 4

Como cerca de um gráfico de pizza, onde o tamanho total representa as fatias meta mínima e torta add para cada dia com dias reais que conheci o mínimo uma cor, dias com tempo extra outro e depois preencher os restantes dias como fatias cinzentas com o número de horas que o empregado teria de trabalho dividido igualmente entre eles?

Answer 5

Um gráfico de linha com "dias úteis decorrido" no eixo X e "fração de trabalho mensal exigida feito" no eixo Y? Com apenas alguns pontos de dados, deve ficar claro extrapolando visualmente se você atingiu o topo cedo ou mais tarde. A trama seria parecido com uma escada irregular.

ps. "A apresentação visual de informações quantitativas", de Edward Tufte é um grande livro de ideias sobre esse tipo de assunto.

Answer 6

Para tirar a ideia de Dickon Reed um passo adiante, por que não fazer cada ponto como um +/- horas à frente ou atrás, com sua linha de base sempre 0. Dessa forma você terá mais detalhes. Eu não tenho certeza se eu tenho o meu ponto de vista, mas é difícil de fazer sem um exemplo, e eu estou em curto tempo.