Thynth
← Works Log

共有買い物リストと買い出し中表示

PairHubの共有買い物リストと『今買い出し中』リアルタイム表示の設計を解説。優先度・終了時の支払い記録まで、夫婦で使う買い物メモの実装を紹介します。

店にいる相手の状況が見えない問題

「牛乳、もう買った?」「今どっちがスーパー?」——短いやりとりでもストレスになります。PairHub では、共有の買い物リストと 今買い出し中 の表示で、その摩擦を減らすことにしました。アプリは こちら です。

解決したい課題

  • メモの更新遅れによる 二重購入・買い忘れ
  • 優先度が曖昧で、店内で判断に迷う
  • 買い出し終了後の 支払い記録が別アプリ になってしまう

周辺の機能は 制作ログ一覧プロジェクト一覧 からも探せます。

使用したプロンプト

夫婦向け共有買い物リストと買い出し中ステータスのUX記事を書いて。
買い物終了後に支払い記録へ誘導する導線の失敗と改善をまとめて。

工夫した点(失敗談含む)

チェックリストだけでは足りなかった

共有リストだけでは「今誰が店にいるか」が分かりません。トグルで買い出し中を明示し、ホーム上部のバナーでも状態が見えるようにしました。

終了=記録のひと続きに

買い出しを終えると支払い記録モーダルが開く設計にしました。リストと家計簿を分断しないことが、PairHubらしい体験の核です。

完成物の評価

優先度ラベルと買い出し中表示により、チャット往復が減りました。支出分析や精算は別記事で詳しく触れますが、買い物体験の入口として十分な完成度だと感じています。