web-development-kb-pt.site

Qual é a interface do usuário mais rápida para inserir uma data nos últimos 30 dias?

Meus representantes de vendas têm uma lista longa (mais de 200) de suas contas e precisam inserir a última data em que visitaram cada conta. Na maioria das vezes, essa data estará nos últimos 30 dias. Qual é a interface mais rápida para inserir ou selecionar uma data?

7
Vidbot

Eu diria o teclado numérico. Este não é um padrão normal de interface do usuário para datas, portanto, lembre-se disso; pode exigir uma breve explicação ou treinamento. Deixe-os simplesmente inserir apenas o dia do mês (1, 14, 30, etc) e, em seguida, fazer algo como o seguinte processo em segundo plano:

  1. Obter a data de hoje.
  2. Se o dia do mês digitado for maior ou igual à data de hoje, diminua automaticamente o mês atual em um e adicione o ano. (Observe que você precisará adicionar lógica adicional para janeiro/dezembro e também verificar se existe um dia em um mês).
  3. Se o dia do mês digitado for menor que a data de hoje, foi no mesmo mês e ano, para que você possa anexar ambos.
  4. Se a data atual ou posterior a um mês atrás for necessária, eles poderão inserir a data completa no formato especificado.
  5. Opcionalmente, você pode fornecer um recurso de preenchimento automático que permitirá que eles usem as teclas de seta e selecione a data assim que começarem a digitar.

Para resumir, o usuário digita um ou dois pressionamentos de tecla indicando o dia do mês e o sistema o conclui automaticamente.

Se você não estiver apaixonado por esse método, sempre poderá usar um seletor de data JavaScript. ( MooTools , jQuery , Dojo , etc.) Se você não tiver certeza sobre qual caminho escolher, sugiro que faça o teste do usuário e consulte qual caminho é mais rápido para as pessoas.

8
Virtuosi Media

Use um widget seletor de datas mostrando uma visualização de 2 meses (o mês atual e o mês anterior) com as datas futuras desativadas.

2-month date picker widget

(Esse é o DatePicker da UI do jQuery .)

Esse arranjo permite a seleção com um clique de qualquer data do último mês (pelo menos) e qualquer outra data recente também pode ser inserida facilmente. Isso também significa que os representantes não precisam traduzir mentalmente "última sexta-feira" para "1º de outubro", como faria se tivessem que digitar a data.

Se houver pouco espaço, basta usar um campo de texto para exibir a data e fazer com que o seletor de datas apareça quando o campo receber o foco.

3
Bennett McElwee

Quando você diz "visitou cada conta", isso implica que eles estão sendo visualizados em um sistema de computador. Se esse for o caso, o melhor método seria registrar a data toda vez que alguém abrir essa conta.

Como alternativa, eu usaria algo como isto:

                Last visited: [______________] [v]
  SA   SU   MO   TU   WE   TH   FR   SA   SU   MO
|_25_|_26_| 27 | 28 | 29 | 30 | 01 |_02_|_03_| 04
  • Primeira linha é a caixa de texto que permite ao usuário inserir a data na íntegra, se quiser
  • Ícone suspenso/calendário [v] traz os últimos 30 dias seguidos. Pode estar "sempre ativo", pois não ocupa muito espaço.
  • Os dias podem não ser necessários se os fins de semana estiverem destacados (por exemplo, uma cor de plano de fundo diferente).
  • Pode incluir uma barra de rolagem se ela não couber.
  • Em vez disso, poderia usar o calendário padrão "uma semana por linha", mas com os últimos 30 dias, em vez de mês a mês, por exemplo. duas semanas a partir deste mês, duas do mês passado.
2
DisgruntledGoat

Depende do usuário. Dito isto, se alguém estiver inserindo muitos dados, o teclado geralmente é o caminho a percorrer. Se você possui usuários avançados, digite-os em um formato específico.

1
DA01

Widget de calendário (também conhecido como DTPicker). Eles são o melhor método de entrada se você precisar inserir datas próximas à data atual. Eles ocupam muito espaço, portanto não são realmente adequados se você estiver com pouco espaço; mas, caso contrário, são a maneira perfeita de inserir datas próximas à data atual. Se a escolha da data ocorrer principalmente nos últimos 30 dias, convém fornecer uma visualização de dois meses, com a data atual sempre na parte inferior do calendário (para que todas as datas nos últimos 30 dias sejam selecionáveis ​​dentro de um único clique).

No entanto, se o restante da interface do usuário for acionado por teclado (ou seja, não há outra interface que exija mouse), você provavelmente também desejaria ter um seletor de datas acionado por teclado.

1
Lie Ryan

Que tal modificar o "formulário de visita"? Em vez de exigir que o representante de vendas insira a data da visita e o nome do cliente, eles começam de onde pararam.

Por exemplo, digamos que eles digitaram as informações pela última vez na sexta-feira, 10 de setembro. Quando invocam o formulário de visita, a data padrão é o dia útil seguinte, ou segunda-feira, 13 de setembro. O representante entra em todas as visitas desse dia . Eles clicam em uma seta ou pressionam uma tecla de atalho como Ctrl-RightArrow para ir para o próximo dia útil e inserir informações para esse dia, e assim por diante.

Dessa forma, os representantes de vendas são completamente poupados da necessidade de inserir uma data.

0
Hisham