【衝撃】WEBデザインの「導線」と「動線」、実は意味が全然違うと判明ｗｗｗお前ら知ってた？
https://www.youtube.com/watch?v=r_osGkpjjQY
【動画の要約】
・「動線（動く線）」＝ユーザーが実際に動いた軌跡（過去）
・「導線（導く線）」＝運営側が意図して誘導する経路（未来）
・スーパーの配置（野菜→肉→惣菜）は「動線」を考え抜いた最強の「導線」設計
・Web業界は「導く線」ばかり考えがちだが、ユーザーの「動く線」を理解しないと失敗する
どっちも「どうせん」だから今まで適当に使い分けてたわｗｗｗ
漢字からして意味が違うのな
[00:00:33] スーパーの陳列の話、めちゃくちゃ納得した。
野菜から始まって重い飲み物が最後なのは、買い物しやすさを追求した結果だったのか。
>>3
カゴの重さまで計算されてるとか、実店舗のUX設計エグすぎだろ
[00:06:08] ここが一番重要。
「動く線」は過去の軌跡、「導く線」は未来の経路。この視点はなかったわ( *´艸｀)
Webサイト作るときに「俺が考えた最強の導線」を押し付けがちなお前らへの警告だな
[00:04:05] 家事動線のシミュレーションの例えも分かりやすい。
洗濯機からベランダまでの距離を短くする設計とか、そのままWebのクリック数削減に応用できるやん。
>>12
客間からトイレ行くのにリビング通らなきゃいけない間取りは「動線」が考慮されてない悪い例ってことか
[00:02:48] メイン導線だけじゃなくてサブ導線のパスも通してあげないといけないってのも刺さる。
>>18
「欲しい情報に辿り着けない」ってイライラするサイト、大抵これだよな
[00:06:54] Web業界が「導く線」主体なのが悪影響及ぼしてるって指摘、鋭すぎワロタ。
>>25
結局は運営側の「勝手な論理」なんだよな…ユーザーは神様じゃないが、ユーザーの動きこそが正義
ユーザーがどう考えるか、何を目的としてるかを踏まえる。
基本だけど一番難しいやつだわ。
[00:08:04] ユーザーの「動く線」から「誘導の導線」を作る。
これができれば最強のサイトになるってことか
>>35
ヒートマップとか見て改善するのは、まさに「動線」を分析して「導線」を修正する作業だよな。
結論：お前らも適当にボタン配置するのやめろ😡
この動画、初心者WEBデザイナーは全員見るべきだろ。分かりやすさが段違い。
とりあえず自分のサイトの「動く線」を見直してくるわ。乙。
引用元: よくわかるUIデザイン動画：WEBデザインに大切なのは導線と動線のどっち?!｜初めてでもわかるWEBデザイン｜○×UIデザイン
「導線」と「動線」。同じ読み方でありながら、一方は未来の設計図、もう一方は過去の足跡という対比が非常に面白い動画でしたね。スーパーの配置や家づくりの例えが秀逸で、UI/UXの基本がスッと頭に入ってきました。
特にWEB業界が「導く線（導線）」に偏りがちだという指摘には、ハッとさせられた方も多いのではないでしょうか。運営側のエゴを押し付けるのではなく、ユーザーがどう動きたいのかという「動線」を深く理解し、それに寄り添う形で「導線」を引くことこそが、真に使いやすいデザインへの近道だと言えます。
「迷わせない」だけでなく、ユーザーの目的達成を最短距離でサポートする。そんな優しさのあるサイト設計を心がけたいものですね。皆さんのサイトの導線、一度ユーザーの視点で見直してみてはいかがでしょうか？
ポチップ
