知覚とデザイン

VueFes Japan2025 LT

Transcript

1. 知覚とデザイン VueFes Japan2025 10/25 株式会社400F Rinchoku　
2. アジェンダ • 自己紹介 • 最初に • 視覚野について • 視覚野のV4について • まとめ
3. 自己紹介 名前：Rinchoku 所属：株式会社400F X：@stupid_owl 趣味：宝石鑑賞、ハンドメイド、ジョギング その他 • スタッフ活動 ◦ Observability Conference TOKYO 10/27 ◦ SRE Kaigi 2026コアスタッフ 1/31 ◦ SRE NEXT 2026 Coming soon • 登壇 ◦ PHP Conference 2025 ◦ PHPer Kaigi 2025 4
4. 免責 • このトークでは Vue の話はありません ◦ プログラミングコードもありません • 我々生物がどのように「モノの認識」を形成するかをざっくりと話 します SRE NEXT 公式キャラクター 信頼 けろぺん
5. 免責 Vue Fes Japan 2025
6. 免責 Vue Fes Japan 2025 View
7. 最初に デザイン(UI/UX)で課題と感じるとき • 操作が使いづらい • ユーザーに意図通りに伝わってない・気づかれない • 全体的に統一感を感じない • 1画面にいろんな操作が増えたので整理したい • etc…
8. 最初に デザイン(UI/UX)に手を加えるとき • (会社などの)スタイルガイドを見る • 競合や似たツールのデザインを見る • 芸術で使われる技法を調べる • 行動心理学を調べる • etc…
9. 最初に 一方で起こる疑問 • 「このUIでユーザーが使いやすくなるのか」 • デザインに忌避感を与えないだろうか • 別ツールの二番煎じみたいなデザインになってないか
10. 最初に 生物の「脳」がどのように「モノを認識」 するかを知り、 今までのデザイン・これからのデザインに 新しい気づきの礎になれば と思ってます。
11. 視覚野：前提 光：複数の波長 ↓ 眼：明暗、色の識別 ↓ 脳：写像の分類・識別 ↓ 認知：物体の理解 https://bsd.neuroinf.jp/wiki/%E8%A6%96%E9%87%8E%E5%9C%B0%E5%9B%B3
12. 視覚野：ブロードマンの脳地図 https://pathologycenter.jp/als/neuroanatomy/neuroanatomy6.html • 大脳皮質を50以上の 番地をつけ、各番地の 詳細の活動をマッピン グしたもの • 視覚は主に17野、18 野、19野で行われる
13. 視覚野：ブロードマンの脳地図 視覚情報は下記に細分化 • V1：網膜上の刺激位置 • V2：色・形・大きさ • V3：物体の方向・速度 • V4：物体の認識 • V5/MT：運動方向
14. 視覚野：ブロードマンの脳地図 視覚情報は下記に分かれる • V1：網膜上の刺激位置 • V2：色・形・大きさなど • V3：物体の方向・速度 • V4：物体の認識 • V5/MT：運動方向
15. 視覚野：V４の物体認知 V4で「新しい認知の形成」と「既存の認知の照合」が行われる • 「色」に対する選択性を持つニューロンが多い ◦ 輪郭、大きさ、パターンなどに反応 ◦ 同一物体の奥行き、色、位置など関連付けも行う
16. 視覚野：V４の物体認知 • 特定の物体にのみ反応するニューロンの形成 ◦ 長期間シナプスの伝達効率が増強・減衰を徐々に行う（長期可塑性） ◦ 数時間～数か月反応し、何もないと徐々に減衰 ◦ 曖昧な状態で判断している
17. 視覚野：V４の物体認知 • 初回学習は最低数十分でニューロンの形成がされる ◦ 学習時に最も活動が行われる場所 ◦ 可塑性自体は数十分で行われる ◦ 定着になると1か月程度かかる
18. 視覚野：V４の物体認知 他にも面白い実験結果 • 数十個の細胞で物体を判定 ◦ 全体で数億の細胞のうち、多くて40個程度で判定されてる ◦ 一つずつはかなり曖昧に反応しているが、集合で判定 ◦ 風景と物体の分離（図地分離）も同様 • DCNNと似たような作りをしている ◦ 脳とDCNNで同じ特徴抽出がされた
19. まとめ • 「視る」とは、様々な特徴の寄せ集めで判断 ◦ 輪郭、傾き、方向、色、サイズ、パターンなど ◦ 明確な形ではなく、曖昧な形での判断 • 「体験」の繰り返しで、新しい経験も障壁が小さくなる ◦ 一回の体験が基本なら、他と似ていると離脱も少ない ◦ 複数回の体験があるなら、少し他と区別しても後に慣れる ◦ 形成後は長期に残りやすい ◦ ある程度似ていれば、勝手に脳が同じとも判断する • 今後AIによるペルソナに対応したUX確認ができる未来もあるか も
20. 参考 • 視覚前野 ◦ https://bsd.neuroinf.jp/wiki/%E8%A6%96%E8%A6%9A%E5%89%8D%E9%87%8E • ブロードマン脳地図 ◦ https://pathologycenter.jp/als/neuroanatomy/neuroanatomy6.html • Vergleichende Lokalisationslehre der Grosshirnrinde, Leipzig ◦ https://bsd.neuroinf.jp/w/images/6/6e/Broadmann_Vergleichende_Lokalizationlehre_der_Grosshirnrinde.pdf • Construction of Objects from Pixels — Cortical Coding in Intermediate-level Visual Area V4 ◦ https://www.jstage.jst.go.jp/article/iis/30/2/30_2024.A.05/_article • Predicted contextual modulation varies with distance from pinwheel centers in the orientation preference map ◦ https://pubmed.ncbi.nlm.nih.gov/22355631/ • Critical Roles of Contours in Intermediate-Level Neural Representation: Comparative Study Between Primate V4 and DCNN ◦ https://link.springer.com/chapter/10.1007/978-981-96-6585-3_18 • Toward a Unified Theory of Visual Area V4 ◦ https://www.cell.com/neuron/fulltext/S0896-6273(12)00274-7?_returnURL=https%3A%2F%2Flinkinghub.elsevier.com %2Fretrieve%2Fpii%2FS0896627312002747%3Fshowall%3Dtrue
21. ご清聴ありがとうございました