# ホットスポットクイズの作成方法 (ツール + ベストプラクティス)

> 複数のツールを使用してホットスポットクイズを作成する方法を学びましょう。ホットスポットクイズでできることと、ステップごとに作成する方法を理解しましょう。

**Author:** Travis Clapp  
**Published:** 2025-03-19  
**Categories:** AI Quiz Generator

---

ホットスポットクイズは、画像またはグラフィックの特定の領域を識別する学習者の能力を評価するのに役立ちます。これは、学習者に複数の選択肢を提供してテストする多肢選択問題と似ています。

ホットスポットクイズをより良くするのは、そのインタラクティブ性です。静的なビジュアルを魅力的で実践的な学習体験に変える簡単な方法です。

ホットスポットクイズの作成は少し大変に聞こえるかもしれませんが、幸いなことに、技術に詳しい必要はありません。このプロセスを簡略化するツールはたくさんあります。

この記事では、オンラインコース、教材、製品トレーニング、またはその他の教育コンテンツ用のホットスポットクイズの作成方法を説明します。さっそく始めましょう。

## ホットスポットクイズとは

ホットスポットクイズは、ユーザーが画像の特定の領域をクリックして回答するインタラクティブな質問タイプです。質問は回答のリストから選択する代わりに、写真、地図、図、グラフィックなどのビジュアルに直接結び付けられます。

