キャンペーン終了まで

割引情報をチェック!

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

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

いますぐ無料体験へ

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

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

このコースについて

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

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

コース内容

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

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

100+人の振り返り

  • 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
  • mika--

    販売・サービス・事務

    感覚的に誰でも分かっている内容ですが、実際仕事として制作に関わったときに名称を知っただけでも違いがある。

    2024-05-06
  • h_kawa

    建設・土木 関連職

    初めて聞く用語もあったが、それぞれに役割やデザインのポイントがあることを理解した。

    2024-05-17
  • 5555hiro5555

    その他

    サイトの回収や、改善に役立てれます。基本的なことなので、自分の知識のベース構築に役立てます。

    2024-09-12
  • ykitayama14

    営業

    ハンバーガーメニュー、パンくずリスト等の名前があることは知らなかった。話のネタにも使えそうな新しい学びになりました。

    2024-10-08
  • koala105

    営業

    ウェブサイトには一定の決まったデザインや呼び名があり、機能的にできていることを知った。
    今後の参考にさせて頂きます。

    2024-06-09
  • tquattro

    建設・土木 関連職

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

    2024-12-02
  • 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
  • kyo1227

    営業

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

    2024-11-09
  • 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
  • saito0722

    その他

    UI・パーツに関する知識がなかったので勉強になりました。

    2024-09-08
  • iwahashiyuhta

    営業

    Webサイトを見るときにも役立つないようであった

    2024-05-10
  • yuya_yamada0618

    経営・経営企画

    ユーザを意識したデザインにしたい。

    2024-10-23
  • 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
  • peripatos

    IT・WEB・エンジニア

    現在の業務で使用しているシステムはUI・パーツに統一性がなく、メニューやボタンも多い。これを反面教師にして影響範囲の狭い個人的な資料であっても統一感を持たせて取り組みます。

    2024-08-16
  • 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
  • tn_infinity

    営業

    日頃何気なく使っているもの、良く分からないもの、の理解と整理がつきました。

    2024-10-01
  • an_1005

    その他

    それぞれ根拠の説明もあり理解がしやすかった。グローバルナビゲーションについて、多くの情報を載せすぎず、人が瞬時に覚えられる5-9項目におさめるとあった部分が特に印象に残った。

    2024-09-06
  • nomura2024

    クリエイティブ

    インタフェースは大切だということがわかりました。

    2024-11-18
  • yuko625830

    営業

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

    2023-11-19
  • kero_kero_kero

    専門職

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

    2022-07-04
  • kanary

    マーケティング

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

    2023-12-28
  • s_yamanoi

    資材・購買・物流

    ホームページのデザインからその企業についてイメージ持てる位、会社を知ることの窓口になる機会が多いと感じています。デザインの良し悪しで企業イメージが固定されてしまうこともあると思いますのでデザインの重要性を感じることが出来ました。

    2024-08-12
  • jis46

    その他

    自分は途中入社ですが、この会社は専門用語が多すぎて、それを当たり前のように使用して会話してくる周囲の人に、すごく違和感を覚えたことがある。誰が見ても聞いてもわかりやすい、というのは大事で、難しい事をわかりやすく説明するよう心掛けている。

    2024-09-09
  • 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
  • kazu177

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

    UI/UXのデザインパーツについて学んだ。知らなかった言葉が多くて、復習が、必要と感じました。よくスマホで見るものが、ハンバーガーメニューっていうのが、面白かった。

    2024-08-29
  • hr-sakai

    その他

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

    2024-04-20
  • ponde0627

    経理・財務

    知らない用語が多く非常にためになった

    2024-09-17
  • reikou

    IT・WEB・エンジニア

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

    2023-03-28
  • kakipy

    その他

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

    2022-12-19
  • kz_nkjm

    金融・不動産 関連職

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

    2023-02-02
  • sakiyam2

    IT・WEB・エンジニア

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

    2023-10-13
  • hazuki420

    専門職

    語源が面白かったです。こちらも業務の基礎知識としてつかえます。画面上のアイコンやパーツの名前などは知らないものが多いので、助かりました。

    2024-11-22
  • nikon1987

    経理・財務

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

    2024-03-05
  • yumi-mama

    専門職

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

    2024-02-07
  • a_7636

    人事・労務・法務

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

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

    2022-07-02
  • xujiahui1

    経営・経営企画

    用語の理解ができた。

    2024-12-02
  • aki-noumi

    人事・労務・法務

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

    2022-07-01
  • fhamauzu

    IT・WEB・エンジニア

    ほとんど独学したところでした。
    しらない言葉もあったので覚えるようにします。

    2024-10-12
  • ace032952

    販売・サービス・事務

    Web画面の説明が多かった。
    作成者として、利用する事は無いが意味がわかった

    2024-11-12
  • 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
  • yttajima

    専門職

    以前にも学んだ経験があるが、改めてUIのデザインの基礎を学ぶことができた。

    2024-08-30
  • csl_kojima

    IT・WEB・エンジニア

    理解が深まりました。

    2023-10-18
  • jouney

    その他

    基本的なことが理解できたので今後使用できそうです。

    2024-10-24
  • taigashimoda

    クリエイティブ

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

    2024-01-02
  • yamyamyamyam

    その他

    何気なく見ていた各社のホームページで、ユーザーが見やすいように様々な工夫をしていることが理解できました。

    2024-10-16
  • 1027t-m

    マーケティング

    デザイン用語がよく分かった。

    2024-09-18
  • aqueous

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

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

    2024-01-11
  • lonfri

    販売・サービス・事務

    普段利用している項目に関する項目名とポイントの理解ができた。

    2024-09-07
  • yuka0319

    営業

    UIは使う人に分かりやすいように雛形は決まっていると分かった。
    ハンバーガーメニューやパンくずリストはよく見かけるが知らなかったので、今回知れてよかった。

    2024-10-12
  • yuki_nagato

    その他

    グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。

    2024-09-07
  • s-oonuma

    クリエイティブ

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

    2024-03-13
  • kaori_otsuka

    販売・サービス・事務

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

    2024-02-05
  • takabag07

    金融・不動産 関連職

    良く分かりました。ユーザー側に沿ったデザイン構築必要ですね。

    2024-11-25
  • zhixuan0815

    コンサルタント

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

    2024-01-16
  • seki-z

    専門職

    基礎が学べてよかった

    2023-12-23
  • mo_108

    その他

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

    2024-03-06
  • 75475

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

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

    2023-04-11
  • iammaki

    営業

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

    2023-02-24
  • an14793

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

    webデザイン関連のやり取りでパーツの具体名を用いることで、円滑にやり取りできる。

    2024-10-28

関連動画コース

新着動画コース

10分以内の動画コース

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

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

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

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

無料会員登録

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