UIデザインの「あれ」の名前を知ろう｜株式会社ドヴァ

こんにちは。ドヴァ マーケティングサービス部所属デザイナーのマリコです。 WebのUI・UXデザインの仕事をしていると、デザイナー同士なら「ここのデザイン、コレをこうしたい（身振り手振り）」だけでほとんど伝わるけど……、クライアントに説明するときはそのイメージと一緒に、正式名称で正しく伝えるようにしよう、と思うことがよくあります。 でも、パーツデザインの名称って意外と知られていないものが多いので、今回はその一部を紹介します。「これは絶対この名前で、それ以外は間違いです！」というわけではなく、さまざまな呼び方がある場合も多いため、こういう呼び方もあるんだなぁという気楽な感じで読んでいただければ嬉しいです。 『三本線のボタン』⇒ハンバーガーメニューボタン 今や、どのWebサイトでも使われている超定番のナビゲーションメニューボタン。名前のとおり、ハンバーガーのパティとバンズのような形状からこの名

[Falky]

非常に質の悪い記事なので信用しないように。途中まで我慢して読んだけど、アコーディオンを「モーダル」という言葉を使って説明してるのはさすがにありえないよ。様々な呼び方があるので〜とかの次元ではないです。

[kenta555]

カルーセルと聞くと必ずカルーセル麻紀を連想してしまう

[super_pyramid_power]

“一気に画面の最上部/最下部に飛ぶボタン』 ⇒フローティングアクションボタン”とか、間違ってはないけどそうじゃない感

[hase0510]

「スピナー」にしろ「くるくる」にしろ、回転していることは機能的な本質と関係ないはずなんだけどなー

[skyfox_xxx]

この手のまとめだとモダンiOSナビゲーションパターンの日本語訳がとても良かったのでみんなこっちもぜひ見てね★ https://usagimaru.github.io/iOSNavigationPatternsJP/

[uunfo]

いや、favorite iconだから…→「名前の由来はフェイバリット（favorite）からと言われています」／オーバーレイよりモーダルの方がよく使われてる感ある。見た目で言うか、機能で言うか。と思ったら画像には書いてるな…

[ichi404]

ModalだったりDialogだったりpopupだったりoverlayだったり人によって呼び方が違い過ぎるあれは統一して欲しい

[GiveMeChocolate]

パンくずリストが、画像ではちゃんとパンくずリストなのに、何故かテキストでは「ぱんクズリスト」なのが気になったw その表記はマジで見たことないw

[seikenn]

ヒーローヘッダー、メインヴィジュアル、トップ画像、なんて呼ぶ？

[atelieryock]

「アコーディオンのことをモーダルと説明」とは書いていない。モーダルの画像がアコーディオンぽく見えて紛らわしいだけ。とはいえ全体的に知ったか臭がしますね

[otchy210]

HTML の文脈だったらダイアログで良い。なぜなら専用の <dialog> タグがあるくらいだからね。

[mag4n]

こういうのはAndroidとかiOSのデザインガイドライン読むのがおすすめ。あとスピナーはぐるぐるって言っちゃってるわ。資料には書かないけど。

[kk255]

「現在地のナビゲーション」って言葉だけ見ると、グローバルナビで今いるページの色が変わるカレント表示のことかと。

[misarine3]

会社の記事として出すならベテランが内容確認して。勉強中の子が書くのは全然いいけどまあまあ勘違いしてる内容が多すぎる。

[rryu]

favicon.icoというファイル名ももう過去のものになったか。

[mayumayu_nimolove]

超初心者向けだな

[tomono-blog]

中身見てないけど、スマホのせいでローカルナビゲーションが死につつある。

[spark7]

そのカルーセルがある部分をヒーローと呼ぶのがピンとこない。

[medical_910]

あーこれWebサイトを1から作る時に説明書の意味がわかんなくてこまったやつ。

[solidstatesociety]

なんでパンくずだけカタカナやないの

[totoronoki]

“ローディングなどで「しばらくお待ちください」ということを視覚的に伝えるアニメーション表現のひとつ。あとどれくらい待てばいいのかわかる……はずだけどあまりアテにならない。”

[raebchen]

自分が最悪だと思うのは「ハンバーガーメニュー」な😳 日本人にはどこが「ハンバーガー」？？😳 紙を山折り、谷折り、山折り、谷折り、山折りの6分割にして「蛇腹」にして見せると、みんな納得してくれる😳

[rub73]

デスパラソルをご存知か

[Shinwiki]

標準的なフォームパーツのほうで「コンボボックス」ってあんまり伝わらないんだけど一般的じゃないのかなぁ？とかたまにある

[gm91]

ボタンなんかどうかよくわからないやつ。フラットデザイン。滅べ。