ライトとダーク：同じ作品の見え方と遊びやすさ

切り替えで変わる層と、変わらない層を分ける

アソバースにはライト／ダークの切り替えと、「動きを抑える」設定があります。ここで注意したいのは、「見え方」が三つの層に分かれることです。

1. サイトまわりの層：一覧、作品カード、紹介文、ボタンなど。テーマ切り替えの影響を最も受けると考えられる部分です。
2. カバー画像の層：カバー画像は生成したアートワークで、ゲーム画面のスクリーンショットではありません。ゲームの中の見え方を示すものではない点に注意が必要です。
3. ゲーム画面の層：作品は独立したHTMLで、sandbox付きのiframeの中で動きます。サイトのテーマ切り替えが作品の中の配色にまで及ぶかどうかは、作品ごとに確かめる必要があります。この部分は、作品を開いて実際に見て判断します。

最初の記録は、各テーマで三つの層のどれが変わったかです。一覧ではダークになったのに、ゲーム画面は変わらない作品もありえます。その場合、ゲームの遊びやすさはテーマに左右されません。比べる対象は、紹介文を読む場面や、ゲームの外の操作になります。

もうひとつの注意点があります。「余白の庭」には四季と昼夜があり、「雨音のピアノ」や「こだまの森」も作品自身の雰囲気を持っています。作品内の「夜」とサイトの「ダーク」は別物です。記録するときは、どちらを切り替えた結果なのかを分けて書きます。

条件をそろえて、四つの組み合わせを同じ順で見る

準備するもの

• 端末は1台に固定します。画面の明るさも固定し、自動調整はオフにします。OSやブラウザ側の自動ダークモードなどが働いていないかも確認します。
• 言語設定と「動きを抑える」設定は、比較中に変えません。
• スマートフォンのタイマーと、記録用の紙かメモを用意します。
• 作品を2〜3本選びます。性格の違うものを選ぶのがおすすめです（次の章で説明します）。

条件と順序

比べる条件は「テーマ（ライト・ダーク）×周囲（明るい部屋・暗い部屋）」の4通りです。周囲を分けるのは、昼と夜で結論が逆になる可能性があるからです。

順序の偏りを減らすため、ライト→ダーク→ダーク→ライトのように前後を入れ替えて進めます。いつも同じ順だと、慣れや疲れが片方のテーマの結果に混ざってしまいます。切り替えた直後は目が慣れていないので、少し間をおいてから課題に入ります。

課題と記録

課題は「読む」と「遊ぶ」の2種類に分けます。

• 読む、内容：作品ページの紹介文を最初から最後まで読む、記録の単位：秒、回数：各条件3回
• 遊ぶ、内容：同じコース・同じ難易度で1プレイ、記録の単位：ミス回数、または完了までの時間、回数：各条件3回
• 感じ方、内容：見分けやすさと目の疲れ、記録の単位：5段階の自己評価、回数：各条件1回

読む課題は、同じ紹介文をくり返すと内容を覚えて速くなります。そこで、別の作品の紹介文を使うか、読み終えたあとに内容を一問だけ確認するなど、流し読みを防ぐ工夫を入れます。

遊ぶ課題は、条件がそろう作品を選ぶことが大切です。たとえば次のような作品は比べやすいと考えられます。

• 「かたちのあいだ」には「同じ配置の再挑戦」があり、同じ盤面でやり直せます。
• 「時計じかけの台所」の本番には、1皿28秒・ミス3回までという決まりがあり、ミスを数えられます。
• 「こだまの森」には、間違い3回で終了というルールがあります。

乱数で配置が変わる作品は、条件が毎回違うので時間やミスの比較に向きません。その場合は、見分けやすさの自己評価を中心にします。

作品の性格によって、見るところが変わる

同じダークでも、作品によって影響の出方は違うはずです。次の表は、見る観点の目安です。どの作品でどう出るかは、作品を開いて確かめます。

