web-dev-qa-db-ja.com

「i」または「?」を使用する方が良いですか?モバイルのツールチップ/ヘルプコンテンツ用

enter image description here

現在のところ、質問の横にある小さな「i」アイコンをクリックすると、説明のために追加のテキストが表示されます。 (例「重くなるものを運ぶ」の例に示されています)

私の質問は次のとおりです。-「i」または「?」を使用する方が良いですか?このアイコンは?

  • ヘルプコンテンツをこのようにインラインで表示しても問題ありませんか、それともツールチップボックスに表示した方がよいですか。この方法が気に入ったのは、既存のコンテンツをカバーしておらず、続行するために閉じる必要がないためです。

  • マテリアルデザインでは、このタイプのツールチップをどのように実行しますか?私が見つけることができる唯一のドキュメント is here であり、まったく同じシナリオではありません。

5
user93176

?サークル内はAIGAによってプロモートされ、USDOTによって使用されますが、小文字のiを青色から反転したものは、情報のISO記号として永遠に使用されています(私の記憶では50年以上です)。

したがって、明確な答えはありません。

ISOなので、ISO規約に準拠して安全に作業できます。または、AIGAの慣例に従って、?グリフは、ラテン語起源の文字セット、キリル文字起源の文字セット、東アジアまたは南アジアの文字セットのいずれを使用しているかに関係なく、すべての主要言語で「質問」に使用されます。 (ギリシャ語とアルメニア語のクエスチョンマークは異なりますが、それらの言語の話者は?グリフを認識します)

または、もちろん、両方を使用することもできます。

1
MMacD

は、デスクトップソフトウェア、つまり Windows および macOS で非常に一般的です。それにもかかわらず、両方の記号が Material Design に存在します。通常、iはクイック情報のショートカットであり、より広範囲ですドキュメントは、デスクトップソフトウェアでは一般的です(ツールチップはホバー効果なので、ユーザーがボタンを押す手間がかかると、それ以上の効果が期待できます)。

ただし、タッチスクリーンアプリの場合、マテリアルデザインは両方の記号を受け入れるため、iを使用します。私の主張は:

1)あなたがやろうとしていることには、はるかに適切だと思われます(小さなコメント)。

2)アプリの上部にマークがすでに表示されているため、iヘルスコントラストを作成します。

私の観点から、関連がある(多くの場合無視されていますが)関連する最後のコメントは、これらの種類のシンボルは通常、他の図像とはかなり異なる形状で表示されるということです。 iは特に、私が今まで見たソフトウェアの大部分。

アプリの他のボタンも丸いことを考えると、これは美的問題を引き起こす可能性がありますが、何が最もうまく機能するかを確認するためにスケッチテストを行うことをお勧めします(直感的に、正方形の情報ボタンは正しくないように見えますが、正確に特定できないようです。正確に私を悩ませているもの:形状、色、iの選択など;私は間違いなくいくつかの異なるモデルを描き、何が現れるかを確認します)。

質問に直接回答するには:

1)メッセージが大きくならない場合は、ツールチップに選択したシステムが非常に適切であると思います(したがって、ウィジェットの変位によってユーザーの向きがゆるくなることはありません)。

2)ツールチップの選択がマテリアルデザインと矛盾しないと思いますが、あなたは正しいです。また、この特定のポイントに関するドキュメントも見つかりません。 hgshh hdsh hdsfh

1
armatita

あなたが与えた例から、それは常に説明文を表示するほうが良いようです:

  • 説明文には、質問への回答方法に関する重要な情報が含まれているようです。
  • ユーザーは、要約された質問への回答を知っていると確信している場合、それを理解することができます。
  • 説明テキストをデフォルトで非表示にすると、タスクを完了するために必要なタップ数が2倍または3倍になります。
  • 説明テキストの表示と非表示は、ユーザーが認識する必要がある追加のモードです。
  • 説明テキストを表示または非表示にすると、要素が移動し、ユーザーの画面の空間モデルが混乱します。

しかし、あなたが主張するなら、私はを使用することを主張するでしょうか?

  • ヘッダーにはアイコンがすでにあり、同様のことを行います(情報を提供します)。同じアイコンを使用すると、アイコンとアクションの関連付けが強化されます。
  • 同じアイコンを使用すると、ユーザーはこのアプリケーションで追加のアイコンが何をするか、またはi。 UXマニアは 教育的区別 を気にします。ユーザーはしないでください!
0
Andres Riofrio

私はiのボタン/または関数の隣のツールチップに行きます、原因iはツールチップで一般的に使用され、それはおそらく関数に関する簡単なヒント/情報を表します

一方、は、Q&Aのすべてまたはアプリ/ウェブのヘルプを含むまったく別のページを表示するリンクのようなものです

あなたがあなたのアプリで正しいアイコンをすでに使用しているのを見る方法

0
dannyrizal

もちろん画面サイズによっては、モバイル画面で小さな「i」をクリックするのが最も楽しいとは限りません。

ただし、前述の回答の一部と同様に、ヘルプテキストの重要性に応じて、デフォルトで表示されるようにすると意味があります。

そして、おそらくそれらをiまたは?に変換します。ユーザーがこの画面を5〜10回表示した後。それまでに、私たちは彼がimp情報を読んだことを知っており、必要に応じて再びそれを見ることができます。

使用傾向を確認し、この情報がいかに(重要ではない)重要であるかを理解することは有用かもしれません。

この非常に特殊なケースでは、私は思いません "?"使用すべきです。メインテキストも質問で、疑問符で終わります。最初は2つのクエスチョンマークが近くにあると混乱するのでは

0
JustAnotherPM