web-dev-qa-db-ja.com

一部のサイトが使用する小さなヘルプバブルの名前は何ですか

Discordなどの一部のサイトでは、UI機能の上に小さなホバーサークルが表示されており、クリックして初めてその機能について学ぶことができます。

一度クリックすると、これらはユーザー設定として保存されて読み取られたという事実でなくなります。

私は周りをグーグルで検索しましたが、これらを参照するのに適切な命名法が見つかりません。それらをよりよく研究するために、それらを調べたいと思います。

5
dthree

TLDR:ホットスポット

これらの分類 を使用している場合、私が考えているとは、ホットスポットのことです。しかし、繰り返しになりますが、スクリーンショットがないと確信が持てません。これらは、新しいユーザーのためにUIの注意領域を呼び出します(または、新しい機能に注意を喚起して説明します)。 Appcuesはそれらを「...ユーザーへの侵襲性が低いため、ツールチップの優れた代替手段です。自動的に開かず、簡単に無視できます...ホットスポットには、ユーザーの目を引くユニークなパルスアニメーションがある場合があります。」

これらはSlack全体にも存在します

オンボーディングパターンを調査するための他の優れたリソースをいくつか紹介します。分解は特に良いです。

https://www.useronboard.com/user-onboarding-teardowns/

https://www.appcues.com/user-onboarding-academy

4
jukesyukes

まあ、ホバリングしている円についてはよくわかりませんが、スクリーンキャプチャは非常に役立ちます。しかし、パターン自体は onboarding と呼ばれます。

ユーザーオンボーディングは、製品またはサービスを使用して個人の成功を向上させるプロセスです。この用語は、ソフトウェア製品に関連してよく使用され、手動または自動で行うことができます。

ユーザーオンボーディングは単なる「製品ツアー」ではなく、ユーザーがアプリケーションで成功を収める完全なエクスペリエンスです。ユーザーオンボーディングは、初めてのユーザーだけのものではありません。また、新しいスタッフをオンボーディングする場合や、リピーターが変更に迅速に対応できるよう支援する場合にも適用されます。

いくつかの異なる ここでのオンボーディングパターン 、おそらくそれらの1つ(おそらくplaythroughまたはインラインヒント)はあなたの説明に合わせて調整されます

2
Devin

あなたが探している用語は、情報ヒントとも呼ばれるツールチップだと思います。これと一緒に他の多くのテクニックを使用できますが。これはスタックオーバーフローではないことはわかっていますが、使用するライブラリ intro js は、オンボーディングの優れた例をいくつか示しています。

1

Devinからのオンボーディングへの言及に完全に同意します。私の仕事では「ツアーポイント」と呼んでいたことを付け加えますが、それらを説明するために使用される一般的な用語やラベルはないと思います。

編集:インビジョンもツアーポイントと呼んでいることを思い出した my Invision screenshot

1
pod six