戻る
メンバーシップになる
トップ
/
ナビゲーションUIの基本
/
お題解答:アクションのデザインはコンテンツとの関係が鍵
コンテンツ一覧
コミュニティ

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

September 6, 2022
情報設計
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

目次

  • 00:00 解答
  • 02:12 1:現在地を示そう
  • 05:59 2:モード終了後は元の位置に
  • 07:32 3:モードじゃないアクション例

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

https://www.figma.com/proto/SnEp9vll5qjbWA3Riwx8Yi/%E8%A7%A3%E7%AD%94-%3A-%E3%83%8A%E3%83%93%E3%81%AE%E5%9F%BA%E6%9C%AC---%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB?page-id=0%3A1&node-id=101%3A1774&viewport=-143%2C444%2C0.13&scaling=min-zoom&starting-point-node-id=101%3A1708&show-proto-sidebar=1

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

目次

  • 00:00 解答
  • 02:12 1:現在地を示そう
  • 05:59 2:モード終了後は元の位置に
  • 07:32 3:モードじゃないアクション例

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

https://www.figma.com/proto/SnEp9vll5qjbWA3Riwx8Yi/%E8%A7%A3%E7%AD%94-%3A-%E3%83%8A%E3%83%93%E3%81%AE%E5%9F%BA%E6%9C%AC---%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB?page-id=0%3A1&node-id=101%3A1774&viewport=-143%2C444%2C0.13&scaling=min-zoom&starting-point-node-id=101%3A1708&show-proto-sidebar=1

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

コンテンツを閲覧できるプランに入るとリンクを閲覧できます。

ナビゲーションUIの基本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

September 6, 2022
情報設計
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

目次

  • 00:00 解答
  • 02:12 1:現在地を示そう
  • 05:59 2:モード終了後は元の位置に
  • 07:32 3:モードじゃないアクション例

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

https://www.figma.com/proto/SnEp9vll5qjbWA3Riwx8Yi/%E8%A7%A3%E7%AD%94-%3A-%E3%83%8A%E3%83%93%E3%81%AE%E5%9F%BA%E6%9C%AC---%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB?page-id=0%3A1&node-id=101%3A1774&viewport=-143%2C444%2C0.13&scaling=min-zoom&starting-point-node-id=101%3A1708&show-proto-sidebar=1

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

目次

  • 00:00 解答
  • 02:12 1:現在地を示そう
  • 05:59 2:モード終了後は元の位置に
  • 07:32 3:モードじゃないアクション例

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

https://www.figma.com/proto/SnEp9vll5qjbWA3Riwx8Yi/%E8%A7%A3%E7%AD%94-%3A-%E3%83%8A%E3%83%93%E3%81%AE%E5%9F%BA%E6%9C%AC---%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB?page-id=0%3A1&node-id=101%3A1774&viewport=-143%2C444%2C0.13&scaling=min-zoom&starting-point-node-id=101%3A1708&show-proto-sidebar=1

最適なアクションと遷移設計

アクション=モーダルというわけではないです!実例を踏まえつつ、アクションの設計を学んでいきましょう。

動画でお題の解答をチェックしましょう。
お題をやった人も、やってない人も見ることで”どう考えるのか”のヒントになると思います。

解答のURL

今回のお題解答のFigma URLは以下になります〜!

▽解答Figma

コンテンツを閲覧できるプランに入るとリンクを閲覧できます。

ナビゲーションUIの基本

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

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

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

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

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

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

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

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

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

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

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

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

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

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