佐々木陽菜/情報デザイン研究I

Noisy Talent

ADHDの「見えない良い面」を可視化する。Noisy Talent = ノイズの才能

• 佐々木 陽菜
• Keywords：ADHD, Developmental Disorder, Web, Interactive

アンケートのご協力お願いします！

　➚　アンケート ( Google Form )

概要

これは何？

大学生（価値観形成期）*を主要ターゲットに、発達障害ADHDの理解を"深める"プロジェクト
＊価値観形成期は高校生〜大学生の年代。期間が限られていて規模を大きくしづらいため大学生に限定。

背景と目的

ネガティブな説明をされ、その印象がつけられるADHD。
トーマス・エジソンやアインシュタイン、レオナルド・ダ・ヴィンチ、織田信長、坂本龍馬がその特性を持っていたと言われているのを知っている人はどれくらいいますか？
ADHDは悪い特性ばかりではない。
良い特性が隠れている（隠されている？）社会の構造と、悪い面だけに注目してADHDを自称する人。ADHDを抱える人にとっては苦しいことです。
小学生でADHDと診断され生きてきた私が、社会に向けてADHDを正しく知ってもらうためのプロジェクト。
そして、ADHDを抱える人が少しでもADHDという特性を好きになれるためのプロジェクト。

コンセプト

ADHDの特性は武器になる。

成果物の仕様

Webサイト（インタラクティブ）

制作ツール

• Figma - サイトマップ/ワイヤーフレーム（試作）作成で使用
• Adobe Illustrator - メインビジュアル作成で使用
• Blender - サイト内コンテンツ作成で使用
• Visual Studio Code ( HTML, CSS, JavaScript ) - Webの実装で使用
  
  

プロジェクトの期間

2026.04.09 - 20XX.XX.XX
※プロジェクトの期間は後期までを予定。もしくは卒業研究まで。
卒業研究までの場合、ターゲットは「高校生〜大学生（価値観形成期）」に拡大させる予定。

まとめ

（未記入）

調査

現状調査

• 文章が多く、視覚的/直感的に分かるサイトは少ない
• ADHDで困ること（ネガティブ）が優先に書かれている印象
  　➚　知って向き合うADHD
  　➚　特徴や治療の必要性など
  　➚　ADHDとは？子どもの注意欠陥・多動性の特徴と小児科医の視点
  　➚　ADHD
  　➚　大人のADHDとは？障害年金請求のポイントを解説
  
  

先行事例

• 文字での説明/解説が多く、直感的にわかりにくい
  　➚　ADHDの特性をメリットと捉える思考
  　➚　発達障害の特性は強みにもなる
  　➚　【ADHD (注意欠如 • 多動症)とは?】ADHDの長所や向いている職業を紹介
  　➚　ADHDとは？特徴や原因、チェックリストをご紹介
  
  

技法・技術情報

　➚　<model-viewer>

プロジェクト管理

スケジュール

ToDo

• テーマ設定
  • 案出し
  • テーマ決定
• 情報収集
  • インターネット
  • アンケート
• アンケート調査①
  • 意識調査
• 制作
  • Figmaにてデザインの制作
  • 大まかにコーディング
  • 「見る」セクションのインタラクティブ性のある視覚的3DCGグラフィック制作
  • VS codeにて実装
• 検証（サイト公開）
  • 学科サイト
  • SNSなど
• アンケート調査②
  • サイトを見る前と同じアンケートを実施
• まとめ
  • アンケートを比較し意識の変化をまとめ、成果物のWebに追記する

2026.06.11

作品概要制作

スケジュール見直し

• ガントチャート修正
  
  
  
  

2026.06.04

Webサイト制作

• 枠組みのコーディング
• レスポンシブの対応
  
  
  
  

2026.05.21

JSライブラリGSAPのテスト

バラバラの画像が一つになるモーションをスクロールトリガーで実装。
　➚　テストサイト01

「見る」セクションの3DCG制作

• ラフ
  
  
  

中間審査 発表終了後対応

• ページトップから「試作について」「ターゲット/プロジェクト期間について」を削除。
• ワイヤーフレーム ( Figma ) の公開
  リンク先がログイン必須になっていた不備に対応しました
  　➚　ワイヤーフレーム ( Figma )
  　➚　ワイヤーフレーム ( Figmaプレビュー )
  
  
  
  

