質問しよう
シリーズ目次

ナビゲーションUIの基本

8
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう
08:06
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

グローバルナビゲーションの基本
13:21
グローバルナビゲーションの基本

グローバルナビゲーションの基本

お題解答 : ゴールがグロナビの在り方を決めます
12:27
お題解答 : ゴールがグロナビの在り方を決めます

お題解答 : ゴールがグロナビの在り方を決めます

階層ナビゲーションの基本
14:51
階層ナビゲーションの基本

階層ナビゲーションの基本

お題解答:ユーザーに”位置”を伝えるUIは使いやすい
08:43
お題解答:ユーザーに”位置”を伝えるUIは使いやすい

お題解答:ユーザーに”位置”を伝えるUIは使いやすい

モーダルナビゲーションの基本
16:30
モーダルナビゲーションの基本

モーダルナビゲーションの基本

お題解答:アクションのデザインはコンテンツとの関係が鍵
12:11
お題解答:アクションのデザインはコンテンツとの関係が鍵

お題解答:アクションのデザインはコンテンツとの関係が鍵

モーダルナビゲーションの基本を習得

この動画では「モーダル」の移動に関する基本を習得します!「モーダル」はめちゃくちゃわかりづらいです。笑 ただ、階層の移動との違いを含めて解説していきます。基本的にはアクションで用いることが多く、”複雑なタスクを集中してやってもらう”ためのものになります。

ダメなUIをリデザインしよう

今回は以下のUIをリデザインしていきましょう。ダメな点は動画で解説しています。改善ポイントを把握してリデザインしてみましょう!

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=5%3A2230

スライドのデータはこちら

https://www.figma.com/proto/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?page-id=5%3A2020&node-id=319%3A4164&viewport=722%2C-107%2C0.13&scaling=scale-down-width&starting-point-node-id=319%3A4222

モーダルナビゲーションの基本を習得

この動画では「モーダル」の移動に関する基本を習得します!「モーダル」はめちゃくちゃわかりづらいです。笑 ただ、階層の移動との違いを含めて解説していきます。基本的にはアクションで用いることが多く、”複雑なタスクを集中してやってもらう”ためのものになります。

ダメなUIをリデザインしよう

今回は以下のUIをリデザインしていきましょう。ダメな点は動画で解説しています。改善ポイントを把握してリデザインしてみましょう!

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=5%3A2230

スライドのデータはこちら

https://www.figma.com/proto/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?page-id=5%3A2020&node-id=319%3A4164&viewport=722%2C-107%2C0.13&scaling=scale-down-width&starting-point-node-id=319%3A4222

モーダルナビゲーションの基本を習得

この動画では「モーダル」の移動に関する基本を習得します!「モーダル」はめちゃくちゃわかりづらいです。笑 ただ、階層の移動との違いを含めて解説していきます。基本的にはアクションで用いることが多く、”複雑なタスクを集中してやってもらう”ためのものになります。

ダメなUIをリデザインしよう

今回は以下のUIをリデザインしていきましょう。ダメな点は動画で解説しています。改善ポイントを把握してリデザインしてみましょう!

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=5%3A2230

スライドのデータはこちら

https://www.figma.com/proto/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?page-id=5%3A2020&node-id=319%3A4164&viewport=722%2C-107%2C0.13&scaling=scale-down-width&starting-point-node-id=319%3A4222

ナビゲーションUIの基本

8
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう
08:06
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

グローバルナビゲーションの基本
13:21
グローバルナビゲーションの基本

グローバルナビゲーションの基本

お題解答 : ゴールがグロナビの在り方を決めます
12:27
お題解答 : ゴールがグロナビの在り方を決めます

お題解答 : ゴールがグロナビの在り方を決めます

階層ナビゲーションの基本
14:51
階層ナビゲーションの基本

階層ナビゲーションの基本

お題解答:ユーザーに”位置”を伝えるUIは使いやすい
08:43
お題解答:ユーザーに”位置”を伝えるUIは使いやすい

お題解答:ユーザーに”位置”を伝えるUIは使いやすい

モーダルナビゲーションの基本
16:30
モーダルナビゲーションの基本

モーダルナビゲーションの基本

お題解答:アクションのデザインはコンテンツとの関係が鍵
12:11
お題解答:アクションのデザインはコンテンツとの関係が鍵

お題解答:アクションのデザインはコンテンツとの関係が鍵

閉じる

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More