UIの質の上げ方：テーブルUIをデザインする

1度作ったUIをブラッシュアップしよう

要件を満たすためにも、1度作ったUIを元に、さまざまな方向性を検討して”可能性”を潰していく、1度検討するのが使いやすいUIを考える上でとても大事です。

この動画では「表UI - TableUI」に焦点を当てて、細かくUI案を考えている様子を見ることができます。

‍

ブラッシュアップFigma
https://www.figma.com/design/LVkZw68g5yIabsYGmDEvf0/%F0%9F%9B%AB%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E6%83%85%E5%A0%B1%E8%A8%AD%E8%A8%88-I%E5%87%BA%E5%BC%B5%E7%94%B3%E8%AB%8B?node-id=423-2540&t=DUBGf49LeW1oCbJd-1

‍

比較して繰り返し改善することがデザイン力に繋がる

1度作ったもの、今作っているもの、「参考のデザイン」、「要件」…を比較したり、行き来したりして”何が最適か”を検討するのが大事です。

満足いかない、イメージと違うのであれば”何が違うと思うのか？”を自分で出して、さらに違うバージョンのUIを作る…という動きをすることで、自分のアウトプットのクオリティと耐久性が上がります。情報設計のシリーズではありますが、この動きをすることが”デザイン力”を伸ばすことに直結します。かなり大事なことなので、動画の中でしっくり行ってない様子を確認しながら、「こういう時もあるけど考え続けるんやな…」を感じてもらえると嬉しいです。笑

‍

‍

参考を集めよう

自分が取ろうとしているUIの基本パターンがないか？を「ガイドライン」と一般的に言われる”Material Design”で確認すると良いです。全て覚える必要はないですが、作る時に調べる場所の1つとして持っておくと良いかなと思います。

https://material.io/

‍

□ Date Table - Material Design

https://m2.material.io/components/data-tables

‍

1度作ったUIをブラッシュアップしよう

要件を満たすためにも、1度作ったUIを元に、さまざまな方向性を検討して”可能性”を潰していく、1度検討するのが使いやすいUIを考える上でとても大事です。

この動画では「表UI - TableUI」に焦点を当てて、細かくUI案を考えている様子を見ることができます。

‍

‍

比較して繰り返し改善することがデザイン力に繋がる

1度作ったもの、今作っているもの、「参考のデザイン」、「要件」…を比較したり、行き来したりして”何が最適か”を検討するのが大事です。

満足いかない、イメージと違うのであれば”何が違うと思うのか？”を自分で出して、さらに違うバージョンのUIを作る…という動きをすることで、自分のアウトプットのクオリティと耐久性が上がります。情報設計のシリーズではありますが、この動きをすることが”デザイン力”を伸ばすことに直結します。かなり大事なことなので、動画の中でしっくり行ってない様子を確認しながら、「こういう時もあるけど考え続けるんやな…」を感じてもらえると嬉しいです。笑

‍

‍

参考を集めよう

自分が取ろうとしているUIの基本パターンがないか？を「ガイドライン」と一般的に言われる”Material Design”で確認すると良いです。全て覚える必要はないですが、作る時に調べる場所の1つとして持っておくと良いかなと思います。

https://material.io/

‍

□ Date Table - Material Design

https://m2.material.io/components/data-tables

‍