Ícone para indicar um período de tempo

7

Eu tenho uma interface de aplicativo móvel com uma lista de datas e notas:

  • 5 de setembro - não é mais contagioso
  • 6 de setembro - Pode voltar para a escola
  • ...
  • 9 de setembro - de volta ao normal

No momento, estou usando reticências para indicar um intervalo em dias ou o tempo passando entre as anotações. O problema que estou vendo é que isso é comumente usado para indicar que o usuário pode tocar em "mais" informações e os usuários estão tentando fazer isso. Também vejo problemas com outros ícones:

  • Relógio: indica o próprio horário, não um período de tempo
  • Ampulheta: indica espera

O que posso usar para ilustrar a passagem de alguns dias?

user15890
fonte
3
Uma flecha para baixo?
Lauren-clear-monica-ipsum
Que honestamente poderia ser o bilhete
user15890
Acho que o problema é que qualquer coisa que se pareça com um ícone se pareça com um botão e terá pessoas tentando tocá-lo. Tem que parecer com a estrutura de plano de fundo, se você não quiser que as pessoas a utilizem - mais na resposta atualizada abaixo.
user56reinstatemonica8
Você também pode brincar com alguma forma de agrupamento. Onde eventos com menos de 24 horas entre eles estão mais próximos e, após um período de 24 horas, se você fizer algo novamente, criará um novo grupo. Entre grupos o seu poderia usar uma fronteira, regra horizontal, título diferente, etc.
Hanna

Respostas:

3

Algo assim talvez?

insira a descrição da imagem aqui

ou isto

insira a descrição da imagem aqui

ou isto

insira a descrição da imagem aqui

o ícone "Temporizador" também pode refletir o intervalo de tempo

insira a descrição da imagem aqui

Apenas as idéias ...

A propósito, eu não recomendaria indicar a quantidade exata de tempo pelo ícone, como: 1h, 1d, 2d, etc. Os gráficos devem representar apenas o significado, como "tempo passado".

Alph.Dev
fonte
A simplicidade do final funciona para mim estilisticamente. Talvez se estivesse usando os mesmos gráficos da esfera verde / azul, seria perfeito.
precisa
1

Editar: relendo isso, principalmente porque o problema é que os usuários estão tentando tocar para obter mais informações - é provável que qualquer ícone pareça um botão que pode ser pressionado. Os ícones quase por definição têm o objetivo de atrair atenção e parecer algo funcional: enquanto você deseja algo que se parece com fundo.

Portanto, acho que deve parecer uma linha de junção - plano de fundo e estrutura, não primeiro plano. Que tal algo como

[NOTE]---|-|---[NOTE]---|---[NOTE]---|-|-|-|-|---[NOTE] 

... mas onde as linhas verticais (uma para cada dia que passou) são muito finas e juntas, para que não haja uma lacuna muito grande?

O princípio por trás dessa sugestão é: para transportar informações, mas não para parecer um botão ou ponto de interação, ele deve transportar informações, ao mesmo tempo em que parece parte da estrutura de segundo plano - não primeiro plano. Tem que ser algo que as pessoas olham para o passado, não algo que as pessoas são atraídas a olhar diretamente.


Resposta original: se não havia problema em parecer um ícone (portanto, potencialmente como um botão) ...

Como você está olhando especificamente para os dias, existem duas convenções comuns que você pode usar:

  • Algo frequentemente usado em filmes, TV, quadrinhos etc. para significar dias passados: cruzar dias em um calendário, misturado com ...
  • ... esse tipo comum e familiar de ícone de calendário ( extraído do Projeto Substantivo ):

insira a descrição da imagem aqui

... mas é claro que você precisa deixar claro que é a passagem dos dias que é o foco, não o calendário em si. Você pode desenhar um calendário para que o próprio calendário seja claramente reconhecível, mas em segundo plano, e os dias riscados sejam o primeiro plano, algo como isto:

insira a descrição da imagem aqui

Dependendo da quantidade de espaço que você tem, você pode ter ícones diferentes para períodos cada vez menores:

insira a descrição da imagem aqui

... mas não se empolgue! Mantenha simples.

user56reinstatemonica8
fonte
0

insira a descrição da imagem aqui

! [você pode tentar esse tipo ou parar o tipo de cronômetro ou o ícone de campainha .. mas apresentá-lo como notclickable..i ficarei do jeito que você apresentou ...

Rachuru
fonte
Isto tem uma conotação muito cíclica, eu acho
user15890
Como você apresenta um ícone como não clicável no aplicativo móvel?
21713 Hanna