ファームノートでUXデザイナーをやっている秋山ウテです。

今回は”UberEats的なサービス”にFigmaで挑戦しました。

練習も兼ねてオブジェクトベースUI設計をやりますー。

目次
”商品”をオブジェクトとして考えてみる
商品単体はシングルになる
商品の集合体はコレクションになる

”商品”をオブジェクトとして考えてみる

オブジェクトベースUI設計では、まず関連する対象物の抽出から始まります。

それを見つけ出すために、そのサービスにおいてどんな動作をするかを考えます。

そこから共通する対象物を抽出します。

UBEREats的なサービスの場合、商品（食べ物）にオブジェクトになります。

商品単体はシングルになる

単体のオブジェクトをシングルというそうです。

今回の場合、商品の詳細がシングルとなります。

メールアプリで言うと、メール自体がシングルになります。

商品の集合体はコレクションになる

オブジェクトの集合体が商品一覧になります。

メールアプリで言うと、受信箱みたいなイメージです。

オブジェクトベースUI設計、無意識にでき始めてきたので、これからもがんばるっす！

ではでは！

このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ！
リクエストもお待ちしているので、お気軽にコメントくださーい！