こんにちは！株式会社ジャイロです。
このシリーズでは、「AI × 教育」のさまざまな活用アイデアを、UXの視点からデザインし、ご紹介しています。
第2回目となる今回は、「専門知識がなくても一人で学べる」スマートミラー体験のUIサンプルをご紹介します。
前回の記事はこちら↓
/assets/images/21202033/original/eb7b1ad9-4773-4692-a99a-2c8e3c54ecda?1748254122&w=1440)
AIは教育でどう使える？ デザインしてみた #1-ジャイロの取り組み紹介 | 株式会社ジャイロ
そもそもスマートミラーとは？
スマートミラーの定義について、
「スマホのようにタッチ操作が可能な等身大から半等身サイズの鏡のこと。カメラやセンサーのついた基盤に特殊な鏡を貼り合わせてつくられたIoT機器である。アプリが既に搭載されているタイプと、サービスに応じアプリをつくってシステムに組み込むタイプがある。」
NIKKEI COMPASS
https://www.nikkei.com/compass/theme/69141
すなわち、スマートミラーはただ全身を写す鏡ではなく、ディスプレイ機能が備わっており、スマホやパソコンのようにインタラクティブな操作ができるということですね。
また、以下の事例から、美容・アパレル・フィットネス・小売などさまざまな業界で活用が進んでいることが見受けられます。
• 自宅でのヨガやトレーニングの支援
MIRROR FIT.（ミラーフィット）｜続けられる自分を好きになる。
• 店舗でのメイク、洋服の試供・試着体験
https://smartmirror.geeklabs.co.jp/
• 美容院での髪型提案シミュレーション
ECILA スマートデバイスミラー｜タカラベルモント
こうしたスマートミラーの利点は、ユーザーの好みや行動をデータとして収集し、体験をパーソナライズできる点にあると私たちは考えました。
着付けを一人で体験できる？ スマートミラーのUIサンプル
今回ご紹介するのは、
「着物の着付けを自分で体験してみたい！」という外国人観光客の方に向けた、スマートミラーを活用した体験支援UIのサンプル案です。
着物の着付けは、帯の締め方や手順が複雑で、初めての人にとってはなかなかハードルが高いもの。
そこでAIを搭載したスマートミラーを活用し、以下のような機能を表現することで、文化体験と教育を両立するコンテンツとしてまとめました。
着付け体験スマートミラーの主な機能
・工程ステップ進捗バーと所要時間の表示
旅行中の観光客の目線で考えると、次の予定の時間を気にすることが想定されます。そのため、この体験にどれくらい時間を要するか、進行状況と時間配分を把握できるようにしました。例えば、全体の工程に対する現在のステップ位置を示す進捗バーと、現在の工程の所要時間の表示です。
・音声入力による質問対応とナビゲーション
ユーザーが両手を使って作業している状況を想定し、音声入力のインターフェースを表現しました。
これにより、両手がふさがっていてもハンズフリーで操作や質問が可能となり、作業中でもスムーズなナビゲーションが実現します。
・ステップごとの図解と動画による説明切り替えタブ
AやBといった図解ラベルで伝え、正しい帯締め位置や動作を指導します。
鏡の上部にある「Tie up a sash (Obijime)」という文字の指示だけでは理解しづらい部分を、静止画や動画を使うことで、視覚的理解を促進します。
なお、着物部分を隠さないようにするため、今回はタブを使用して配置しました。
・鏡に映ったユーザーの動きに合わせたアニメーション
帯部分に表示される矢印は、ユーザーの動きに連動します。引く方向や力の加減を視覚的に示すことで、正確な動作をサポートします。
・AIによるリアルタイムなアドバイスのポップアップ
作業中、AIがリアルタイムで「もう少し引いて」などのアドバイスを提供します。これらのアドバイスは警告色で表示され、ユーザーの注意を引きます。アドバイスがクリアされると、「Next」ボタンがアクティブになり、次のステップへ進むことができます。
これらの機能があることで、着付けの知識がなくても、一人で体験を進めながら、自然と動作や文化の意味を身につけることができます。
しかも、自分の手で着付けをしているので、もし街中で着崩れても、ちょっとした直しが自分でできるかもしれません。「せっかくのフォトスポットなのに、着崩れて写真が台なし…！」なんて心配も、少し減るかもしれませんね。
スマートミラーのUIサンプルを考えるうえで意識したことと、今後の改善点
優先して考慮した3つのこと
スマートミラーのUI設計は、直感的な操作性と多層的な情報提供を両立することが求められます。今回の着付け体験用スマートミラーでは、以下のような点を考慮して設計しました。
- 多モーダルなナビゲーション設計
視覚（図解・アニメーション）、音声（ガイド・入力）、タッチ（画面操作）の3つのUIモードを融合しています。例えば、ステップ表示・所要時間表示によって「次に何が来るのか」がわかり、不安を軽減します。また外国語表記だけではなくイラストを大きく表示し、外国人観光客でもスムーズに理解できる設計になっています。 - 誤操作防止の工夫
「Next」ボタンがアドバイス未確認でも押せる設計の場合、進行が早すぎる可能性があります。そのため、状態によるボタンの無効化／グレーアウト表示などの制御が望ましいです。 - 色の意味の明示
ピンク、白、黄などの色を使いましたが、着物の色と混在しないかは注意が必要です。特に、警告・操作誘導・装飾などの意味分類がされているとより直感的になります。
今後さらに改善していくとしたら
今回のサンプル案について、ChatGPTにUIUXの観点を踏まえて評価してもらい、改善点を2つ挙げてもらいました。
- 音声入力の誤動作対策
音声認識中であることを示すフィードバック（例：波形のアニメや点滅）があると誤作動を防ぎやすくなります。 - 情報の階層化と視線誘導
図解、帯の矢印、アドバイス、Nextボタンなどが同じ視野に並ぶと、情報過多・焦点の分散が起きやすいです。 重要度ごとにUIの優先順位・サイズ・位置を整理することで視線誘導が改善されます。
AIの評価を踏まえて改めて気付いたこと
このように、スマートミラーのUIは「体験しながら学ぶ」場面において極めて有効ですが、学習者の視点での誤操作や負担の最小化という点では引き続き工夫が必要です。そして、今後の展開案では多言語に対応する音声切り替えが考えられるため、音声入力のUIUXは特に力を入れて検討したいと思いました。
ただ、今回のサンプルのようにな設計事例は、今後の文化教育や観光支援においても大きなヒントとなるでしょう。
スマートミラーと文化体験・観光の組み合わせは今後どう広がる？
1. スマートミラー市場の成長が後押し
スマートミラー市場は、2024年に1.8億米ドルと評価され、2025年には2億米ドル、2034年には203億米ドルに達すると予測されています。
この急成長の背景には、家庭・医療・観光といった複数分野への応用が進んでいることが挙げられると思います。
2. 着付け文化を支える構造が変化しつつある
文化庁の調査では、着付け教室や着付け師の数は減少傾向にあることが示されています。
（出典：文化庁「生活文化に関する調査報告」2021年版）
これはコロナ禍の影響も背景にあるのではないかと想定されますが、
“自分で文化体験できる手段”への需要が高まっているとも解釈できます。
3. 「文化体験のデジタル化」施策との親和性
観光庁の調査によると、2024年度から「着付け」「茶道」「華道」などの伝統文化をXRやAIでセルフ体験できる環境整備を支援しています。
（出典：観光庁 文化体験のデジタル活用施策）
今回のスマートミラーも、この方向性と完全に合致しており、外国人観光客向けの教育コンテンツとして期待できますね！
4. 観光施設での導入事例も登場
実際に、観光施設や宿泊施設では、スマートミラーを活用した観光案内としての導入が検討されています。
（出典：PR TIMES）
教育用途に限定せず、観光体験と一体化する形での普及が進んでいるようです。
このような一連の情報からも、
文化教育の継承、観光体験の向上を目的とする手段として
スマートミラーの利用が考えられるでしょう。
さいごに
ここまでお読みいただきありがとうございました！
「体験しながら学ぶ」
「ひとりでも学べる」
「言語を超えて学べる」
ーそんな教育のあり方が、今まさに現実になりつつあります。
文化体験という身近なテーマから、AI × 教育の可能性を広げてみませんか？
このスマートミラーの提案が、新たな発想の種となれば幸いです。
弊社は、こうした教育や日常の体験にAIがどう寄り添うかを想像し、
AIを活用してどうすれば体験価値が上がるか、
企画や構成の段階からご提案していくことを得意としています。
この着付け体験ができるスマートミラーについて、もし実現化をしたいという方がいらっしゃいましたら、もし実現化をしたいという方がいらっしゃいましたら、是非ジャイロもUXデザインにおいてご協力できればと思います！
その他にも「これ、AIで何かできるかも？」と思いついた方はぜひ一度お話しましょう！
次回もAI × 教育のサンプル案について紹介予定です！
/assets/images/20628637/original/39ba1e93-8e0e-4d21-9de8-c0cec7d8d487?1741669818)
/assets/images/20628637/original/39ba1e93-8e0e-4d21-9de8-c0cec7d8d487?1741669818)