2026.05.14

中間審査 発表準備

• ページトップに「アンケート」「中間審査資料について」「中間審査の感想やご意見について」「試作について」「ターゲット/プロジェクト期間について」を追記。
• 中間審査資料（スライド）の作成
  中間発表資料は【 こちら 】
  
  

アンケート作成/集計開始

• Google Form
  
  

サイトマップ/ワイヤーフレーム作成

　➚　ワイヤーフレーム ( Figma )
　➚　ワイヤーフレーム ( Figmaプレビュー )

2026.05.07

現状調査と先行事例

全体的な傾向

• 文章が多く、視覚的/直感的に分かるサイトは少ない
• ADHDで困ること（ネガティブ）が優先に書かれている印象
  　➚　知って向き合うADHD
  　➚　特徴や治療の必要性など
  　➚　ADHDとは？子どもの注意欠陥・多動性の特徴と小児科医の視点
  　➚　ADHD
  　➚　大人のADHDとは？障害年金請求のポイントを解説
  　➚　ADHDの特性をメリットと捉える思考
  　➚　発達障害の特性は強みにもなる
  　➚　【ADHD (注意欠如 • 多動症)とは?】ADHDの長所や向いている職業を紹介
  　➚　ADHDとは？特徴や原因、チェックリストをご紹介
  
  

調査の記入

• 先行事例
  
  

プロジェクト管理の記入

• スケジュール
• ToDo
  
  
  
  

2026.04.30

概要の記入

• これは何？
• 背景と目的
• 成果物の仕様
• 制作ツール
• プロジェクトの期間
  
  

テーマ案決定

• ADHDの印象
  ネガティブな説明をされ、その印象がつけられるADHD。良い面が隠れている構造と、安易にネタに使われる苦しさ。ADHDを正しく知ってもらうプロジェクト。
  
  

テーマ設定のための調査

• テーマ案05 > 体験型エンターテイメントのフロー
  • 前期: 研究・実験
    　人が面白いと感じる作品傾向を実験、研究。
    　・操作できる箇所が多いwebでのリアクション統計
    　　（Microsoft Clarityを使用）
    　・インタラクティブ作品と、そうでない作品のリアクション統計
    　・五感を1つ使う作品と、2つ以上使う作品のリアクション統計
    　　（映像だけvs映像+空間オーディオ）
  • 後期: 体験型展示
    　前期での研究結果をもとに作品や空間をつくりリアクション統計。
    　・作品が集まって空間になるとリアクションはどう変わるか
    
    

テーマ案（追加）

• 08. 日常の中から心が動く瞬間を集める
  忙しなくすぎていく日常に潜むハイライトを集め、日常が少し楽しく感じられることが目的。
• 09. 面白いインタラクティブ作品とは？（Touch Designer）
  サウンドや映像、空間、時間など多くの要素があるインタラクティブ作品で、面白い楽しいと感じる作品はどのようなものかの研究
• 10. 日本語の種類分け
  「面白い」は英語にすると、interesting, exciting, funなどさまざまな意味に分かれる。「発達障害」も日本語では障害=impedimentと表されるが、英語ではdevelopmental disorder と訳される。日本語の曖昧さ、深さの理解を広げるためのプロジェクト
• 11. インタラクティブ作品での法則性の発見
  インタラクティブ作品を体験する被験者が、その作品の法則を発見（＝面白い）しやすい説明の量は？
• 12. ADHDの印象
  ネガティブな説明をされ、その印象がつけられるADHD。良い面が隠れている構造と、安易にネタに使われる苦しさ。ADHDを正しく知ってもらうプロジェクト。
  
  

先輩方の面白い研究

　➚　原朋恵/情報デザイン研究I
　➚　川村洸太/情報デザイン研究I

2026.04.23

テーマ案（追加）

• 06. アーティストのコラボの仕方について
  後期で行う予定の展示では、複数にわたる学科のメンバーの中で小グループを作り作品を制作する（→コラボ）。グループの作り方やコラボの方法で、どんな作品ができるか（メリット/デメリット）やその過程をまとめる。
  
  
