泥臭く語るUIデザイン会｜ホワイトボードチャレンジ【RAMEN TECH 2026】

2026年10月9日開催「泥臭く語るUIデザイン会｜ホワイトボードチャレンジ」（RAMEN TECH 2026公式リンクイベント）で使用したスライドです。

この資料は、ナカミチさん（Kazushi NAKAMICHI）が公開した「ホワイトボードチャレンジ 説明&実行資料」のGoogleスライドを、構成・内容の大部分でほぼそのまま流用させていただきました。今回の開催に合わせ、表紙、場のルール、アイスブレイク、アンケート案内などを加えています。分かりやすい資料を公開・配布してくださったナカミチさんに感謝します。

元資料・配布元（ナカミチさんのSpeaker Deck）：
https://speakerdeck.com/ichimichi/howaitobodotiyarenzi-shuo-ming-and-shi-xing-zi-liao
公開・配布を案内したX投稿：
https://x.com/ici_mici/status/2086032259887645104

ナカミチさんが参考にした逸見さん（@mako_wis）の資料：
https://speakerdeck.com/makowis/5fen-dewakaruhowaitohototiyarensi

イベント詳細：
https://dorokusa-uidesign.connpass.com/event/406326/

Transcript

1. ホワイトボードチャレンジ
2. 今日は泥臭UI 特別回 • 泥臭く語るUIデザイン会の ホワイトボードチャレンジです • 依頼する側と作る側に分かれ、 画面を手描きで提案します • 伝わったことやすれ違いを、 みんなで泥臭く語り合います • RAMEN TECH公式リンクイベント
3. 全体の時間割 • 19:30〜 チェックイン・アイスブレイク • 20:00〜 ◦ ワーク 40分 （ご飯/おやつタイム) ◦ チェックアウト・アンケート • 〜21:00 終了 & 交流会 • 〜21:30 片付け撤収
4. 今日の場のルール 01 ほめる 04 相手のアウトプットを受けとめる 02 書き出す 頭の中で判断せず、まず書き出す 03 時間厳守 時間が来たら、途中でもストップ 05 失敗OK！ 文字も絵もラフでOK。 ひらがな・カタカナでも大丈夫 対話を楽しむ 違いを確かめ、相手の前提を聞く 困ったら運営へ
5. ワークショップは学びの場 皆で良い学びの場を 作っていきましょう
7. ホワイトボード チャレンジとは またの名を発注&開発ゲーム
8. ホワイトボード チャレンジとは • ホワイトボード上で擬似的に アプリ開発をするグループワーク • お題をもとにクライアント、 デザイナー兼開発者に別れて、 発注〜納品の流れを体験するゲーム
9. SAMPLE 完成版サンプル
10. SAMPLE
11. WORKING IMAGE
12. WORKING IMAGE
13. 解説 テキスト重視の ホワイトボードチャレンジ • 会話よりテキストで伝えます
14. 解説 ホワイトボード チャレンジの効果 • 認識の齟齬の無いテキストを 書く練習になる • 短時間で必要なコミュニケーションを 取る練習になる • UI/UXを考える練習になる • 何より とても盛り上がる
15. 解説 人数と役割決め クライアント チームが4人以上なら2人 3人なら1人 1チーム4-5人を推奨 デザイナー兼開発者 2-3人
16. チーム内の役割 • クラインアント 1〜2名 ◦ お題をもとにドキュメントにて アプリを考え発注する ◦ 納品されたアプリケーションの評価する • デザイナー兼開発者 それ以外の人 ◦ 発注書の内容をもとにヒアリングする ◦ アプリケーションを開発(お絵描き)し納品
17. 今日のお題 主語カード 述語カード •デスクワーカーが •重機オペレーターが •おじいちゃんが •女子高生が •人見知りの人が •猫が •心の疲れを癒す •食欲が満たされる •胸がときめく •野生が目覚める •健康になる •将来の不安が減少する
18. ルール説明
19. 解説 ルール • お題にそってホワイトボード上で スマートフォン用アプリ開発を行ってください • 開発は5人(推奨)チームで行います • それぞれの役割を全力でこなして下さい • 指示された時間で ご飯/おやつ を食べてください
20. まずお題カードを 引いてね • クライアント役がカードを引いてください 〇〇が • 主語カード、述語カード それぞれ1枚ずつ引きます • 主語述語の組み合わせがチームのお題です XXする
21. 時間割 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰 10分 • 終了 21:00
22. 各フェーズの 説明 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰（10分）
23. 発注書作成 ヒアリング アプリ開発 納品と評価 発表および表彰 発注書作成 (10分) • クラインアント ◦ お題をもとにスマートフォン用アプリの 仕様を考える ◦ ホワイトボードの左側にテキストのみで 記述する（図とかはダメ） ホ ワ イ ト ボ ｜ ド ホ ワ イ ト ボ ｜ ド • デザイナー兼開発者 ◦ お菓子置き場でおやつを食べる ◦ 作業は見ちゃだめ お菓子置き場
24. 発注書(例) 犬が • 犬が日頃忘れがちな野生を 取り戻すスマホアプリ • 毎日朝日と共に遠吠えが流れる ◦ • 時間や叫び声はカスタム可能 他にも野生を取り戻すコンテンツ 盛りだくさん 野生を 取り戻す テキストだけで書くこと! デザイナー兼開発者は 見ちゃダメ!おやつ食べてて
25. 発注書作成 ヒアリング アプリ開発 Point • クライアントメンバーで議論して 自由にアイデアを出そう • 欲しいものが伝わるように 簡潔で齟齬のないテキストを書こう 納品と評価 発表および表彰
26. 各フェーズの 説明 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰 10分
27. 発注書作成 ヒアリング アプリ開発 納品と評価 発表および表彰 ヒアリング (5分) • クラインアント • デザイナー兼開発者 ◦ ホワイトボードの前へ集合する ホ ワ イ ト ボ ｜ ド ホ ワ イ ト ボ ｜ ド ◦ 発注書の内容についてヒアリングする ◦ 発注書にテキストで追記をしてもよい ◦ 図や絵を描くのは禁止 お菓子置き場
28. 発注書作成 ヒアリング アプリ開発 納品と評価 ヒアリング(例) • 犬が日頃忘れがちな野生を 取り戻すスマホアプリ ◦ • • 操作するのは飼い主(追記) 毎日朝日と共に遠吠えが流れる ◦ 時間や叫び声はカスタム可能 ◦ 映像も一緒に流れる(追記) 他にも野生を取り戻すコンテンツ 盛りだくさん ジビエ餌とか(追記) クライアントの要望を 却下してはいけないよ ホワイトボードの右側は まだ使用禁止! 発表および表彰
29. 発注書作成 ヒアリング アプリ開発 Point • 発注書の各項目について深堀し、 認識を合わせよう • クライアントが本当に必要なものは 何かを考えながら話を聞こう 納品と評価 発表および表彰
30. 各フェーズの 説明 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰 10分
31. 発注書作成 ヒアリング アプリ開発 納品と評価 発表および表彰 アプリ開発 (10分) • デザイナー兼開発者 ◦ 発注書をもとに ホワイトボードの右側に スマートフォン用アプリの画面を描く ホ ワ イ ト ボ ｜ ド ホ ワ イ ト ボ ｜ ド • クライアント ◦ お菓子置き場でおやつを食べる ◦ 作業は見ちゃだめ お菓子置き場
32. 発注書作成 ヒアリング アプリ開発 アプリ開発(例) • 犬が日頃忘れがちな野生を取り戻 すスマホアプリ ◦ • • 操作するのは飼い主 毎日朝日と共に遠吠えが流れる ◦ 時間や叫び声はカスタム可能 ◦ 映像も一緒に流れる 他にも野生を取り戻すコンテンツ 盛りだくさん ジビエ餌とか 納品と評価 発表および表彰
33. 発注書作成 ヒアリング アプリ開発 アプリ開発(例) • 犬が日頃忘れがちな野生を取り戻 すスマホアプリ ◦ 操作するのは飼い主 • クライアントは見ちゃダメ! 毎日朝日と共に遠吠えが流れる おやつ食べてて ◦ 時間や叫び声はカスタム可能 ◦ • 映像も一緒に流れる 他にも野生を取り戻すコンテンツ 盛りだくさん ジビエ餌とか 納品と評価 発表および表彰
34. 発注書作成 ヒアリング アプリ開発 Point • 誰にでもわかりやすく使いやすい画面 を意識しよう • クライアントが本当に必要としている ものを開発しよう 納品と評価 発表および表彰
35. 各フェーズの 説明 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰 10分
36. 発注書作成 ヒアリング アプリ開発 納品と評価 発表および表彰 納品と評価 (5分) • クラインアント • デザイナー兼開発者 ◦ ホワイトボードの前へ集合する ホ ワ イ ト ボ ｜ ド ホ ワ イ ト ボ ｜ ド ◦ 開発したアプリについて説明をする ◦ 5分間の説明後、クライアントは 1人あたり5点満点で評価を伝える （クライアント2人だと10点満点） お菓子置き場
37. 発注書作成 ヒアリング アプリ開発 Point • 開発したアプリの魅力を伝えよう • 発注書で望んだことが実現されている かの観点から採点しよう ◦ 「せーの」で指を立てると 結果発表感が出ます ✌2 🖐5 納品と評価 発表および表彰
38. 各フェーズの 説明 • 発注書作成 10分 • ヒアリング 5分 • アプリ開発 10分 • 納品と評価 5分 • 発表および表彰 10分
39. 発注書作成 ヒアリング アプリ開発 納品と評価 発表および表彰 発表および表彰 • 皆が開発したアプリを見て回る • 1分程度でアプリを説明する • 以下のようなチームを表彰しても いいかも ホ ワ イ ト ボ ｜ ド ホ ワ イ ト ボ ｜ ド ◦ 最高得点 ◦ 独創的なアプリ ◦ 優れた発注書 お菓子置き場
40. 対話と想像を 大切に くれぐれも、こうならない ようにがんばってねー
41. 資料への感謝 • ナカミチさんの公開スライドを、今回の ワークに使わせていただきました • 分かりやすい資料の公開、 ありがとうございます😁 • 元資料：ホワイトボードチャレンジ 説明 &実行資料 • 公開投稿：ナカミチさんのX投稿
42. ナカミチさんが 参考にした資料 ナカミチさんは、逸見さん （@mako_wis）の資料を参 考に、今回の元スライドを制 作しました。 逸見さんにも感謝です🙏 逸見さんの参考資料（Speaker Deck）
43. お疲れ様でした アンケートを入力お願いします (2-3分) https://forms.gle/q78d3uLj7Xyxy1DW9