見出し画像

DailyUI #047 アクティビティ フィード



1.DailyUI#047のお題

47日目のお題は「アクティビティ フィード」。
TeamsやSlackのような、チームで利用するコミュニケーションツールを想定して制作しました。

2.ざっくりワイヤー


ざっくりワイヤー

3.制作したデザイン


制作したデザイン


4.デザインする上で考えたこと

誰がいつ誰に向けて何のアクションを起こしたのかがすぐに分かることを心掛けました。

・アクションの種類ごとに見られるように、アイコンでアクションの種類を明示&絞り込み機能をつける

・ビジネスツールのため、相手が即時にやり取りをできる状態かどうか知るためにログイン状態のステータス表示を入れる

・自分に対して、もしくは自分を含めた複数人にメンションされていることがわかるよう、背景色に色をつける


5.反省点

アイコンの線の太さが揃っていなかったのでバランスが悪かったです。

6.おわりに

今回の制作で作ったのはチームで利用するコミュニケーションツールなので、誰がいつ誰に向けて何のアクションを起こしたのかを明確にすることを意識しました。複数のアクションが考えられる画面ではアイコンを使用するなどして視覚的に情報を見分けられるように工夫する必要があると思いました。


この記事が気に入ったらサポートをしてみませんか?