🖥

Trelloに学ぶUI/UXデザイン – 「新規作成アクション後の状態遷移」は超重要。連続的なアイテム作成の例。

2023/08/26に公開

新規アイテムを作成すると

image.png

すぐに次の「アイテム作成モード」になる

入力フィールドもフォーカス状態になり、一瞬で新しいアイテム作成を始められる。

image.png

連続的にアイテムが作成できる。

image.png

なぜこのUI?

  • Trelloは「壁に貼るカード」だから。
  • 詳細は重要ではなく「タイトルが全てを言い表す」というコンセプト。
  • 次々にアイテムを作成していく、フットワークの軽さが重要。

他の選択肢

  • 新規作成すると、詳細入力に遷移する
    • GoogleCalenderなど、カレンダー系など
  • 新規作成すると、アイテム一覧に遷移する
    • Trelloの場合はUI的に、これも兼ね合わせている

あわせて読みたい?

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2018-11-15

Discussion