Daily UI |音声SNSアプリ

OVERVIEW

音声SNSアプリの各機能画面を1日、1画面作成し、アプリの全体のページ構成を理解する。

YEAR 2022

製作期間:1週間(1画面 /1日×6日)

担当範囲:デザイン



お題の構成は以下の通り。

Day1:新規登録UI

Day2:フィードUIの作成

Day3:投稿フローのUI作成

Day4:検索画面の作成

Day5:通知画面の作成

Day6:設定画面の作成

6日間完走することでアプリ全体を設計しました。

以下簡単に最終的な画面構成の設計になります。

以下は主要な画面を紹介していきます。

【新規登録UI】

意識したポイントとしては電話での登録とメールでの登録をタブで切り替えできるようにしています。

また登録完了した後は機械的なメッセージではなく、ユーザーが登録して嬉しくなるような明るい表現にしています。

また上記2画面目のアカウントを作成する媒体を選択するcomponentについてボタン内のフォントからボックスのStrokeの余白とボタン間の余白を揃えることで全体のバランス感を保ちました。


【フィード画面、投稿モード】

フィード画面はTwitterを参考に作成し、FABをおき投稿モードへ瞬時に切り替えられるようにしています。

投稿モードを選択するとまず音声録音モードに入る。

録音が完了すると文章投稿に移り、入力を完了させるとフィード画面に戻る形にしています。


そのほかの画面は以下より確認できます。


WEBSITE