SNSアプリのプロフィール画面を作成しました。 ＜プロトタイプ＞ 　https://www.figma.com/proto/abDcGKtpz7QXufYwukCZWA/SNS%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E7%94%BB%E9%9D%A2?node-id=4%3A651&scaling=scale-down ＜ツール＞ 　Figma ＜作成したもの＞ 　１、ペルソナ設計 　２、ペルソナの操作シナリオ 　３、操作シナリオに沿ったUIフロー図 　４、操作シナリオに沿ったプロトタイプ 　５、デザインシステム ＜ポイント＞ アップロード画像は改良版になります。 当初はプロフィール画面だけを作成していました。 その時の作成方法は下記のとおりです。 １、参考アプリの画面要素を抽出する。 ２、参考アプリの中から写真・動画SNSに沿った要素を抽出する。 ３、参考アプリのコンポーネントサイズをトレースする 今回、情報設計を含めたアウトプットを作成したいと考え、ペルソナ設計からやり直しました。 ペルソナと操作シナリオを作成したことで、この画面までにたどり着くまでの導線と、画面の目的を再認識できました。 デザインシステムとしてカラーやフォントをタイプをまとめたことで、類似しているグレーが意図せず5種類ほど混ざっていることに気づき整理することができました。 今回のペルソナ設定、ユーザー価値シナリオは想定ですが、インタビューやリサーチにも挑戦して行きたいです。