01
Concept & Schema
まず「誰が・何を・どう触るか」の骨子を定義します。特にRPGやMMORPGのような大規模UIでは、データ階層の視覚化 Schema 設計が最重要。ここでプレイヤーの「&actionscr;」の予兆を設計し、5秒で離脱させない構造を固めます。
The Production Pipeline
概念から
衝動へ。
京都のスタジオ、MobilePlayDesignが誇る「M.P.D.サイクル」。それは、単なる作業工程ではなく、プレイヤーの心拍数を操作するための行為心理学的アプローチです。ハイパーカジュアルからMMORPGまで、あらゆるジャンルに適用される5つの段階を解説します。
CONCEPT • WIREFRAME • VISUAL DRAFT • MOTION TEST • FINAL POLISH • CONCEPT • WIREFRAME • VISUAL DRAFT • MOTION TEST • FINAL POLISH
M.P.D.サイクル：5つの鉄則
私たちのプロセスは、線形ではありません。各ステージでのフィードバックループを前提に設計された、有機的なサイクルです。ここでは、特に「放置系（増殖型）」や「ストラテジー（RTS、TD）」といった複雑なUI要求に対応するための各工程の核心を示します。
02
Wireframe & Logic
ハイパーカジュアルの即時反応、パズルゲームの余剰情報排除。ワイヤーフレームは「情報の優先順位」そのものです。機能ボタンの配置と、玩家来说の「ストレス要因」をここで洗い出し、消去します。
03
Visual Draft & Skin
「電脳.CodeArt」美学の投入。シャープな角とネオンの光沢。ここでは、ビジュアルが情報そのものであるかのように振る舞います。スポーツやレーシングゲームの臨場感、ホラーの閉塞感を色彩と陰影で演出します。
04
Motion Test
静的な美しさから「衝動」へ。ボタンの反発感、コインの跳ね方、カードのめくる音の視覚的代理。アクションやシューティングの操作性を、モーションテストで身体感覚レベルまで落とし込みます。
05
Final Polish
0.1秒の違和感もなくなるまで磨きをかけます。端末依存性の確認、盲目的なユーザー挙動テスト。教育ゲームやトリビアアプリで求められる「親切さ」と、アーケードで求められる「苛立ち」のバランスを極めます。
Executive Summary
私たちは、プレイヤーの指先に宿る「直感」を設計します。美しいUIは、正しい情報設計から生まれ、正しい時間軸で動くことで、初めて「遊び」となります。MobilePlayDesignのプロセスは、その確率を最大化するための-certainty-engineです。
Design Dictionary
私たちの業界用語。 клиентが理解すべき、核心的な4つの視点。
クライアント・パートナー向け質問清单
プロセスを進める前に、ぜひ共有すべき核心的な質問集です。
ハイパーカジュアルとMMORPGでは、親指の置き場所が全く異なります。握り方からくる死角領域を考慮せずにUIを作ると、致命的な操作ミスを誘発します。
情報過多はゲームを「作業」に変えます。 Horror や Trivia では「不安」と「知的好奇心」を、 Sports では「臨場感」を優先する視点を持つか？
新しいジェスチャーや、端末の縦横比変化に、既存のアセットで対応可能か？バージョンアップごとのリソース消耗を防ぐ「スケーラブルなUI設計」が必要です。
プログレスバーだけでは飽きられます。「溜まる」感覚、「増える」興奮を、UIのエフェクトアニメーションだけで演出できるかが鍵です。
「瞬時の反射」と「長期的な計算」は、視覚的な WEIGHT（重み）が異なります。同じ画面内での両立には、明確な視覚階層の分離が必須です。
シャドウや複雑なグラデーションは、廉価端末でのフリーズの原因になります。「見かけ上の美しさ」と「裏側の軽さ」の両立は、技術者の美学です。