• 色で判断させる、作品の例：プリズムの道（同じ色の光を届ける）、時計じかけの台所（針が緑の範囲に来たら止める）、見る点：背景が変わっても色の違いを見分けられるか。色の見え方には個人差があるので、周囲の人にも見てもらう
• 細い線や点で示す、作品の例：小さな軌道（予測の点線、前回の細い実線）、見る点：線の太さや明るさが背景に埋もれないか。点線と実線の区別がつくか
• 盤面と駒を見分ける、作品の例：潮目のオセロ（返る石のプレビュー）、灯りのチェス（取った駒と棋譜の表示）、見る点：石や駒の輪郭がはっきりしているか。盤の外の小さな文字が読めるか
• 光や雰囲気が主役、作品の例：こだまの森（光る葉）、雨音のピアノ、余白の庭（四季と昼夜）、見る点：光る表現が見やすいか。音なしで遊ぶ場合に光の情報だけで足りるか

たとえば「こだまの森」は音なしでも遊べるので、光る葉の順番を目で追えることが重要になります。ここでは「暗い背景のほうが光が際立つかもしれない」という仮説が立ちます。ただし、実際にそうなるかは自分の目で確かめます。

「小さな軌道」には、予測を消して挑む遊び方があります。予測の点線を出した状態と消した状態、さらにライトとダークを掛け合わせると条件が増えます。最初は予測を出したままに固定し、変える条件を一つに絞るほうが、結果を読み取りやすくなります。

結果の読み方と、起こりやすい誤り

記録がそろったら、次の順に読みます。

1. 3回の幅と差を比べます。 ライトとダークの差が、同じ条件内の3回のばらつきより小さければ、差があるとは言えません。その場合は、好みと自己評価で決めて構いません。
2. 課題ごとに分けて判断します。 「読む」ではダークが楽でも、「遊ぶ」ではライトのほうがミスが少ない、という結果もありえます。無理に一つの結論にまとめず、場面ごとの使い分けにします。
3. 周囲の明るさで逆転していないかを見ます。 明るい部屋と暗い部屋で結果が逆なら、作品ではなく環境で切り替えるのが答えです。

起こりやすい誤りは次のとおりです。

• 画面の明るさや、OS・ブラウザの自動設定が条件に混ざります。
• 1回だけの結果で決めてしまいます。
• 後半のほうが慣れて成績が良くなっているのに、それをテーマの差と読み違えます。
• 作品内の昼夜とサイトのテーマを混同します。

文字の読みやすさには、客観的な目安もあります。Webのアクセシビリティ指針（WCAG）では、通常の大きさの文字と背景の明るさの比（コントラスト比）に4.5:1以上という基準が示されています。コントラストを測るツールは無料で公開されています。ただし、数値が基準を満たしていても、見やすさの感じ方は人によって違うので、実際の記録と合わせて判断します。

保護者の方が子どもと一緒に行う場合は、成績よりも「見分けやすいか」「疲れにくいか」を本人に聞くことを中心にします。目の疲れや健康への影響を、この記録だけで判断することはできません。気になる症状があるときは、眼科などの専門家に相談してください。

作品を作る人にとっては、この比較は自作の点検になります。背景色と文字色を作品側で明確に決めておけば、周囲のテーマに関係なく見え方が安定します。また、投稿後は両方のテーマで、カードや紹介文の周辺と、カバー画像のなじみ方を確かめておくとよいでしょう。

次の行動

まず作品を2本選び、一覧と作品ページの両方で、ライトとダークのどちらにしたら何が変わるかを書き出してください。そのうえで、ライト→ダーク→ダーク→ライトの順に、紹介文を読む課題とゲームを遊ぶ課題を3回ずつ記録します。結果を見て、昼と夜のどちらの場面にどちらのテーマを使うか決めてみてください。

参考資料

• W3C「Web Content Accessibility Guidelines (WCAG) 2.x」達成基準「コントラスト（最低限）」