5. 【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

改善したUIをプロトタイプでチェックする

パターン１：改善後のUIのプロトタイプ

https://www.figma.com/proto/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=637-82978&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A82978&show-proto-sidebar=1&mode=design

パターン2：改善後のUIのプロトタイプ

https://www.figma.com/proto/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=637-85349&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A85349&show-proto-sidebar=1&mode=design