WORK 1
新機能『投稿』の開発
POTOFUは、簡単にプロフィールページを作成できるWebサービスです。
元々POTOFUには、自分のXやInstagramのタイムラインをプロフィールページに表示できる機能がありましたが、API連携の終了により利用できない状態になっていました。そこで、POTOFU上で作品を直接表示できる『投稿機能』の開発を行いました。
課題
結果
結果として、趣味のデザインを副業にしようとしている方や、結成間もないアイドルグループなど、これから活動を始めるフェーズのユーザーに、POTOFUの新規登録および投稿機能を使っていただいています。これらは、後述するペルソナに当てはまるユーザー層であり、ペルソナのニーズを満たす機能を開発することができました。
また、既存ユーザーの方も投稿機能を積極的に利用してくださり、リレーション向上にも繋げることができました。
※活用事例として、実際に公開されているユーザーのプロフィールページを参考にさせていただいております。
作品ページのUI
こちらが、プロフィールに表示される作品の詳細ページです。
モーダルダイアログを採用することで、気軽に作品を確認できるようにしたり、前後の作品を簡単に行き来できるようにするなど、ユーザーの負担を減らすUIとなっています。
投稿管理ページのUI
自身の投稿した作品を管理するページです。
投稿一覧は、画像を大きく見せられるグリッドUIを採用しています。
一般的に、作品は絵で識別していることが多いと考えられ、作品によってはタイトルがない(無題)ものもあり得るためです。
一方、モバイル環境ではリストUIを採用しました。
グリッドUIだと、モバイル環境において視線が左右に動くのは負担が大きく、一覧性が下がりスクロール量も多くなるため、リストUIを採用しています。
投稿作成ページのUI
投稿の内容を入力するためのページです。
複雑な操作の印象を避けるため、ページ遷移のない全画面モーダルや、入力項目の最小化など、なるべくシンプルな構造にしています。
また、実際の作品ページに近いレイアウトにすることで、ユーザーが投稿後のイメージを持ちやすいようにしています。
開発プロセス
投稿機能は、UXの5段階モデルに基づいて開発を行いました。
