Payments / 改善

入金(Payouts)ページ刷新
すべての入金を 1 画面で見渡せる

左に入金リスト、右に選択した入金の詳細。ページを離れず、今見ている位置も失わずに入金を行き来できる「リスト+詳細」型のレイアウトに。

このページの構成
  1. そもそも何が変わるのか(30秒で理解)
  2. 新レイアウト図解 : リスト+詳細の 2 ペイン
  3. 3つの新ポイント
  4. 記事から読み取れる変化の比較
  5. 提供範囲・スケジュール
  6. 技術者が押さえるべき5つのポイント
  7. 業務に活かせる3つのユースケース
  8. 提案で使える1行サマリ

1そもそも何が変わるのか

Shopify 管理画面の入金(Payouts)ページのデザインが刷新された。
入金が左側にリストで並び、選んだ入金の詳細がその横に表示される。ページを離れずに入金から入金へ移動でき、見ていた位置も失わない。

1 画面で一覧

すべての入金をひとつのビューで確認できる。

日付ベースで整理

支払い済み・保留中の入金を日付を軸に表示。

内訳をその場で展開

金額の構成を、画面遷移せずに確認できる。

2新レイアウト図解 : リスト+詳細の 2 ペイン

入金(Payouts) 左 : 入金リスト(日付順) 日付 A 金額 保留中 日付 B(選択中) 金額 支払い済 日付 C 金額 支払い済 日付 D 金額 失敗 選択 右 : 選択した入金の詳細 入金額 ステータス・日付 ▾ 内訳(展開可能) 金額を構成する項目 金額を構成する項目 失敗時 : 原因をたどりやすく(traceability 向上)
図は記事の説明(「左にリスト、横に詳細」)をもとにした概念図。実際の画面デザイン・表示項目名・内訳の具体的な項目は記載なし。金額やラベルは説明用のプレースホルダー。

33つの新ポイント

What's new 1

日付を軸にした一覧

支払い済み(paid)と保留中(pending)の入金を日付中心に表示。「もう入ったお金」と「これから入るお金」がひと目でわかる。

What's new 2

展開できる内訳

選択した入金の内訳を展開表示。金額が何で構成されているかを、別ページに移動せず確認できる。

What's new 3

入金失敗の追跡がシンプルに

入金が失敗した際のトレーサビリティ(原因のたどりやすさ)を簡素化。具体的な表示内容は記載なし。

4記事から読み取れる変化の比較

項目以前新しい入金ページ
レイアウト 記載なし 2 ペイン 左にリスト、横に選択中の詳細
入金間の移動 記載なし 同一ページ内 ページを離れず、位置も失わない
支払い済み/保留中 記載なし 日付中心 ひと目で把握
金額の内訳 記載なし 展開表示 遷移なしで確認
入金失敗の追跡 記載なし 簡素化 トレーサビリティ向上
追加料金・設定 — 記載なし(段階的に自動展開される旨のみ)
記事は新デザインのみを説明しており、旧画面の具体的な構成は記載なし。「以前」列は推測で埋めていない。

5提供範囲・スケジュール

対象 : 全マーチャント

すべてのマーチャントに提供。プラン・国の制限は記載なし。

Web + モバイル

Shopify 管理画面の Web 版とモバイル版の両方で展開。

段階的ロールアウト

新デザインは順次展開。完了時期は記載なし。

有効化手順の記載はなく、マーチャント側で必要な設定作業は特に示されていない。段階的展開のため、ストアによって新デザインが表示されるタイミングが異なる可能性がある。

6技術者が押さえるべき5つのポイント

1. 管理画面 UI の変更

記事の対象は管理画面の入金ページ(Web・モバイル)の表示。カテゴリは「Improvement / Payments」。

API ?

2. API/Webhook への言及は無い

Admin API の入金関連リソースや Webhook に変更があるかは記載なし。連携アプリ・会計連携側への影響は別途確認が必要。

3. 内訳の項目は未公開

「展開できる内訳」に何の項目が並ぶか(手数料・返金など)は記載なし。業務マニュアル化する前に実画面での確認が前提。

4. 失敗時の追跡は「簡素化」のみ

入金失敗のトレーサビリティが改善された、という記述のみ。エラー種別や対処手順の表示内容は記載なし。

5. 段階的展開 = 新旧 UI が混在する期間がある

ロールアウトは段階的。複数ストアを運用・支援している場合、ストアごとに見える画面が異なる時期がありうる。操作手順書やスクリーンショット付きマニュアルの更新タイミングに注意。

7業務に活かせる3つのユースケース

¥
USE CASE 1

経理担当の「入金消し込み」作業をスムーズに

課題
銀行入金額と Shopify 側の入金を突き合わせる際、入金ごとに詳細を開いて構成を確認する手間がかかる。
打ち手
新しい入金ページで、左リストを上から順に選びながら右側の内訳を展開して確認する運用にする。
効果
ページを離れずに入金を移動できるため、複数件の確認でも見ている位置を失わずに作業できる。
技術メモ
内訳の具体的な項目は記載なし。消し込み手順書を作る前に実画面で項目を確認すること。
USE CASE 2

店舗オーナーの資金繰り確認を「ひと目」で

課題
仕入れや広告費の支払い前に「いつ・いくら入ってくるか」をすぐ把握したい。
打ち手
日付中心の一覧で、支払い済みと保留中の入金を並べて確認する。モバイル版でも同じビューを使う。
効果
「受け取った金額」と「入金予定の金額」がひと目でわかり、外出先でも確認できる。
技術メモ
Web とモバイル両方に展開されるが段階的ロールアウトのため、表示時期はストアによって異なる可能性がある。
USE CASE 3

入金失敗時の一次対応を早める

課題
入金が失敗したとき、どの入金が・なぜ失敗したのかをたどるのに時間がかかる。
打ち手
新しい入金ページで失敗した入金を選び、その場で詳細をたどってから必要な対応(口座情報の確認など)に進む運用フローを作る。
効果
失敗の原因確認までの手順が短くなり、入金遅延の解消に早く着手できる。
技術メモ
失敗時に表示される情報の詳細は記載なし。サポート用の手順書は実際の失敗表示を確認してから更新する。

8提案で使える1行サマリ

「入金ページがリスト+詳細の 2 ペインに刷新。
支払い済み・保留中を日付でひと目把握、内訳はその場で展開、失敗時の追跡もシンプルに。
全マーチャント・Web とモバイルに段階的に展開、設定作業は不要。」