期間を示すアイコン


7

日付とメモのリストを備えたモバイルアプリのインターフェースがあります。

  • 9月5日-もう伝染しません
  • 9月6日-学校に戻ることができます
  • ...
  • 9月9日-通常に戻る

現在、私は省略記号を使用して、日数のギャップ、つまり音符間の経過時間を示しています。私が目にしている問題は、これはユーザーが「詳細」情報をタップできることを示すために一般的に使用され、ユーザーがこれを試みていることです。他のアイコンにも問題があります:

  • 時計:、時間そのものを表していないスパンの時間
  • 砂時計:待機中を示します

数日の経過を説明するために何を使用できますか?


3
少し下向き矢印?
Lauren-Clear-Monica-Ipsum 2013年

それは正直なところチケットかもしれません
user15890 2013年

問題は、アイコンのように見えるものはすべてボタンのように見え、人々がそれをタップしようとすることです。人々がそれをタップしたくない場合は、背景構造のように見える必要があります。
user56reinstatemonica8 2013年

なんらかのグループ化で遊ぶこともできます。イベントの間隔が24時間未満であるイベントは互いに近く、24時間後に再び何かを行うと、新しいグループが作成されます。グループ間では、境界線、水平線、異なるタイトルなどを使用できます
Hanna

回答:


3

このような何か?

ここに画像の説明を入力してください

またはこれ

ここに画像の説明を入力してください

またはこれ

ここに画像の説明を入力してください

「タイマー」アイコンは期間も反映する場合があります

ここに画像の説明を入力してください

ただのアイデア...

ちなみに、1時間、1日、2日など、正確な時間をアイコンで示すことはお勧めしません。グラフィックは、「経過時間」のような意味のみを表す必要があります。


最終的なもののシンプルさは私にとって文体的にうまくいきます。多分それが緑/青のオーブと同じグラフィックスを使用しているなら、それは完璧でしょう。
Dan Hanly 2013年

1

編集:再読み込み、この、特に問題はより多くの情報のためのタップにしようと、ユーザーであることを- 任意のアイコンはおそらく押すことができるボタンのように見えることです。アイコンは、ほとんどの場合、注目を集めて機能的なものに見えるようにすることを目的としています。一方、背景のように見えるアイコンが必要です。

つまり、前景ではなく背景と構造である結合線のように見える必要があると思います。のようなものはどうですか

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

...しかし、垂直線(1日1本が渡される)が非常に細く、互いに接近しているため、ギャップが大きすぎないのですか?

この提案の背後にある原則は次のとおりです。情報を運ぶがボタンやインタラクションポイントのように見えない場合、前景ではなく背景構造の一部のように見えながら情報を運ぶ必要があります。それは人々が過去を見た何かである必要があり、人々が直接見るように描かれているものではありません。


元の回答:アイコンのように見えて問題ない場合(したがって、ボタンのように見える可能性があります)...

特に日を見ているので、使用できる2つの一般的な規則があります。

  • 映画、テレビ、漫画などで過ぎ行く日を表すためによく使用されるもの:カレンダーで日を消し合わせて、...
  • ...その一般的で使い慣れたタイプのカレンダーアイコン(名詞プロジェクトから取得):

ここに画像の説明を入力してください

...しかしもちろん、カレンダー自体ではなく、日が経過することが焦点であるということを明確にする必要があります。カレンダーを描画して、カレンダー自体は明確に認識できるようにすることができますが、背景がクロスし、クロスオフした日が前景になります。

ここに画像の説明を入力してください

スペースの量に応じて、時間の経過に応じてアイコンが異なる場合があります。

ここに画像の説明を入力してください

...しかし、夢中にならないでください!複雑にしないでおく。


0

ここに画像の説明を入力してください

![このタイプを試したり、時計のタイプを停止したり、ベルのようなアイコンを表示したりできますが、notclickableのように表示します。


これには非常に循環的な意味合いがあると思います
-user15890

モバイルアプリでアイコンをクリックできないようにするにはどうすればよいですか。
Hanna
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.