Slide 1

Slide 1 text

知覚とデザイン VueFes Japan2025 10/25 株式会社400F Rinchoku 

Slide 2

Slide 2 text

アジェンダ ● 自己紹介 ● 最初に ● 視覚野について ● 視覚野のV4について ● まとめ

Slide 3

Slide 3 text

自己紹介 名前: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

Slide 4

Slide 4 text

免責 ● このトークでは Vue の話はありません ○ プログラミングコードもありません ● 我々生物がどのように「モノの認識」を形成するかをざっくりと話 します SRE NEXT 公式キャラクター 信頼 けろぺん

Slide 5

Slide 5 text

免責 Vue Fes Japan 2025

Slide 6

Slide 6 text

免責 Vue Fes Japan 2025 View

Slide 7

Slide 7 text

最初に デザイン(UI/UX)で課題と感じるとき ● 操作が使いづらい ● ユーザーに意図通りに伝わってない・気づかれない ● 全体的に統一感を感じない ● 1画面にいろんな操作が増えたので整理したい ● etc…

Slide 8

Slide 8 text

最初に デザイン(UI/UX)に手を加えるとき ● (会社などの)スタイルガイドを見る ● 競合や似たツールのデザインを見る ● 芸術で使われる技法を調べる ● 行動心理学を調べる ● etc…

Slide 9

Slide 9 text

最初に 一方で起こる疑問 ● 「このUIでユーザーが使いやすくなるのか」 ● デザインに忌避感を与えないだろうか ● 別ツールの二番煎じみたいなデザインになってないか

Slide 10

Slide 10 text

最初に 生物の「脳」がどのように「モノを認識」 するかを知り、 今までのデザイン・これからのデザインに 新しい気づきの礎になれば と思ってます。

Slide 11

Slide 11 text

視覚野:前提 光:複数の波長 ↓ 眼:明暗、色の識別 ↓ 脳:写像の分類・識別 ↓ 認知:物体の理解 https://bsd.neuroinf.jp/wiki/%E8%A6%96%E9%87%8E%E5%9C%B0%E5%9B%B3

Slide 12

Slide 12 text

視覚野:ブロードマンの脳地図 https://pathologycenter.jp/als/neuroanatomy/neuroanatomy6.html ● 大脳皮質を50以上の 番地をつけ、各番地の 詳細の活動をマッピン グしたもの ● 視覚は主に17野、18 野、19野で行われる

Slide 13

Slide 13 text

視覚野:ブロードマンの脳地図 視覚情報は下記に細分化 ● V1:網膜上の刺激位置 ● V2:色・形・大きさ ● V3:物体の方向・速度 ● V4:物体の認識 ● V5/MT:運動方向

Slide 14

Slide 14 text

視覚野:ブロードマンの脳地図 視覚情報は下記に分かれる ● V1:網膜上の刺激位置 ● V2:色・形・大きさなど ● V3:物体の方向・速度 ● V4:物体の認識 ● V5/MT:運動方向

Slide 15

Slide 15 text

視覚野:V4の物体認知 V4で「新しい認知の形成」と「既存の認知の照合」が行われる ● 「色」に対する選択性を持つニューロンが多い ○ 輪郭、大きさ、パターンなどに反応 ○ 同一物体の奥行き、色、位置など関連付けも行う

Slide 16

Slide 16 text

視覚野:V4の物体認知 ● 特定の物体にのみ反応するニューロンの形成 ○ 長期間シナプスの伝達効率が増強・減衰を徐々に行う(長期可塑性) ○ 数時間~数か月反応し、何もないと徐々に減衰 ○ 曖昧な状態で判断している

Slide 17

Slide 17 text

視覚野:V4の物体認知 ● 初回学習は最低数十分でニューロンの形成がされる ○ 学習時に最も活動が行われる場所 ○ 可塑性自体は数十分で行われる ○ 定着になると1か月程度かかる

Slide 18

Slide 18 text

視覚野:V4の物体認知 他にも面白い実験結果 ● 数十個の細胞で物体を判定 ○ 全体で数億の細胞のうち、多くて40個程度で判定されてる ○ 一つずつはかなり曖昧に反応しているが、集合で判定 ○ 風景と物体の分離(図地分離)も同様 ● DCNNと似たような作りをしている ○ 脳とDCNNで同じ特徴抽出がされた

Slide 19

Slide 19 text

まとめ ● 「視る」とは、様々な特徴の寄せ集めで判断 ○ 輪郭、傾き、方向、色、サイズ、パターンなど ○ 明確な形ではなく、曖昧な形での判断 ● 「体験」の繰り返しで、新しい経験も障壁が小さくなる ○ 一回の体験が基本なら、他と似ていると離脱も少ない ○ 複数回の体験があるなら、少し他と区別しても後に慣れる ○ 形成後は長期に残りやすい ○ ある程度似ていれば、勝手に脳が同じとも判断する ● 今後AIによるペルソナに対応したUX確認ができる未来もあるか も

Slide 20

Slide 20 text

参考 ● 視覚前野 ○ 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

Slide 21

Slide 21 text

ご清聴ありがとうございました