MEETING

プロダクトUIデザイン定例(園田×ゆこびん)

日時
2026/05/21 15:00-16:13
参加者
Masaki SONODA、yuco vin
文字起こし
tldv
グループ
プロダクトUIデザイン定例
タグ
  • UIデザイン
  • クーポン
  • モーダル
  • 情報設計
  • 採用

プロダクトUIデザイン定例(園田×ゆこびん)

サマリ

  • 伊原氏作成の現行 UI を「構造化が不十分」と評価。要素 × 場合分けの単純な組み合わせ方式に再設計することで合意
  • クーポン利用予定画面を大幅簡素化: 金額のみを縦に並べる表示、「自費予定」表記に統一、クーポン位置を下に
  • 情報設計が会社のコアバリュー。UI だけ作れる人は無価値、UX リサーチ含む情報設計専門家を採用ターゲットに

決定事項

  • モーダル設計: 要素を分解し、その単純な組み合わせとして実装(エンジニア工数 1/3 想定)
  • 日付選択後の最初のモーダル(モーダル1)は必ず出す。出す/出さないのロジック分岐はしない
  • 自費利用表記は「自費予定」で統一
  • クーポンの位置を下に配置し、文字量を減らす
  • 金額情報を縦に並べる: “2/12 3,000円” / “2/20 3,000円” / “3/9 30,000円”
  • 梅西との人事方針: BPO 化前向き OK。Q エンジニア採用も前向き(QA 以外も担当できるシニア前提)
  • カズさん(業務委託): 幼児保育セキュリティ周りで穴あり、毎日 2 時間メンテに費やしている状況を改善
  • 来週か再来週、週次で梅西・カズさんの役割再編を全体共有予定

議論メモ

UIデザイン構造化の課題

  • 園田: 伊原氏 UI を確認したところ、各ブロックが単なる場合分けに過ぎず、構造化が不十分
  • 園田: このままエンジニアに渡すと「悲鳴を上げる」レベル
  • 園田: HTML ファイルを送付し、構造ごとに分けて出し分けする方針
  • ゆこびん: 現行 UI をそのまま実装すると「後で回収が超大変」

クーポン利用予定画面の改善

  • 園田: 「文字が多すぎて何が起きているかわからない」。疲れた母親視点では理解困難
  • ゆこびん: 「自費予定」と「自費利用」の違いが不明確、どこがポイントかわからない
  • 園田: 金額情報だけを縦に並べる案 → ゆこびん 賛成
  • ゆこびん: 「自己負担額」表記だけで十分かもしれない、「自費」も不要かも
  • 園田 & ゆこびん: クーポンの位置を下に配置することで分かりやすく
  • ゆこびん: 文字を減らす方向で。園田も賛成

要素分解と組み合わせ方式

  • 園田: 宿泊と日帰りで分けるのではなく、回数単位か日・泊・時間単位かで考え直す
  • ゆこびん: 事前にわかるものは先に出し、わからないものは後ろに
  • 園田: 毎回出した方が良い。要素分解して単純な組み合わせにすれば QA も楽
  • 園田: この作り方ならエンジニアの工数が 1/3 程度に

表現の統一

  • 園田: 「自費になります」で表現を統一すれば複雑な説明を避けられる
  • ゆこびん: 「クーポンだったものが」という説明的表現を入れた絵も作成済
  • 合意: 「自費予定」が一番良い

金額表示の詳細

  • 園田: 金額右揃え、桁の幅揃え検討
  • ゆこびん: スマホ画面が狭いことを考慮し、「2 月 25 日」の桁揃えを意識
  • 合意: 現状の案で良さそう

宿泊パターン

  • 園田: 宿泊は日と泊で単位が異なるため複数概念あり
  • ゆこびん: セパレーターなしで繋げる案 / 宿泊クーポンと共通クーポンの色分け
  • 議論継続: 共通クーポンのみのパターン、宿泊+共通のパターンなどバリエーション整理

採用と組織体制(梅ちゃん・カズさん協議)

  • ゆこびん: 梅ちゃんは BPO 化に前向き
  • 園田: 梅ちゃんから上司採用要望 → NG、BPO 提案 → OK
  • 園田: Q エンジニア採用要望 → 前向き。ただし QA 以外も担当できるフルタイム&高ポテンシャル必須
  • 園田: カズさんの幼児保育セキュリティ周りで穴あり、毎日 2 時間メンテに費やしている
  • 園田: 梅ちゃんに渡せない部分を整理し、自身の稼働の経営的優先度を可視化
  • 園田: 経営的な話を含めた説明は園田が運営会議で実施、ゆこびんが梅ちゃん・カズさんを引っ張る

人材採用戦略

  • 園田: 司法宣言レベルの人を雇いたい
  • 園田: 面談は信田 or ゆこびんに依頼。園田はダイレクトアプローチ
  • 園田: 資金調達済みなので給料を出せる。情報設計が会社のコアバリュー
  • ゆこびん: 経験者で勝手に育つミドルがいい
  • 園田: ジュニアは考えていない。20 代後半〜ミドル
  • ゆこびん: シニアフルタイムは難易度高い。打率低い前提でリーチアップが必要

エンジニアとの協働

  • 園田: エンジニアが 1 枚のデザインから全画面パターンを作るよう指示するケースあり
  • 園田: 情報設計時には絵で見たら違うことが出てくる。エンジニアの能力依存
  • ゆこびん: エンジニアからそういう依頼が来ることが多い
  • 園田: 信田とは「構造化してくれよ」のレベルで愕然としている

議事録時点のフォロー事項

  • ゆこびん: 新タイムライン表示を 2049 ファイルで作成
  • 伊原 → ゆこびん: モーダル再設計レビュー
  • 園田: 梅ちゃん・カズさん体制再編を週次で全体共有(来週 or 再来週)
  • 園田: 情報設計 UI デザイナーの採用ダイレクトアプローチ開始

持ち越し・次回までの宿題

  • モーダル設計の最終フィックス
  • 共通クーポンと宿泊クーポンのセパレーター扱い
  • 機能概要設計(代理予約モーダル)の Notion ドキュメント化
  • 採用候補リストの整備

次回

  • 日時: 翌週同曜日
  • アジェンダ案: モーダル再設計レビュー、機能概要設計の Notion 化進捗、採用候補初期フィードバック

補足

  • ASR 補正: 「ユコビン/ゆうこびん」→「ゆこびん」、「うめちゃん」→「梅西一秀」、「カズさん」→「Kazutoshi YASUTAKE」、「のぶた」→「信田直人」、「いはらさん/伊原さん」→ 「みき いはら」、「ショッシー」→ 不明(要確認)、「司法宣言」→ 文脈上「業界での名のある人」の意(ASR 誤認の可能性大)
  • 「2049」→ デザイン会社名(井上久保所属)
  • 内部 MTG のため文字起こし生データセクションは含めない([[feedback-government-meetings]] ルールに準拠)