キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

初回登録なら7日間無料! いつでも解約OK

いますぐ無料体験へ

サクッとわかる!デザイン用語 ~UI・パーツ編~

  • 0h 8m (4sections)
  • デザイン
  • 初級

このコースについて

ビジネスパーソンのための「サクッとわかる!デザイン用語」シリーズ。今回はUI・パーツについて解説します。WEBサイトや広告物の制作、デザイナーとのコミュニケーションなどに役立てましょう。

<本コースの内容>
・ヘッダー
・フッター
・グローバルナビゲーション
・ハンバーガーメニュー
・パンくずリスト
・サイドバー
・ボタン
・入力フォーム

コース内容

  • UIパーツとは
  • ヘッダー/フッター/グローバルナビゲーション
  • ハンバーガーメニュー/パンくずリスト/サイドバー
  • ボタン/入力フォーム

より理解を深め、他のユーザーとつながりましょう。

91人の振り返り

  • wat106

    人事・労務・法務

    ハンバーガーメニューやパンくずリストは初めて知った。一般的なwebサイトのやり方に沿って、わかりやすいサイトを作るようにしたい。

    2022-08-26
  • neo210515

    メーカー技術・研究・開発

    グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。今後、Webサイトを見るときにどんな工夫がされているかを眺めてみたい。

    2022-07-03
  • isax

    メーカー技術・研究・開発

    フロントエンドの基礎

    2022-07-05
  • gokusi

    販売・サービス・事務

    名前があるなんて!パソコンを見て思い出します。

    2022-10-05
  • shusuke-yamada

    その他

    グローバルナビゲーションについて、情報の項目の並べ方と数値を意識しながら、パーツを組み立てていくことになります。
    Webサイトを眺めるときに参照したいです。

    2022-07-15
  • eiiz

    マーケティング

    サイドバーの名称がわからず、社内で説明する際に毎回違う表現をしていましたが、今後は「サイドバー」で統一したいと思います。

    2023-04-06
  • kfujimu_0630

    マーケティング

    聞いたことはあるけれど、具体的にどの用語が何を指しているか曖昧だったものもあったので、いい確認ができました。ありがとうございました。

    2022-08-15
  • k-fukufuku

    専門職

    ユーザビリティを考えた設計思想はWebを使う側にとって日常的なものなので大事だと感じました。

    2023-06-19
  • anchi1006

    その他

    グッド

    2022-07-03
  • stani

    専門職

    参考にさせていただきます。

    2023-11-06
  • koka-p

    販売・サービス・事務

    ハンバーガーメニューやパンくずリストという名称は知らなかった。
    が、分からずとも自分がユーザー側としてなんとなくニュアンスで使えていたのは、ユーザーが見てわかる工夫があったのだなと改めて理解した。

    2023-07-17
  • ayaka-ito

    営業

    パンくずリストだけ知らなかった。
    たまにホバーがないボタンがあるけど、昔ながらのサイトなのかなと思ってしまう。

    2024-02-13
  • dale181

    IT・WEB・エンジニア

    ホームページのレイアウトを考えたり、アプリのカスタマイズでフロント側のコードを書いたりするときに活用できると思った

    2023-06-08
  • mamaria

    クリエイティブ

    UIの専門用語を理解できました。
    グローバルナビゲーションの役割、サイドバーの役割、それぞれの役割を知ることでデザインをすっきりさせることができそうです。情報を詰め込みすぎずユーザーに情報が伝わるデザインにしたいと思います。社内で情報共有し社内のコミュニケーションを円滑にすすめられるようにしたいと思います。

    2024-01-15
  • yutaka_aimar

    営業

    グローバルナビゲーション、情報の項目と順番、数値を意識することが大事ですね。
    今ではAI活用が増え利用者にとって利便性が高まっていますね。

    2023-08-09
  • piaojingzi

    クリエイティブ

    サラッと復習になりました。

    2022-09-06
  • yumex1226

    IT・WEB・エンジニア


    WEBの仕事に携わっているので
    ほぼ知っている内容で逆に安心しましたが
    ボタンにマウスオンしたときの用語
    ホバー
    ホバーアニメーション
    など、あまり使ってない用語もあったので使ってみたいと思います。

    2022-08-27
  • g_kazuki

    メーカー技術・研究・開発

    HP制作していきたい

    2022-07-08
  • o_s_

    その他

    見やすいデザインを考える

    2022-07-21
  • kmts

    経営・経営企画

    基本的な項目ではあるが、理解が深まった。

    2022-07-24
  • hayato-koba

    金融・不動産 関連職

    UIデザインはwebデザインとしてだけではなく、日常の業務において、複雑な仕事を整理することにも活用できるのではないかと感じました。

    2023-11-27
  • kinutaroken

    経営・経営企画

    大変勉強になりました

    2022-09-09
  • haluta

    IT・WEB・エンジニア

    グローバルナビゲーション9個にすると、フォントサイズが小さくなり見にくくなる。

    2023-09-26
  • gotota

    人事・労務・法務

    役割についっては知っていたものの、呼び名について初めて知りました。今後の作業についてすぐにでも役立てることができそうです。

    2024-02-26
  • k_yuna

    販売・サービス・事務

    大変勉強になりました。

    2023-12-03
  • fukamidori

    その他

    普段何気なく使っていたツールを体系的に説明していただき、整理ができました。

    2022-07-17
  • yu-giraffe

    販売・サービス・事務

    見やすいHP作りが大切だと思った

    2023-11-19
  • eee_18

    その他

    普段何気なく使っている機能の説明を受けることで改めてサイト設計で意識すべきポイントを学べました。パンくずリストは見落としがちだったので盛り込みたいと思います。

    2023-04-18
  • shigsug

    経営・経営企画

    とても短いものでしたが、非常に役立ちました。

    2022-06-30
  • sphsph

    メーカー技術・研究・開発

    知らない言葉がいっぱい出てきました。
    言葉はさておき、何を見せ、何を伝え、どんな行動を促すか。
    ストーリーをしっかりと作り、しっかりと伝える必要性を感じました。

    2022-07-01
  • jshinmura

    IT・WEB・エンジニア

    UIの基本パーツの用語を理解しておくことで、ウェブデザイナーやディレクターの方々とのコミュニケーションがスムーズにできることを学びました。

    2023-08-15
  • chsk

    クリエイティブ

    名称とその内容自体は知っていることではあったが、メニュー項目は多くても9個にしたほうがいい、など、内容の制作にあたって気をつけるべきポイントがわかって勉強になった

    2023-11-09
  • a-yashiro

    専門職

    パンくずリストは便利。

    2022-10-29
  • yuko625830

    営業

    営業業務に活用できると感じた。

    2023-11-19
  • kero_kero_kero

    専門職

    各パーツの名称、情報をつめみすぎないことが大切など学べました。自分でコードを書いてみる時の参考にしたいと思います。

    2022-07-04
  • kanary

    マーケティング

    WEBサイトのリニューアル時に役立てたい

    2023-12-28
  • mi-83

    マーケティング

    ボタンを押しやすい工夫がされていた事、自分を振り返り納得しました。

    2024-04-03
  • tfurui

    その他

    ユーザーが使いやすいデザインであることが重要だと再確認しました。

    2022-10-24
  • k0713

    マーケティング

    知らない用語がたくさんあり、勉強になりました。

    2023-08-31
  • j-ikejima

    営業

    あまり業務上使わない

    2023-03-08
  • kirakirakira

    その他

    部内の下位メンバーに対して具体的人気説明をしていく

    2023-11-13
  • kei__shima1

    コンサルタント

    普段何気なく見ているサイトやアプリでも裏に表示形式や機能が定義されていることを再認識した。今後、このような概論を学んだ上で、アプリ・ツールの要件定義に落とし込んでいきたい。

    2024-01-15
  • hr-sakai

    その他

    クリックしてもらう為にはわかりやすく興味を受けるデザインをつくらなければならない。もっと学習して活用していきます。

    2024-04-20
  • reikou

    IT・WEB・エンジニア

    サイトの各パーツの名前を初めて知りました、
    パンくずリストが面白いと思います

    2023-03-28
  • kakipy

    その他

    ボタンをクリックすると、色が変わる「ホバー」に興味があります。ユーザーインターフェースは分かりやすく一目で理解してもらうこと。要素はシンプルに絞った方が良い。

    2022-12-19
  • kz_nkjm

    金融・不動産 関連職

    ホームページのレイアウトに様々なルールがあることが分かり、勉強になりました。

    2023-02-02
  • sakiyam2

    IT・WEB・エンジニア

    パンくずリストやハンバーガーメニューなど、普段見慣れているUIでも名前を知らないものがあった。用語を正しく使えるように正確に理解したい。

    2023-10-13
  • nikon1987

    経理・財務

    何気なく見ているHPの画面にこれだけの意味があったとは知りませんでした。
    感覚的に使っているのも人の本能なのかそれを本能にさせられたのか…。
    デザインの奥深さを知りました。

    2024-03-05
  • yumi-mama

    専門職

    参考にさせていただきます

    2024-02-07
  • a_7636

    人事・労務・法務

    業務上、他社のコーポレートページを頻繁に見るのですが、サイトの構成がスッキリしていて分かりやすいと、ストレスなく目当ての情報にたどり着けて有難いですし、その会社への印象が良くなると思います。

    UIパーツって大事ですね。

    2022-07-02
  • aki-noumi

    人事・労務・法務

    社内イントラ作成や社外公開用コンテンツのレビューに活用できる。

    2022-07-01
  • uchij

    マーケティング

    用語の整理ができました

    2022-12-16
  • kkdd00

    メーカー技術・研究・開発

    パーツの目的を理解し効果的に使うことが、ストレスなく使えるUIに繋がることを意識する。

    2022-10-19
  • pakumotomi1

    営業

    意識して見てなかったです
    確認してみます

    2023-12-17
  • watanabe-tat

    専門職

    Webデザインの基本パーツについて学べた。

    2023-10-06
  • nagoya-jyo

    営業

    通常PC内のページを見るときにも内容を知っていると役に立つと思った。

    2022-10-28
  • sk-kdrni

    その他

    何気なく使っているものに名前がある。

    2022-08-08
  • kensukehasegawa

    人事・労務・法務

    イメージではわかっていましたが、名称を知らなかったので、知ることができてよかったです。
    (活用できるかはわかりませんが。)

    2023-03-13
  • mukahara

    IT・WEB・エンジニア

    今までイメージできてなかった用語が知れた。

    2022-08-22
  • csl_kojima

    IT・WEB・エンジニア

    理解が深まりました。

    2023-10-18
  • taigashimoda

    クリエイティブ

    普段何気なく目にしているWebページの各パーツに、それぞれ名称があると分かりや大変面白かった。開発部門と仕事をする際にイマイチ理解できていないワードもあったが、これ機に単語を整理する。ハンバーガーメニューやパンくずリストは知らないとなにそれ!?となりそうなので、他にもこのような用語がないか調べてみようと思った。

    2024-01-02
  • aqueous

    メーカー技術・研究・開発

    名前が面白い。ビジネスシーンは正直思いつかない。

    2024-01-11
  • s-oonuma

    クリエイティブ

    webでの知識とUIでの知識が同一であったので、幅広く使えると思いました。

    2024-03-13
  • kaori_otsuka

    販売・サービス・事務

    自分がいつも当たり前に使っているホームページやスマホのページの仕組みがわかり、面白かった。
    たまに使いにくいUIがあるが、どこが使いにくいのかなど分析してみたい。

    2024-02-05
  • zhixuan0815

    コンサルタント

    ヘッダーはよく聞いたことがあったがフッターが何なのか、グローバルナビゲーションがなんなのかよくわかった。
    それぞれの項目にはきちんと名前があり、意味があるのだと学びになった。
    特にボタンも奥深い。

    2024-01-16
  • seki-z

    専門職

    基礎が学べてよかった

    2023-12-23
  • mo_108

    その他

    基本事項のおさらいが出来ました。

    2024-03-06
  • 75475

    メーカー技術・研究・開発

    仕様書などの設計書類作成時に活かせる。

    2023-04-11
  • iammaki

    営業

    Webサイトを作成する上での基本知識がわかった

    2023-02-24
  • tokuji_0628

    金融・不動産 関連職

    これからいかにわかりやすい資料が作るかが大切。参考にさせてもらいたい

    2023-12-06
  • toyonaka95

    金融・不動産 関連職

    一つずつ覚えていきます

    2023-02-23
  • yuk_o

    人事・労務・法務

    見てもらう人にわかりやすく伝える工夫の説明がわかりやすかったです。

    2024-01-30
  • nk0624

    クリエイティブ

    パーツも知っている名前はありましたが。どうやって工夫してユーザーに使用されているかまでは、分かっていませんでした。自分が仕事で関わるときは気をつけて作成していきたいです

    2023-06-26
  • kouji_sakamoto

    メーカー技術・研究・開発

    ヘッダー、フッダー活用が理解できた

    2022-09-14
  • shisetsu-aoki

    建設・土木 関連職

    UIを構成しているパーツがどういうものなのか知った。

    2023-08-14
  • fuziyama

    メーカー技術・研究・開発

    共通用語を知っておくと、話をするとき・聞くときにどのことを言っているのかイメージがわかり、すぐに会話が成り立ち、業務がスムーズに実施できる

    2022-07-08
  • comomotosumomo

    その他

    基本的なことを確認することができました!

    2024-01-12
  • keitan0519

    経営・経営企画

    見やすいサイトに必ず設置されているパーツについて、役割や意図について知ることができました。

    2022-10-31
  • hatake0000

    クリエイティブ

    復習をかねて

    2022-09-30
  • takuto2009

    金融・不動産 関連職

    レイアウト作成の基本を理解できました。

    2023-10-30
  • n_nabetani

    IT・WEB・エンジニア

    知らなかったパーツ呼称もありコミュニケーションで有益でした。設計での活用も考えていきます。

    2023-07-16
  • madatasukaru_10

    IT・WEB・エンジニア

    なんとなく物を知っているだけでなく名称も覚えておけばメンバーとの意思疎通も捗りますね。勉強になりました。

    2024-04-05
  • pontaro-

    経営・経営企画

    ありがちなのが情報過多ですね。
    どう厳選するのか悩ましい時があります。

    2022-07-05
  • naoshiba

    専門職

    ふだんの業務で接している内容であり改めて整理するのに役立った

    2024-03-17
  • yukou

    人事・労務・法務

    何と呼んだら良いか分からないパーツだったので、打ち合わせの際などに場所を指定する際に名前を使えるようになりました。

    2022-10-03
  • teddy_2023

    人事・労務・法務

    ハンバーガーメニューはサン本線と呼んでましたが、今回で正式名称を知ることができました…
    サイト制作をする際に、ユーザーが直感的に閲覧したいページに行けるか、移動に不自由がないかは大事にしたいと思っていますが、各パーツの役割を知ることで、ベンダーと話をする際に役に立つと思いました。
    適当にパーツを置くのではなく、意図をもって制作したいと思いました。

    2023-08-10
  • rd6-6-9

    メーカー技術・研究・開発

    よく目にしているUIの正式名を知る事が出来て良かった。普段から沢山触れるWebページの操作性、使いやすさ等を意識的に見るようにしていきたい。

    2023-12-14
  • x1043243

    営業

    UIによって、優先順に差を作れたり、ユーザー行動の仕立てができたりと、モノにしたいと思いました。

    2023-04-21
  • user_0001

    マーケティング

    HP制作の際に活用する。

    2024-04-15
  • k--g--

    その他

    ユーザフレンドリーなUIを作成したいと思いました。

    2024-02-13
  • kappa0809

    専門職

    ハンバーガーメニュー、パンくずリストこんな面白い名前がついていたなんて知りませんでした。

    2022-10-14

関連動画コース

新着動画コース

10分以内の動画コース

再生回数の多い動画コース

コメントの多い動画コース

オンライン学習サービス部門 20代〜30代ビジネスパーソン334名を対象とした調査の結果 4部門で高評価達成!

7日間の無料体験を試してみよう

無料会員登録

期間内に自動更新を停止いただければ、料金は一切かかりません。