December 24, 2025

UXの最適化とマーケットプレイス基盤

journal

このアップデートでは、エディタとマーケットプレイス基盤の両方にまたがる大きな変更が導入されます。eventsscene editorのワークフローは使いやすさを重視して最適化され、作成時の摩擦や視覚的ノイズが減っています。同時に、マーケットプレイスのダッシュボード、ストーリーブラウザ、ストーリー詳細ページの最初の機能版が実装され、プレイヤー側での発見と表示の構造が確立されました。

Version: App: v0.7.1 - API: v0.9.1-a565d52

マーケットプレイスダッシュボード

このアップデートの最初の大きな要素は、ストーリー発見の主要な入り口を定義するマーケットプレイスダッシュボードです。ダッシュボードは少数の明確に定義されたセクションで構成され、それぞれが特定の目的を果たします。これらのセクションが組み合わさることで、ダッシュボードからストーリーがどのように提示され、ナビゲートされるかというコアの発見レイヤーが形成されます。

Dark-themed Talescape marketplace dashboard. Left navigation shows Marketplace and Editor sections. Top greeting addresses Christian Hanne. Four large category tiles read Daydream, Nightmare, Vision, Echo. Grid of featured story cards titled “STRANDED” with tags and price, plus sections for Newest Stories, Recently Updated, an emotion tag cloud and a recent updates/news panel.

最上部では、Dreamタイプがカタログへの主要な入口として機能します。各Dreamタイプは異なる物語のトーンと意図を示し、対応するストーリー群へ直接つながります。

その下にあるFeatured by Talescapeは選ばれたストーリーを強調表示します。このセクションはリリース順や更新状況にかかわらず特定のタイトルを目立たせるために使われます。

Newest Storiesは最近公開されたストーリーを時系列で一覧表示し、新着をすぐに見つけられるようにします。Recently Updatedは初回リリース後に変更があったストーリーを示し、戻ってきたユーザーが進行中の開発や改訂を素早く見つけられるように補完します。

さらに下では、Explore by Emotionが感情タグに基づく追加の発見経路を提供します。これにより、ユーザーはフルブラウザやフィルタインターフェースを開かずに、ムードを主なフィルタとしてDreamタイプやジャンルを横断的に閲覧できます。

ストーリーブラウザとフィルタ

ストーリーブラウザはカタログが全体として露出される最初のビューです。ダッシュボード上の抽象的な発見経路を、スキャン、比較、絞り込みができる具体的なストーリー一覧に変換します。

Talescape marketplace browser showing a dark UI grid of repeated story cards titled “STRANDED” with a stormy beach thumbnail, maturity tag “MATURE (16+)”, price “€1.99 (SMALL)”, author “Tiny Games Studio”, story tags and small download/favorite/comment metadata.

ストーリーは密なグリッドレイアウトで表示され、各エントリには素早く判断するために必要な情報が提示されます:カバー画像、タイトル、年齢レーティング、価格帯、タグ、基本的なエンゲージメントカウンター。ここでの目標は、個別の詳細ページを開かせずに速やかに視覚的比較できるようにすることです(Dreamers向け)。

Talescape marketplace browser showing a grid of six story cards titled “STRANDED” with stormy island thumbnails; each card labeled “A Nightmare by Tiny Games Studio” with small tag chips. Right sidebar shows a Filters panel for Dream Type, emotions, topics, genres, age, price and language.

フィルタは折りたたみ可能なサイドパネルで扱われます。Dreamタイプ、感情、トピック、ジャンル、年齢層、価格、言語で絞り込めます。すべてのフィルタは組み合わせ可能で即時適用され、検索をやり直すのではなく段階的にカタログを狭めていけます。

ストーリー詳細

ストーリーブラウザから、Dreamersはストーリー詳細ページへ移動します。そこでは単一のストーリーに関するすべての関連情報が一箇所にまとめられています。

ページはメインコンテンツエリアと補助の詳細カラムに分かれています。メインエリアはタイトル、作者、プレビュー画像、完全な説明などストーリーそのものに焦点を当てており、Dreamersが物語の文脈を把握して興味に合うか判断する場です。

Dark Talescape story page for STRANDED: stormy beach header with leaning palm trees and wreckage. Subtitle reads “A Nightmare by Tiny Games Studio.” Carousel of thumbnails, description box showing author Christian Hanne, right column with mature tag, price (€1.99), emotion/genre/topic tags, content warnings (Horror, Violence) and zero stats.

詳細カラムはすべての構造化されたメタデータを表示します。これには年齢レーティング、価格帯、感情、ジャンル、トピック、コンテンツワーニング、AI使用開示が含まれます。説明文と構造化タグを分けることで、読み物としての評価とタグによる評価を明確に区別します。

その下にはachievementsや基本的な統計が配置され、ページを支配せずに追加の文脈を提供します。これらの要素は合わさって、ストーリーの提示、評価、購入やプレイ準備の方法を定義します。

シーンエディタの全面改修

マーケットプレイス基盤を固めた後、フォーカスは再びエディタに移りました。シーンエディタは大幅に簡素化され最適化され、すべてのシーン要素が書き直され拡張されました。

以前はエディタが画像、アイテム、トリガー、テキスト要素のみをサポートしていましたが、ほとんどの要素が新しく明示的に型付けされました。各要素には専用のアイコンが付き、複雑なシーン作業時でも区別しやすくなっています。

Talescape Editor interface showing the scene breadcrumb “Stranded › On the Beach”: a stormy beach illustration with palm trees, shipwreck debris, waves, footprints and a backpack. Left toolbar and “+ Element” menu visible; blue selection boxes mark interactive elements.

要素の作成と設定は簡素化されました。頻繁に使う操作は即座に利用でき、あまり使わないオプションはデフォルトで隠された高度設定に移動しています。

Talescape Editor interface: central canvas shows a stormy beach scene with palm trees, wreckage, footprints and a backpack; blue selection boxes mark interactive elements. Left toolbar and top breadcrumb visible; right panel titled “Edit Element” with scene settings and visibility options.

要素の挙動は明確化されました:

  • Image 要素は直接画像ブラウザを開きます
  • ExitDetail Scene 要素は即時にシーン選択を可能にします
  • Character 要素はキャラクターポーズ選択に直接リンクします
  • Item 要素はアイテムブラウザを開きます
  • InteractInspect 要素はインタラクションモードの選択を許可します
  • Text 要素は変更ありません

イベント、アクション、条件

actionsconditions の選択は、イベント、ダイアログオプション、シーン要素全体で作り直されました。

アクションと条件は検索・フィルタをサポートする専用の選択ビューで提示されます。各エントリには短い説明が付くため、選択前に何をするものか理解しやすくなっています。これにより名前だけに頼る必要が減り、大規模なロジック集合を扱う際の摩擦が軽減されます。

同じ選択ワークフローがアクションと条件が設定されるあらゆる場所で一貫して使われるため、イベント設定がより予測可能で作業が速くなります。

Talescape Editor: two dark panels side-by-side titled “Select Condition” and “Select Action.” Each shows a searchable list of items (e.g., “Achievement is unlocked,” “Compare number value,” “Contains item” on the left; “Add item to inventory,” “Change scene,” “Increase variable” on the right), small category badges, filter icons, and bottom buttons labeled “Add Condition(s) (0)” and “Add Action(s) (0).”

残る作業は購入フローとDreamersがストーリーを開始、継続、完了する方法(レビューや完了状態を含む)に集中しています。その後、プラットフォームがローンチした際の公開をサポートするために支払いシステムが実装されます。

以上が今回のアップデートです。良い休日を。プロジェクトをフォローしてくれてありがとう。