UI/UX ~サービスのデザイン・顧客体験の設計~
昨今、あらゆるサービスがWebサービスやアプリを通じて提供されるようになりました。顧客からの支持を得て競争を勝ち抜くためには、サービスの操作性やデザイン、ユーザーにもたらしたい顧客体験を設計する「UI/UX」が重要になります。 本コースでは、UI/UXの概要や重視すべきポイント、留意点について学んでいきます。
会員限定
100万人突破記念キャンペーン いまなら期間限定で20%OFF!2/28 13:00まで。
キャンペーン終了まで
割引情報をチェック!
すべての動画をフルで見よう!
初回登録なら7日間無料! いつでも解約OK
いますぐ無料体験へ
ビジネスパーソンのための「サクッとわかる!デザイン用語」シリーズ。今回はUI・パーツについて解説します。WEBサイトや広告物の制作、デザイナーとのコミュニケーションなどに役立てましょう。
<本コースの内容>
・ヘッダー
・フッター
・グローバルナビゲーション
・ハンバーガーメニュー
・パンくずリスト
・サイドバー
・ボタン
・入力フォーム
より理解を深め、他のユーザーとつながりましょう。
100+人の振り返り
wat106
人事・労務・法務
ハンバーガーメニューやパンくずリストは初めて知った。一般的なwebサイトのやり方に沿って、わかりやすいサイトを作るようにしたい。
4
neo210515
メーカー技術・研究・開発
グローバルナビゲーションなど各パーツの名称、役割、ポイントなどが少しわかった。今後、Webサイトを見るときにどんな工夫がされているかを眺めてみたい。
2
isax
メーカー技術・研究・開発
フロントエンドの基礎
2
shusuke-yamada
その他
グローバルナビゲーションについて、情報の項目の並べ方と数値を意識しながら、パーツを組み立てていくことになります。
Webサイトを眺めるときに参照したいです。
1
kfujimu_0630
マーケティング
聞いたことはあるけれど、具体的にどの用語が何を指しているか曖昧だったものもあったので、いい確認ができました。ありがとうございました。
1
gokusi
販売・サービス・事務
名前があるなんて!パソコンを見て思い出します。
1
eiiz
マーケティング
サイドバーの名称がわからず、社内で説明する際に毎回違う表現をしていましたが、今後は「サイドバー」で統一したいと思います。
1
shigsug
経営・経営企画
とても短いものでしたが、非常に役立ちました。
0
sphsph
メーカー技術・研究・開発
知らない言葉がいっぱい出てきました。
言葉はさておき、何を見せ、何を伝え、どんな行動を促すか。
ストーリーをしっかりと作り、しっかりと伝える必要性を感じました。
0
aki-noumi
人事・労務・法務
社内イントラ作成や社外公開用コンテンツのレビューに活用できる。
0
a_7636
人事・労務・法務
業務上、他社のコーポレートページを頻繁に見るのですが、サイトの構成がスッキリしていて分かりやすいと、ストレスなく目当ての情報にたどり着けて有難いですし、その会社への印象が良くなると思います。
UIパーツって大事ですね。
0
anchi1006
その他
グッド
0
kero_kero_kero
専門職
各パーツの名称、情報をつめみすぎないことが大切など学べました。自分でコードを書いてみる時の参考にしたいと思います。
0
pontaro-
経営・経営企画
ありがちなのが情報過多ですね。
どう厳選するのか悩ましい時があります。
0
g_kazuki
メーカー技術・研究・開発
HP制作していきたい
0
fuziyama
メーカー技術・研究・開発
共通用語を知っておくと、話をするとき・聞くときにどのことを言っているのかイメージがわかり、すぐに会話が成り立ち、業務がスムーズに実施できる
0
fukamidori
その他
普段何気なく使っていたツールを体系的に説明していただき、整理ができました。
0
o_s_
その他
見やすいデザインを考える
0
kmts
経営・経営企画
基本的な項目ではあるが、理解が深まった。
0
sk-kdrni
その他
何気なく使っているものに名前がある。
0
mukahara
IT・WEB・エンジニア
今までイメージできてなかった用語が知れた。
0
yumex1226
IT・WEB・エンジニア
WEBの仕事に携わっているので
ほぼ知っている内容で逆に安心しましたが
ボタンにマウスオンしたときの用語
ホバー
ホバーアニメーション
など、あまり使ってない用語もあったので使ってみたいと思います。
0
piaojingzi
クリエイティブ
サラッと復習になりました。
0
kinutaroken
経営・経営企画
大変勉強になりました
0
kouji_sakamoto
メーカー技術・研究・開発
ヘッダー、フッダー活用が理解できた
0
hatake0000
クリエイティブ
復習をかねて
0
yukou
人事・労務・法務
何と呼んだら良いか分からないパーツだったので、打ち合わせの際などに場所を指定する際に名前を使えるようになりました。
0
kappa0809
専門職
ハンバーガーメニュー、パンくずリストこんな面白い名前がついていたなんて知りませんでした。
0
kkdd00
メーカー技術・研究・開発
パーツの目的を理解し効果的に使うことが、ストレスなく使えるUIに繋がることを意識する。
0
tfurui
その他
ユーザーが使いやすいデザインであることが重要だと再確認しました。
0
nagoya-jyo
営業
通常PC内のページを見るときにも内容を知っていると役に立つと思った。
0
a-yashiro
専門職
パンくずリストは便利。
0
keitan0519
経営・経営企画
見やすいサイトに必ず設置されているパーツについて、役割や意図について知ることができました。
0
uchij
マーケティング
用語の整理ができました
0
kakipy
その他
ボタンをクリックすると、色が変わる「ホバー」に興味があります。ユーザーインターフェースは分かりやすく一目で理解してもらうこと。要素はシンプルに絞った方が良い。
0
kz_nkjm
金融・不動産 関連職
ホームページのレイアウトに様々なルールがあることが分かり、勉強になりました。
0
toyonaka95
金融・不動産 関連職
一つずつ覚えていきます
0
iammaki
営業
Webサイトを作成する上での基本知識がわかった
0
j-ikejima
営業
あまり業務上使わない
0
kensukehasegawa
人事・労務・法務
イメージではわかっていましたが、名称を知らなかったので、知ることができてよかったです。
(活用できるかはわかりませんが。)
0
reikou
IT・WEB・エンジニア
サイトの各パーツの名前を初めて知りました、
パンくずリストが面白いと思います
0
75475
メーカー技術・研究・開発
仕様書などの設計書類作成時に活かせる。
0
eee_18
その他
普段何気なく使っている機能の説明を受けることで改めてサイト設計で意識すべきポイントを学べました。パンくずリストは見落としがちだったので盛り込みたいと思います。
0
x1043243
営業
UIによって、優先順に差を作れたり、ユーザー行動の仕立てができたりと、モノにしたいと思いました。
0
dale181
IT・WEB・エンジニア
ホームページのレイアウトを考えたり、アプリのカスタマイズでフロント側のコードを書いたりするときに活用できると思った
0
k-fukufuku
専門職
ユーザビリティを考えた設計思想はWebを使う側にとって日常的なものなので大事だと感じました。
0
nk0624
クリエイティブ
パーツも知っている名前はありましたが。どうやって工夫してユーザーに使用されているかまでは、分かっていませんでした。自分が仕事で関わるときは気をつけて作成していきたいです
0
n_nabetani
IT・WEB・エンジニア
知らなかったパーツ呼称もありコミュニケーションで有益でした。設計での活用も考えていきます。
0
koka-p
販売・サービス・事務
ハンバーガーメニューやパンくずリストという名称は知らなかった。
が、分からずとも自分がユーザー側としてなんとなくニュアンスで使えていたのは、ユーザーが見てわかる工夫があったのだなと改めて理解した。
0
yutaka_aimar
営業
グローバルナビゲーション、情報の項目と順番、数値を意識することが大事ですね。
今ではAI活用が増え利用者にとって利便性が高まっていますね。
0
teddy_2023
人事・労務・法務
ハンバーガーメニューはサン本線と呼んでましたが、今回で正式名称を知ることができました…
サイト制作をする際に、ユーザーが直感的に閲覧したいページに行けるか、移動に不自由がないかは大事にしたいと思っていますが、各パーツの役割を知ることで、ベンダーと話をする際に役に立つと思いました。
適当にパーツを置くのではなく、意図をもって制作したいと思いました。
0
shisetsu-aoki
建設・土木 関連職
UIを構成しているパーツがどういうものなのか知った。
0
jshinmura
IT・WEB・エンジニア
UIの基本パーツの用語を理解しておくことで、ウェブデザイナーやディレクターの方々とのコミュニケーションがスムーズにできることを学びました。
0
k0713
マーケティング
知らない用語がたくさんあり、勉強になりました。
0
haluta
IT・WEB・エンジニア
グローバルナビゲーション9個にすると、フォントサイズが小さくなり見にくくなる。
0
watanabe-tat
専門職
Webデザインの基本パーツについて学べた。
0
sakiyam2
IT・WEB・エンジニア
パンくずリストやハンバーガーメニューなど、普段見慣れているUIでも名前を知らないものがあった。用語を正しく使えるように正確に理解したい。
0
csl_kojima
IT・WEB・エンジニア
理解が深まりました。
0
takuto2009
金融・不動産 関連職
レイアウト作成の基本を理解できました。
0
stani
専門職
参考にさせていただきます。
0
chsk
クリエイティブ
名称とその内容自体は知っていることではあったが、メニュー項目は多くても9個にしたほうがいい、など、内容の制作にあたって気をつけるべきポイントがわかって勉強になった
0
kirakirakira
その他
部内の下位メンバーに対して具体的人気説明をしていく
0
yu-giraffe
販売・サービス・事務
見やすいHP作りが大切だと思った
0
yuko625830
営業
営業業務に活用できると感じた。
0
hayato-koba
金融・不動産 関連職
UIデザインはwebデザインとしてだけではなく、日常の業務において、複雑な仕事を整理することにも活用できるのではないかと感じました。
0
k_yuna
販売・サービス・事務
大変勉強になりました。
0
tokuji_0628
金融・不動産 関連職
これからいかにわかりやすい資料が作るかが大切。参考にさせてもらいたい
0
rd6-6-9
メーカー技術・研究・開発
よく目にしているUIの正式名を知る事が出来て良かった。普段から沢山触れるWebページの操作性、使いやすさ等を意識的に見るようにしていきたい。
0
pakumotomi1
営業
意識して見てなかったです
確認してみます
0
seki-z
専門職
基礎が学べてよかった
0
kanary
マーケティング
WEBサイトのリニューアル時に役立てたい
0
taigashimoda
クリエイティブ
普段何気なく目にしているWebページの各パーツに、それぞれ名称があると分かりや大変面白かった。開発部門と仕事をする際にイマイチ理解できていないワードもあったが、これ機に単語を整理する。ハンバーガーメニューやパンくずリストは知らないとなにそれ!?となりそうなので、他にもこのような用語がないか調べてみようと思った。
0
aqueous
メーカー技術・研究・開発
名前が面白い。ビジネスシーンは正直思いつかない。
0
comomotosumomo
その他
基本的なことを確認することができました!
0
mamaria
クリエイティブ
UIの専門用語を理解できました。
グローバルナビゲーションの役割、サイドバーの役割、それぞれの役割を知ることでデザインをすっきりさせることができそうです。情報を詰め込みすぎずユーザーに情報が伝わるデザインにしたいと思います。社内で情報共有し社内のコミュニケーションを円滑にすすめられるようにしたいと思います。
0
kei__shima1
コンサルタント
普段何気なく見ているサイトやアプリでも裏に表示形式や機能が定義されていることを再認識した。今後、このような概論を学んだ上で、アプリ・ツールの要件定義に落とし込んでいきたい。
0
zhixuan0815
コンサルタント
ヘッダーはよく聞いたことがあったがフッターが何なのか、グローバルナビゲーションがなんなのかよくわかった。
それぞれの項目にはきちんと名前があり、意味があるのだと学びになった。
特にボタンも奥深い。
0
yuk_o
人事・労務・法務
見てもらう人にわかりやすく伝える工夫の説明がわかりやすかったです。
0
kaori_otsuka
販売・サービス・事務
自分がいつも当たり前に使っているホームページやスマホのページの仕組みがわかり、面白かった。
たまに使いにくいUIがあるが、どこが使いにくいのかなど分析してみたい。
0
yumi-mama
専門職
参考にさせていただきます
0
k--g--
その他
ユーザフレンドリーなUIを作成したいと思いました。
0
ayaka-ito
営業
パンくずリストだけ知らなかった。
たまにホバーがないボタンがあるけど、昔ながらのサイトなのかなと思ってしまう。
0
gotota
人事・労務・法務
役割についっては知っていたものの、呼び名について初めて知りました。今後の作業についてすぐにでも役立てることができそうです。
0
nikon1987
経理・財務
何気なく見ているHPの画面にこれだけの意味があったとは知りませんでした。
感覚的に使っているのも人の本能なのかそれを本能にさせられたのか…。
デザインの奥深さを知りました。
0
mo_108
その他
基本事項のおさらいが出来ました。
0
s-oonuma
クリエイティブ
webでの知識とUIでの知識が同一であったので、幅広く使えると思いました。
0
naoshiba
専門職
ふだんの業務で接している内容であり改めて整理するのに役立った
0
mi-83
マーケティング
ボタンを押しやすい工夫がされていた事、自分を振り返り納得しました。
0
madatasukaru_10
IT・WEB・エンジニア
なんとなく物を知っているだけでなく名称も覚えておけばメンバーとの意思疎通も捗りますね。勉強になりました。
0
user_0001
マーケティング
HP制作の際に活用する。
0
hr-sakai
その他
クリックしてもらう為にはわかりやすく興味を受けるデザインをつくらなければならない。もっと学習して活用していきます。
0
a-z-u-m-a
営業
ハンバーガーはまずいやろ
0
mika--
販売・サービス・事務
感覚的に誰でも分かっている内容ですが、実際仕事として制作に関わったときに名称を知っただけでも違いがある。
0
iwahashiyuhta
営業
Webサイトを見るときにも役立つないようであった
0
h_kawa
建設・土木 関連職
初めて聞く用語もあったが、それぞれに役割やデザインのポイントがあることを理解した。
0
umezawa-genta
建設・土木 関連職
グローバルナビゲーションは初めて知りました。
0
dora-yama
コンサルタント
Webサイトリニューアル等は数多く実施したので知っている内容ばかりでしたが、改めて見聞きすると新鮮でした。
話す相手が全員わかっているわけではないので、そういうときに気を付けて話したいと思います。
0
koala105
営業
ウェブサイトには一定の決まったデザインや呼び名があり、機能的にできていることを知った。
今後の参考にさせて頂きます。
0
vegitaberu
人事・労務・法務
普段何気なく使っているインターフェイスにある、意味合いがわかり、見方が変わったように感じました。
0
kikawadareika
販売・サービス・事務
業務や日常で使うサイトの構造もきちんとした意図があって作られた配置なのだということに関心しました。
0