UI / UX 方向比較

リプ打の見た目、どれがいい？

白ベース・ビビッド・Slack 風は共通です。差は「どこを主役にするか」です。 各パターンはタイトル / ゲーム中 / 結果の3画面をタブで切り替えられます。

Slack感 チャンネル一覧

A. ワークスペース忠実

左にチャンネル、中央にメッセージ。社内 Slack に入った感じを最優先します。年収とタイマーは上部バーです。

Pattern A を見る
打ちやすさ 大きな入力欄

B. チャット集中

サイドバーを減らし、吹き出しと入力欄を大きくします。タイピング中の可読性を最優先します。

Pattern B を見る
年収ヒーロー 寿司打寄り

C. 年収ヒーロー

チャットは残しつつ、今の年収を常に大きく出します。「今いくら稼いでるか」を最優先します。

Pattern C を見る
見た目判断用の静止モックです。入力判定やタイマーは動きません。 どれか1つ、または「Aのサイドバー + Cの年収強調」のように混ぜても構いません。