保存した動画
/
5
.webp)
閉じる
パターン１：改善後の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
2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。
・こういうの悩む
・こういうの知りたい
などありましたら教えてください
フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform
figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。
はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。
フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。
フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。
フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。
最後に、初めの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
2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。
・こういうの悩む
・こういうの知りたい
などありましたら教えてください
フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform
figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。
はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。
フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。
フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。
フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。
最後に、初めの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
2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。
・こういうの悩む
・こういうの知りたい
などありましたら教えてください
フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform
figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。
はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。
フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。
フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。
フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。
最後に、初めのUIがなぜ駄目だったのかを再確認し、モードの切り替え方のポイントを伝えています。
.jpg)
0 Comments