![見出し画像](https://assets.st-note.com/production/uploads/images/97670208/rectangle_large_type_2_e064aac5c832c1ef9827e77bdea26342.png?width=1200)
出前館 アプリ模写(Day15)
UX・UIの引き出しを増やすために、「アプリ模写100本ノック」を始めることにしました💪
![](https://assets.st-note.com/production/uploads/images/97667154/picture_pc_6fb0faeda358b9269c61384a8f9ac3b6.png?width=1200)
30分で、アプリの骨格を模写して気づきをまとめることで、「対象を観察する・事象から法則性を見つけ出す・即興で形にする」スキルを高めるためのワークです。
1.模写するアプリを選ぶ
Uber Eatsを大学生の時に友達の勧めでダウンロードし、社会人になってリモートワークが始まってからよく使うようになりました。
今回は最近CMで見かけた出前館について、比較対象として模写しようと思います。
2.アプリを触りながら気になったことをメモし、模写する3つの画面を決める
以下、気になった画面とコメントです。
![](https://assets.st-note.com/production/uploads/images/97668126/picture_pc_ca2a92f9b2615c820ea18bcaf83f7a98.png?width=1200)
![](https://assets.st-note.com/production/uploads/images/97668219/picture_pc_6063df8e597bb53c449ae64808341ef9.png?width=1200)
以下3つの画面を選びました。
![](https://assets.st-note.com/production/uploads/images/97669014/picture_pc_d47fb968595a8a1d45cba933fca307a0.png?width=1200)
3.アプリを模写する
ざっくり模写しました。
![](https://assets.st-note.com/production/uploads/images/97670188/picture_pc_4e4e21d95195d0fd71c2baa42e7c883a.png?width=1200)
4.気づきを書き足す
気づきを書き足しました。
![](https://assets.st-note.com/production/uploads/images/97672008/picture_pc_73ba428b53ba3b0540cb9b22c56397b9.jpg?width=1200)
![](https://assets.st-note.com/production/uploads/images/97672053/picture_pc_bfe5375458c784fec7ca2103fc2c464a.jpg?width=1200)
![](https://assets.st-note.com/production/uploads/images/97672057/picture_pc_82903a58968270a1f267433cd297931b.jpg?width=1200)
この記事が気に入ったらサポートをしてみませんか?