記事の概要
私が作成したポートフォリオの作成背景です。
工夫したところ、ユーザーインタビューの詳細、苦労した点など、
GithubのREAD.MEに書ききれなかったことをまとめました。
kakikukekoapp
簡単にプロフィールを作成できるサービスです。
TwitterやfacebookなどのSNSのリンクを、このアプリのプロフィールにお洒落にまとめることができ、このアプリのリンク一つでシェアできるようになります。
## 背景
現職ではVBA（マクロ作成言語）で業務で使用するマクロを作成しているのですが、実際に使用する方へのヒアリングを怠ってしまうと、後から修正が発生してしまうことが多くなり、完成が遅れてしまううえに無駄に作成の手間がかかってしまうことがあります。
反対に、実際に使用する方へのヒアリングをしっかりと行った場合は、修正が入ることも少なく、実際に使用する方の求めているマクロを作成することができました。
ポートフォリオの作成も同じように考え、ヒアリングを繰り返しながら作成することによってユーザーの求めてるアプリに近づくことができ、「ユーザー満足度の高いアプリ」を作れると考えました。
プロフィール作成サービスは、身近に既存のサービスを利用している方が3名おり、ヒアリングを繰り返しながら作成できるため、プロフィール作成サービスを選ぶことにしました。
工夫した点
UI
UIには一番時間をかけました。恐らくCSSとHTMLに一番時間をかけています。
私自身はサーバーサイドエンジニアを目指しておりますので、本来時間をかけるべきなのはUIではないのは承知の上だったのですが、コンセプトが「ユーザー満足度の高いアプリ」である以上、使いやすく直感的に操作できるようにして、ユーザーにストレスを与えない作りにする必要があると考えました。
「javascriptを駆使した動的でお洒落なデザイン」というよりも、初めて使用する方でも直感的に操作が出来てストレスを与えない作りにしようと考えました。
又、ユーザーの作成したプロフィールのデザインを崩さないようにするため、ヘッダーやフッターに赤や青等のカラフルな色を使用するのは避けて、白と黒だけで統一しました。