UI/UX ~サービスのデザイン・顧客体験の設計~
昨今、あらゆるサービスがWebサービスやアプリを通じて提供されるようになりました。顧客からの支持を得て競争を勝ち抜くためには、サービスの操作性やデザイン、ユーザーにもたらしたい顧客体験を設計する「UI/UX」が重要になります。 本コースでは、UI/UXの概要や重視すべきポイント、留意点について学んでいきます。
会員限定
割引情報をチェック!
すべての動画をフルで見よう!
初回登録なら7日間無料! いつでも解約OK
いますぐ無料体験へ
ビジネスパーソンのための「サクッとわかる!デザイン用語」シリーズ。今回はUI・パーツについて解説します。WEBサイトや広告物の制作、デザイナーとのコミュニケーションなどに役立てましょう。
<本コースの内容>
・ヘッダー
・フッター
・グローバルナビゲーション
・ハンバーガーメニュー
・パンくずリスト
・サイドバー
・ボタン
・入力フォーム
より理解を深め、他のユーザーとつながりましょう。
100+人の振り返り
wat106
人事・労務・法務
ハンバーガーメニューやパンくずリストは初めて知った。一般的なwebサイトのやり方に沿って、わかりやすいサイトを作るようにしたい。
4
neo210515
メーカー技術・研究・開発
グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。今後、Webサイトを見るときにどんな工夫がされているかを眺めてみたい。
2
isax
メーカー技術・研究・開発
フロントエンドの基礎
2
gokusi
販売・サービス・事務
名前があるなんて!パソコンを見て思い出します。
1
shusuke-yamada
その他
グローバルナビゲーションについて、情報の項目の並べ方と数値を意識しながら、パーツを組み立てていくことになります。
Webサイトを眺めるときに参照したいです。
1
eiiz
マーケティング
サイドバーの名称がわからず、社内で説明する際に毎回違う表現をしていましたが、今後は「サイドバー」で統一したいと思います。
1
kfujimu_0630
マーケティング
聞いたことはあるけれど、具体的にどの用語が何を指しているか曖昧だったものもあったので、いい確認ができました。ありがとうございました。
1
k-fukufuku
専門職
ユーザビリティを考えた設計思想はWebを使う側にとって日常的なものなので大事だと感じました。
0
mika--
販売・サービス・事務
感覚的に誰でも分かっている内容ですが、実際仕事として制作に関わったときに名称を知っただけでも違いがある。
0
h_kawa
建設・土木 関連職
初めて聞く用語もあったが、それぞれに役割やデザインのポイントがあることを理解した。
0
5555hiro5555
その他
サイトの回収や、改善に役立てれます。基本的なことなので、自分の知識のベース構築に役立てます。
0
ykitayama14
営業
ハンバーガーメニュー、パンくずリスト等の名前があることは知らなかった。話のネタにも使えそうな新しい学びになりました。
0
koala105
営業
ウェブサイトには一定の決まったデザインや呼び名があり、機能的にできていることを知った。
今後の参考にさせて頂きます。
0
tquattro
建設・土木 関連職
グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。今後、Webサイトを見るときにどんな工夫がされているかを眺めてみたい。
0
anchi1006
その他
グッド
0
stani
専門職
参考にさせていただきます。
0
koka-p
販売・サービス・事務
ハンバーガーメニューやパンくずリストという名称は知らなかった。
が、分からずとも自分がユーザー側としてなんとなくニュアンスで使えていたのは、ユーザーが見てわかる工夫があったのだなと改めて理解した。
0
ayaka-ito
営業
パンくずリストだけ知らなかった。
たまにホバーがないボタンがあるけど、昔ながらのサイトなのかなと思ってしまう。
0
dale181
IT・WEB・エンジニア
ホームページのレイアウトを考えたり、アプリのカスタマイズでフロント側のコードを書いたりするときに活用できると思った
0
mamaria
クリエイティブ
UIの専門用語を理解できました。
グローバルナビゲーションの役割、サイドバーの役割、それぞれの役割を知ることでデザインをすっきりさせることができそうです。情報を詰め込みすぎずユーザーに情報が伝わるデザインにしたいと思います。社内で情報共有し社内のコミュニケーションを円滑にすすめられるようにしたいと思います。
0
kyo1227
営業
サイドバーの名称がわからず、社内で説明する際に毎回違う表現をしていましたが、今後は「サイドバー」で統一したいと思います。
0
yutaka_aimar
営業
グローバルナビゲーション、情報の項目と順番、数値を意識することが大事ですね。
今ではAI活用が増え利用者にとって利便性が高まっていますね。
0
piaojingzi
クリエイティブ
サラッと復習になりました。
0
yumex1226
IT・WEB・エンジニア
WEBの仕事に携わっているので
ほぼ知っている内容で逆に安心しましたが
ボタンにマウスオンしたときの用語
ホバー
ホバーアニメーション
など、あまり使ってない用語もあったので使ってみたいと思います。
0
g_kazuki
メーカー技術・研究・開発
HP制作していきたい
0
o_s_
その他
見やすいデザインを考える
0
kmts
経営・経営企画
基本的な項目ではあるが、理解が深まった。
0
saito0722
その他
UI・パーツに関する知識がなかったので勉強になりました。
0
iwahashiyuhta
営業
Webサイトを見るときにも役立つないようであった
0
yuya_yamada0618
経営・経営企画
ユーザを意識したデザインにしたい。
0
hayato-koba
金融・不動産 関連職
UIデザインはwebデザインとしてだけではなく、日常の業務において、複雑な仕事を整理することにも活用できるのではないかと感じました。
0
kinutaroken
経営・経営企画
大変勉強になりました
0
haluta
IT・WEB・エンジニア
グローバルナビゲーション9個にすると、フォントサイズが小さくなり見にくくなる。
0
gotota
人事・労務・法務
役割についっては知っていたものの、呼び名について初めて知りました。今後の作業についてすぐにでも役立てることができそうです。
0
k_yuna
販売・サービス・事務
大変勉強になりました。
0
fukamidori
その他
普段何気なく使っていたツールを体系的に説明していただき、整理ができました。
0
yu-giraffe
販売・サービス・事務
見やすいHP作りが大切だと思った
0
peripatos
IT・WEB・エンジニア
現在の業務で使用しているシステムはUI・パーツに統一性がなく、メニューやボタンも多い。これを反面教師にして影響範囲の狭い個人的な資料であっても統一感を持たせて取り組みます。
0
eee_18
その他
普段何気なく使っている機能の説明を受けることで改めてサイト設計で意識すべきポイントを学べました。パンくずリストは見落としがちだったので盛り込みたいと思います。
0
shigsug
経営・経営企画
とても短いものでしたが、非常に役立ちました。
0
sphsph
メーカー技術・研究・開発
知らない言葉がいっぱい出てきました。
言葉はさておき、何を見せ、何を伝え、どんな行動を促すか。
ストーリーをしっかりと作り、しっかりと伝える必要性を感じました。
0
jshinmura
IT・WEB・エンジニア
UIの基本パーツの用語を理解しておくことで、ウェブデザイナーやディレクターの方々とのコミュニケーションがスムーズにできることを学びました。
0
chsk
クリエイティブ
名称とその内容自体は知っていることではあったが、メニュー項目は多くても9個にしたほうがいい、など、内容の制作にあたって気をつけるべきポイントがわかって勉強になった
0
a-yashiro
専門職
パンくずリストは便利。
0
tn_infinity
営業
日頃何気なく使っているもの、良く分からないもの、の理解と整理がつきました。
0
an_1005
その他
それぞれ根拠の説明もあり理解がしやすかった。グローバルナビゲーションについて、多くの情報を載せすぎず、人が瞬時に覚えられる5-9項目におさめるとあった部分が特に印象に残った。
0
nomura2024
クリエイティブ
インタフェースは大切だということがわかりました。
0
yuko625830
営業
営業業務に活用できると感じた。
0
kero_kero_kero
専門職
各パーツの名称、情報をつめみすぎないことが大切など学べました。自分でコードを書いてみる時の参考にしたいと思います。
0
kanary
マーケティング
WEBサイトのリニューアル時に役立てたい
0
s_yamanoi
資材・購買・物流
ホームページのデザインからその企業についてイメージ持てる位、会社を知ることの窓口になる機会が多いと感じています。デザインの良し悪しで企業イメージが固定されてしまうこともあると思いますのでデザインの重要性を感じることが出来ました。
0
jis46
その他
自分は途中入社ですが、この会社は専門用語が多すぎて、それを当たり前のように使用して会話してくる周囲の人に、すごく違和感を覚えたことがある。誰が見ても聞いてもわかりやすい、というのは大事で、難しい事をわかりやすく説明するよう心掛けている。
0
mi-83
マーケティング
ボタンを押しやすい工夫がされていた事、自分を振り返り納得しました。
0
tfurui
その他
ユーザーが使いやすいデザインであることが重要だと再確認しました。
0
k0713
マーケティング
知らない用語がたくさんあり、勉強になりました。
0
j-ikejima
営業
あまり業務上使わない
0
kirakirakira
その他
部内の下位メンバーに対して具体的人気説明をしていく
0
kei__shima1
コンサルタント
普段何気なく見ているサイトやアプリでも裏に表示形式や機能が定義されていることを再認識した。今後、このような概論を学んだ上で、アプリ・ツールの要件定義に落とし込んでいきたい。
0
kazu177
メーカー技術・研究・開発
UI/UXのデザインパーツについて学んだ。知らなかった言葉が多くて、復習が、必要と感じました。よくスマホで見るものが、ハンバーガーメニューっていうのが、面白かった。
0
hr-sakai
その他
クリックしてもらう為にはわかりやすく興味を受けるデザインをつくらなければならない。もっと学習して活用していきます。
0
ponde0627
経理・財務
知らない用語が多く非常にためになった
0
reikou
IT・WEB・エンジニア
サイトの各パーツの名前を初めて知りました、
パンくずリストが面白いと思います
0
kakipy
その他
ボタンをクリックすると、色が変わる「ホバー」に興味があります。ユーザーインターフェースは分かりやすく一目で理解してもらうこと。要素はシンプルに絞った方が良い。
0
kz_nkjm
金融・不動産 関連職
ホームページのレイアウトに様々なルールがあることが分かり、勉強になりました。
0
sakiyam2
IT・WEB・エンジニア
パンくずリストやハンバーガーメニューなど、普段見慣れているUIでも名前を知らないものがあった。用語を正しく使えるように正確に理解したい。
0
hazuki420
専門職
語源が面白かったです。こちらも業務の基礎知識としてつかえます。画面上のアイコンやパーツの名前などは知らないものが多いので、助かりました。
0
nikon1987
経理・財務
何気なく見ているHPの画面にこれだけの意味があったとは知りませんでした。
感覚的に使っているのも人の本能なのかそれを本能にさせられたのか…。
デザインの奥深さを知りました。
0
yumi-mama
専門職
参考にさせていただきます
0
a_7636
人事・労務・法務
業務上、他社のコーポレートページを頻繁に見るのですが、サイトの構成がスッキリしていて分かりやすいと、ストレスなく目当ての情報にたどり着けて有難いですし、その会社への印象が良くなると思います。
UIパーツって大事ですね。
0
xujiahui1
経営・経営企画
用語の理解ができた。
0
aki-noumi
人事・労務・法務
社内イントラ作成や社外公開用コンテンツのレビューに活用できる。
0
fhamauzu
IT・WEB・エンジニア
ほとんど独学したところでした。
しらない言葉もあったので覚えるようにします。
0
ace032952
販売・サービス・事務
Web画面の説明が多かった。
作成者として、利用する事は無いが意味がわかった
0
uchij
マーケティング
用語の整理ができました
0
kkdd00
メーカー技術・研究・開発
パーツの目的を理解し効果的に使うことが、ストレスなく使えるUIに繋がることを意識する。
0
pakumotomi1
営業
意識して見てなかったです
確認してみます
0
watanabe-tat
専門職
Webデザインの基本パーツについて学べた。
0
nagoya-jyo
営業
通常PC内のページを見るときにも内容を知っていると役に立つと思った。
0
sk-kdrni
その他
何気なく使っているものに名前がある。
0
kensukehasegawa
人事・労務・法務
イメージではわかっていましたが、名称を知らなかったので、知ることができてよかったです。
(活用できるかはわかりませんが。)
0
mukahara
IT・WEB・エンジニア
今までイメージできてなかった用語が知れた。
0
yttajima
専門職
以前にも学んだ経験があるが、改めてUIのデザインの基礎を学ぶことができた。
0
csl_kojima
IT・WEB・エンジニア
理解が深まりました。
0
jouney
その他
基本的なことが理解できたので今後使用できそうです。
0
taigashimoda
クリエイティブ
普段何気なく目にしているWebページの各パーツに、それぞれ名称があると分かりや大変面白かった。開発部門と仕事をする際にイマイチ理解できていないワードもあったが、これ機に単語を整理する。ハンバーガーメニューやパンくずリストは知らないとなにそれ!?となりそうなので、他にもこのような用語がないか調べてみようと思った。
0
yamyamyamyam
その他
何気なく見ていた各社のホームページで、ユーザーが見やすいように様々な工夫をしていることが理解できました。
0
1027t-m
マーケティング
デザイン用語がよく分かった。
0
aqueous
メーカー技術・研究・開発
名前が面白い。ビジネスシーンは正直思いつかない。
0
lonfri
販売・サービス・事務
普段利用している項目に関する項目名とポイントの理解ができた。
0
yuka0319
営業
UIは使う人に分かりやすいように雛形は決まっていると分かった。
ハンバーガーメニューやパンくずリストはよく見かけるが知らなかったので、今回知れてよかった。
0
yuki_nagato
その他
グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。
0
s-oonuma
クリエイティブ
webでの知識とUIでの知識が同一であったので、幅広く使えると思いました。
0
kaori_otsuka
販売・サービス・事務
自分がいつも当たり前に使っているホームページやスマホのページの仕組みがわかり、面白かった。
たまに使いにくいUIがあるが、どこが使いにくいのかなど分析してみたい。
0
takabag07
金融・不動産 関連職
良く分かりました。ユーザー側に沿ったデザイン構築必要ですね。
0
zhixuan0815
コンサルタント
ヘッダーはよく聞いたことがあったがフッターが何なのか、グローバルナビゲーションがなんなのかよくわかった。
それぞれの項目にはきちんと名前があり、意味があるのだと学びになった。
特にボタンも奥深い。
0
seki-z
専門職
基礎が学べてよかった
0
mo_108
その他
基本事項のおさらいが出来ました。
0
75475
メーカー技術・研究・開発
仕様書などの設計書類作成時に活かせる。
0
iammaki
営業
Webサイトを作成する上での基本知識がわかった
0
an14793
メーカー技術・研究・開発
webデザイン関連のやり取りでパーツの具体名を用いることで、円滑にやり取りできる。
0