特定の「ホットスポット」（クリック可能なゾーン）を定義すると、ユーザーはクイズを完了するために正しいスポットを見つけてクリックする必要があります。教育コンテンツ以外にも [オンライントレーニング](https://www.coursebox.ai/ja/blog/cong-ye-yuan-xiang-keyan-xiu-bideonozuo-rifang)、これらのクイズはお客様にも使われています [従業員のオンボーディング](https://www.coursebox.ai/ja/blog/xin-ru-she-yuan-onbodeingunobesutopurakuteisu)。

ホットスポットクイズの良い例は、「Where's Waldo？」です。ゲーム。ユーザーは、大規模で忙しいシーンでとらえどころのないキャラクターを見つけてクリックする必要があります。

教室を例にとってみましょう。解剖学の先生は、ホットスポットクイズを使って生徒の人体に関する知識を評価できます。質問としては、 _「肝臓を特定できますか？」_ 学習者は複数のオプションから選択する代わりに、画像内の肝臓を直接クリックします。

ホットスポットクイズは、次のような場合にも役立ちます [製品トレーニング](https://www.coursebox.ai/ja/blog/zhi-pin-zhi-shi-toreningu)特に、新入社員に機器に慣れさせる場合は特にそうです。たとえば、クイズには機械の画像が含まれていて、次のような質問が考えられます。 _「このマシンの安全スイッチをクリックしてください。」_

## ホットスポットクイズの作成方法:ステップバイステップ

ツールについて説明する前に、ホットスポットクイズの作成の基本を簡単に見てみましょう。プラットフォームに関係なく、同じ標準手順を使用します。

### ステップ 1: 画像を選択する

まず、質問の裏付けとなる鮮明で高品質な画像を選択してください。図、地図、写真など、学習者が特定の分野を特定する必要があるビジュアルであれば何でも構いません。

### ステップ 2: 質問を書く

質問によって、クイズの難易度と、学習者がどの程度画像を理解または分析する必要があるかが決まります。画像で何を見つけるべきかをユーザーに正確に伝えます。たとえば、」_この人体図の心臓をクリックしてください_。」

### ステップ 3: ホットスポットの追加

ホットスポットは、画像上のクリック可能な領域です。特定のポイント、強調表示されたセクション、またはゾーン全体であってもかまいません。ホットスポットのサイズと形状は、画像の複雑さとクイズで求める精度によって異なります。正解やその他の必要な箇所に印を付けるために、形 (長方形、円、自由形式の領域など) を描きます。

### ステップ 4: 正解とフィードバックを設定する

適切なホットスポットをマークし、クイズでフィードバックが得られた場合は、正解と不正解を示す役立つメッセージを書いてください。その後、学習者と共有する前にクイズをテストする必要があります。

## オンラインツールを使用してホットスポットクイズを作成する方法

前述したように、特定のプラットフォームを使用してホットスポットクイズを作成できます。多数 [学習管理システム (LMS)](https://www.coursebox.ai/ja/blog/shi-qie-nalmsnoxuan-ze) オンラインコース作成プラットフォームにはこの機能が組み込まれています。おすすめのオプションをいくつかご紹介します。

1. コースボックス

コース作成を簡素化するAI搭載ツールをお探しの場合は、 [コースボックス](https://www.coursebox.ai/ja?r=0) 素晴らしい選択肢です。ソーシャルディスカッション、タブ、アコーディオン、フラッシュカード、ビデオなどを含むがこれらに限定されない、多数のインタラクティブなコンテンツ機能をサポートしています。コンテンツクリエーターに人気のCanvaグラフィックを統合することもできます。

プラットフォームのAIクイズジェネレーターを使用すると、クイズを数秒で簡単に作成できます。お好みのツールを使用してホットスポットクイズを作成し、それをCourseboxコースにアップロードすることもできます。Courseboxが追加されると、強力なAI機能がCourseboxに引き継がれ、学習体験が向上します。

たとえば、CourseboxのAI Graderは、学習者の回答を自動的に評価し、採点基準に基づいて即座にフィードバックを提供できます。さらに、学習者が特定のホットスポットの質問で苦労している場合は、AI Chatbot Trainerが介入できます。コース教材に基づいてトレーニングされ、学生が難しい概念を習得できるように、リアルタイムで個別のガイダンスを提供できます。

また、ご希望の場合は、コースにホワイトラベルを付けることもできます。 [企業研修](https://www.coursebox.ai/ja/blog/qi-ye-xiang-keeraningu) またはオンライン販売。さらに、Courseboxアプリを使用すると、コース参加者は外出先でも学習できます。

### クイズ

[[ソース]](https://support.quizizz.com/hc/en-us/articles/35760244559385-Question-Type-Hotspot)

[クイズ](https://quizizz.com/?lng=en) は、教師や企業管理者向けのコースコンテンツを作成するためのシンプルでありながら豊富なプラットフォームです。Quizizz を使用してホットスポットクイズを作成する手順を以下に示します。

1. Quizizzアカウントにログインします (新規の場合は無料のアカウントを作成してください)。
1. メニューから [作成] ボタンを押して [クイズ] を選択し、クイズの作成を開始します。
1. 質問タイプを選択するときは、利用可能なオプションから「ホットスポット」を選択してください。
1. 表示されたスペースに質問を入力します。
1. マップやチャートなど、参加者が操作できる画像をアップロードします。
1. どのタイプのホットスポットが最適かを判断してください (詳細は後述)。
1. ホットスポットを画像上に配置し、適切な領域を強調します。必要に応じて、複数のホットスポットを追加できます。
1. 問題に満足したら [保存] をクリックし、完全なクイズを作成したい場合は続けて追加してください。
1. 終了したら、クイズをライブでホストすることも、視聴者が自分の時間に回答できるように割り当てることもできます。

#### クイズのホットスポットタイプ

Quizizzでは、さまざまな種類の画像に合わせて3種類のホットスポットを柔軟に選択できます。

- **ポイントホットスポット:** 人体解剖図の心臓の位置を正確にクリックするように学習者に求めるなど、小さな特定の場所を特定するのに最適です。
- **四角形ホットスポット:** 広く、きちんと箱詰めされたエリアに最適です。たとえば、周期表の元素グループを選択するように誰かに頼むことができます。
- **フリーフォームホットスポット:** 世界地図で国の国境を強調表示するなど、変わった図形を扱う場合に最適です。

### アーティキュレート・ストーリーライン 360

[[ソース]](https://www.learningeverest.com/how-to-include-hotspots-in-articulate-storyline-360/)

eラーニングコンテンツを作成する方法を探したことがある人なら誰でも、きっと出くわしたことがあるでしょう。 [アーティキュレート・ストーリーライン 360](https://www.articulate.com/360/storyline/)。AI機能とカスタマイズ可能なオプションを備えた、コース作成用のトップソフトウェアの1つです。

Articulate でホットスポットクイズを作成する方法は次のとおりです。

1. [質問を挿入] ウィンドウを開くには、[挿入] タブに移動して [自由形式の質問] を選択するか、[質問リストビュー] で [ホーム] タブを使用して [自由形式の質問] をクリックします。
1. ホットスポットの質問タイプを検索し、使用可能なテンプレートからレイアウトを選択します。「質問を挿入」をクリックしてクイズに追加します。
1. フォームビューで、「画像を選択」をクリックして、学習者に操作させたい画像をアップロードします。画像は必要に応じていつでも入れ替えることができます。
1. ホットスポットを追加するには、「ホットスポットを追加」を選択し、形状を選択し、画像に直接描画します。ホットスポットをドラッグして移動したり、ハンドルを使ってサイズを変更したりできます。
1. 問題を採点するかどうかを決めます。採点済みの質問の場合は正しいホットスポットをマークし、練習のみに使用する場合は [スコア] メニューから未採点として設定します。
1. フィードバック、採点ルール、試行回数、学習者が次に進む前に回答する必要があるかどうかなどの設定をカスタマイズします。

## ホットスポットクイズ作成のベストプラクティス

ホットスポットクイズは視覚的なインタラクションがすべてなので、その部分を正しく理解する必要があります。以下のベストプラクティスが役に立ちます。

- **高品質の画像を使用: **クイズ全体は 1 つの画像を中心に行われるため、鮮明でわかりやすく、質問に関連性のあるものにしてください。ビジュアルがぼやけていたり、乱雑だったりすると、学習者を混乱させる可能性があります。
- **ホットスポットを正確に保つ: **ホットスポットエリアをマークするときは、適切なサイズになっていることを確認してください。ホットスポットが小さすぎたり、配置がおかしいと、学習者は正解を知っていても見逃してしまう可能性があります。
- **複数のデバイスでのテスト: **ホットスポットエリアが移動したり、小さい画面ではクリックしにくくなることがあるため、デスクトップやモバイルデバイスでクイズをテストしてください。
- **明確な指示を書いてください: **学習者が何をクリックする必要があるかを具体的に説明してください。と言う代わりに、 _「正しいパーツを選択してください。」 _試してみる _「心臓図の左心室をクリックしてください。」 _プロンプトが明確であればあるほど、結果は良くなります。

さらに重要なのは、学習者に有益なフィードバックを提供することです。ホットスポットクイズは学習者にとって扱いにくい場合があるため、学習者がどこで間違っていたかを理解できるように建設的なフィードバックを提供してください。

## 結論

ホットスポットクイズは、特に視覚志向の科目で、学習者をテストするのに非常に役立ちます。ただし、正しく作成しないと機能しません。

上記のツールを使用すると、プロセスがスムーズかつ迅速になります。さらに、これらのカスタマイズ機能を使用したり、 [人工知能機能](https://www.coursebox.ai/ja/blog/aigaonraintoreningukosunomaketeinguniji-bosuying-xiang) クイズをさらに絞り込むために。たとえば、CourseboxのAI機能は、学習者にリアルタイムのサポートを提供し、ユーザーに代わってクイズを採点することで、学習者の負担を大幅に削減します。

これまで説明してきたベストプラクティスに従うと、学習者の関心を維持できるだけでなく、学習者の知識をより深いレベルでテストできるようになります。