日々徒然

プログラミングしたりお酒飲んだりする毎日

個人開発記 #2 ペーパープロトタイプ作成

前回はこちら

hirovodka.hatenablog.jp

次の一手道場リポジトリはこちら

github.com

今回はペーパープロトタイプを作成します🤛

ペーパープロトタイプ作成

ペーパープロトタイプとはこんなものです↓

www.webcreatorbox.com

ちなみに自分は手書きではなくbalsamiqというツールを使って作成しました。

balsamiq.cloud

手書き風のペーパープロトタイプを簡単に作成できるのでおすすめです✌️

実際に作ったもの

トップ

f:id:hirovodka:20200810154038p:plain

ログイン

f:id:hirovodka:20200810154112p:plain

アカウント登録

f:id:hirovodka:20200810154149p:plain

問題一覧(ログイン後のトップ)

f:id:hirovodka:20200810154332p:plain

問題作成

f:id:hirovodka:20200810154413p:plain

問題編集

f:id:hirovodka:20200810154433p:plain

問題を解く

f:id:hirovodka:20200810154501p:plain

設定

f:id:hirovodka:20200810154521p:plain

感想

必要なページを一から考えてデザインするのはとても大変ですね😅

OKをもらうまでに何度もメンターの方にアドバイスいただきました...

特に大事だと思ったのが「一番使って欲しいページへはどこからでも飛べるようにする方がいい」ということです。実際に自分、人が使う場面を想定したボタンの配置やページを作ることが非常に大事だなぁと学びました👍

次回はER図を作成します!!