お小遣い帳WEB v2

とても久々にリニューアルしました。

【全てに共通する変更点】
・レスポンシブデザインに対応し、スマホ等の横幅が狭い環境にも柔軟に対応
・一部メニューを右上の会員名のリンクに移動
・検索機能を追加
・通知機能を追加(自動挿入などでメールの代わりに使用)
・収支情報ページの入力フォームは初期非表示にした
・収支情報ページの過去リンクは5年前以降は初期非表示にした
※ドロップダウンで表示されるデバイスの場合はそのまま
・編集リンクをアイコン化
・口座残高表示は専用のページへ移動
・口座残高はある年月の末日時点など計算範囲を指定できるようになった
・決済及び口座画面の並べ替え設定で掴める場所を変更
・統計情報の収入推移に支出推移も追加した
※平均についての計算方法を少し直した。
※月単位表示は36か月先まで表示できるようにした。(従来12か月)
→月単位表示のとき凡例が「前年比」になってますが、「前月比」です。(でも前年比のほうが実用的なかと思って今考え中)

【PC環境で変わるところ】
・上部メニューのサブメニューはクリックしないと出なくなった
・収支情報ページには最新口座残高は出ないようになった
※口座残高情報へ統合

【スマホ・タブレット環境で変わるところ】
・サマリーページは「口座残高情報」に統合
・決済及び口座画面の並べ替え設定についてタッチ操作でも出来るようになった


実際のところ新機能はそこまで多くなく、外観上の変更メインです。

いわゆるレスポンシブデザインという物に準拠しました。
仕事でもお世話になっているフレームワーク(Bootstrap4)を使ったので楽でした。

私的に色合いは気に入っていたので維持しました。
少し色が合ってないところがあるので細かいデザインは後で修正いれるかもしれません。
早く新デザインで使いたかったのでリリースを優先しました。

デザインの変遷

初代(β)2012~

v1.0リリース 2013~

mmweb1_0_rel

v1.2リリース 2014~2020/3
(※当時画像掲載無しだったので記事執筆時に撮りましたが、ほぼ同じです。)

v2リリース 2020/3~

コメントを残す

メールアドレスが公開されることはありません。