僕らが本屋の未来を変えるまで

リトルスタッフ開発や日々の取り組みについての記録

リニューアル進捗2日目: 画面サンプル(ページ購入から日記投稿まで)

f:id:kanno_kanno:20180116214455p:plain

この記事は 本屋専用ファンクラブ | リトルスタッフ の開発記録です。

リトルスタッフの仕様を「本屋の日記を書くことで投げ銭する」ものに変更中です。
参考: 新機能(仮)は「読者が育てる本屋の日記」 - 僕らが本屋の未来を変えるまで

まずは画面のサンプルを作る。
画像や文言は適当な固定値のまま作り上げて、機能の抜け漏れがないか、実際のデザインや使い勝手がどうかを確認する段階。

リニューアル後の使い方を見ながらキャプチャを貼っていく。

読者は日記に使うページを購入しなくてはならない。
買い方としては最初にページの一覧から好きなページを選ぶ。

f:id:kanno_kanno:20180115223335p:plain:h400

ページを選ぶとページの購入画面へ移動する。
サンプルでは5枚セットと10枚セットにしたけど、これはまだ仮。値段も仮。

f:id:kanno_kanno:20180116213728p:plain

ページを買ったら、読者は指定の本屋ページを開く。
現状のリトルスタッフにある「スタッフになる」は廃止。
代わりに日記を書くためのボタンが表示される。

f:id:kanno_kanno:20180116213947p:plain

日記の投稿画面ではページと枚数と本文を入力する。
本当はページの選択は違う方法でやりたいんだけど、とりあえずプルダウンにしている。

f:id:kanno_kanno:20180116214035p:plain:h400

「投稿を確認する」ボタンを押すと確認画面が表示されるので、OKなら投稿する。

f:id:kanno_kanno:20180116214219p:plain

全部PCから見た時のキャプチャを貼っているけどスマホでも同じ流れ。

日記

コードを書くのと画面設計を同時にしているのでなかなか進まない。
でもとりあえず弁護士さんに会うまでに作っておきたかった最低限のレベルは出来た。

宣伝

本屋向けのこういうのも開発しました。ご興味ある方をお待ちしています。

このブログの更新情報は以下でも確認出来ます。