![見出し画像](https://assets.st-note.com/production/uploads/images/8712003/rectangle_large_type_2_40857032f04d07565d1798c1212d93be.jpg?width=1200)
Daily UI #043 商品一覧というコレクションと商品詳細というシングル
ファームノートでUXデザイナーをやっている秋山ウテです。
今回は”UberEats的なサービス”にFigmaで挑戦しました。
練習も兼ねてオブジェクトベースUI設計をやりますー。
目次
”商品”をオブジェクトとして考えてみる
商品単体はシングルになる
商品の集合体はコレクションになる
”商品”をオブジェクトとして考えてみる
オブジェクトベースUI設計では、まず関連する対象物の抽出から始まります。
それを見つけ出すために、そのサービスにおいてどんな動作をするかを考えます。
そこから共通する対象物を抽出します。
UBEREats的なサービスの場合、商品(食べ物)にオブジェクトになります。
商品単体はシングルになる
単体のオブジェクトをシングルというそうです。
今回の場合、商品の詳細がシングルとなります。
メールアプリで言うと、メール自体がシングルになります。
商品の集合体はコレクションになる
オブジェクトの集合体が商品一覧になります。
メールアプリで言うと、受信箱みたいなイメージです。
オブジェクトベースUI設計、無意識にでき始めてきたので、これからもがんばるっす!
ではでは!
このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ!
リクエストもお待ちしているので、お気軽にコメントくださーい!
この記事が気に入ったらサポートをしてみませんか?