• 07. 広報の方法について
  広報ではポスターやSNS、Webサイト等様々な方法があるが、展示において一番効果的な広報はどのようなものかの研究。
  
  

テーマ設定のための調査

• テーマ案06 > コラボレーションの種類と具体例
  ①共同制作型
  　2人以上が分担などで同じ作品を一緒に作る。
  　　➚　村上春樹 × ルイヴィトン
  ②フィーチャリング型
  　メイン（リーダー）がいて、もう一人が参加する。
  　　➚　米津玄師「灰色と青（菅田将暉）」
  　　➚　The Weekend「Starboy（feat. DAft Punk）」
  ③リミックス・再解釈型
  　既存作品を別アーティストが作り直す。
  　　　　宇多田ヒカルの楽曲リミックス
  　　　　Billie Eilishの楽曲リミックス版
  　　➚　シン・エヴァンゲリオン劇場版:||
  ④クロスジャンル型
  　ジャンルをまたぐコラボ
  　（展示やインスタレーションで多い）
  　　➚　チームラボ　…アート×テクノロジー×空間体験
  　　➚　Bjork × VR作品　…音楽×映像×インスタレーション
  　　➚　落合陽一　…科学×アート
  　　➚　ライゾマティクス　…テクノロジー×パフォーマンス
  ⑤コンセプト共有型
  　同じテーマだけ共有して各自が制作（個性が強くでる）
  　　➚　デザインあ展neo
  　（　➚　21_21 DESIGN SIGHT　）
  
  
• テーマ案07 > 広報の方法について
  DM（ポストカード）
  美術系ポータルサイト
  　　➚　個展なび
  　　➚　チラシミュージアム
  　　➚　Internet Museum
  　　➚　Art Agenda
  　　➚　美術手帖
  　　➚　midcoro
  　
  
  

テーマ案05 について

2026.04.16

テーマ案（追加）

• 05. 体験型エンターテイメント展示
  後期にアートギャラリーにて行う予定の、“来場者を楽しませること” 全力を尽くす展示。人（ターゲットあり）が面白い/楽しいと感じるモノコトはどのようなものか？の研究。
  ※ターゲット…芸術学部の学生を主対象とした九産大学生
  
  • 備考
    ※2025年12月23日から進行中
    ※当初から本授業の研究で扱うことを検討
    ※他学科メンバー含む
    
    
    
    

2026.04.09

テーマ案

　　エンターテイメントがしたい！！
　　「制作物を通して鑑賞者をワクワクさせる」が大テーマ。

• 01. LPプロフィール
  自分が一番持っている情報は自分について。情報をどうすれば正確に、楽しく伝えられるかの研究。
  
  
• 02. 聴覚/嗅覚/味覚/触覚をモーショングラフィックスで視覚化
  情報は多い方が分かりやすいのか？情報をより早く楽しく分かりやすく伝える方法を探る研究。
  
  
• 03. 感情/感覚をモーショングラフィックスで可視化
  説明なしで、言葉以外で情報を伝える方法を探る研究。
  
  
• 04. インタラクティブWeb（Web×映像）での表現
  Webにすることでインタラクティブ性が出る。映像作品の応用の研究。
  
  

テーマ案その他

• 「栞」で何かできたら面白そう
• 「ビギナーズラック」について
• インタラクティブ作品（TouchDesigner, JS）
• 作詞作曲したい
• 詩作も
• 言葉で遊べたら楽しそう
• 新しい、斬新なエンターテイメントのカタチを探りたい
• 「天気」で何かできたら面白そう。心とリンクとか
• 「面白い」の種類分けとかも楽しそう（interesting, exciting, fun）
  
  

テーマ設定のための調査

• 01. LPプロフィール
  　➚　Naho Okawara
  　➚　Aki Noguchi
  　➚　HIROKO NAKAZAKI
  　➚　NAKAKOSHI SHOTO
  　➚　HARUKA ISHIHARA
• 04. インタラクティブWeb（Web×映像）での表現
  　➚　NIKE
  　➚　SPACE NEEDLE
  　➚　AAPS
  　➚　Hello Monday
  　➚　OseanSchool
  　➚　Cyclemon
  　➚　PETE NOTTAGE
  　➚　:peace put
  　➚　GSAP（JS plugin）