トリッカル・もちもちほっぺ大作戦

編集報告 / 32

53 コメント
views
32
名前なし 2026/03/22 (日) 17:52:32 修正 d3b99@9e197

画像1
スケジュール欄についてデザインを中心にいくつか変更しました。
1.小見出しの視認性を上げるためにそれぞれ色を割り当てました。
2.遠目だとシルエットが別のアイコンと似通って見えることがあったため、使徒ガチャ、カードガチャ2種、PVE、パス2種のアイコンを別のアイコンに変更しました。
3.スマホ(375px想定)で見た時の折り返しを防ぐため、「デイリー要素あり」を「デイリーあり」に変更、各種注意書きのサイズを10pxに変更、パス購入の注意書きを日付欄の脚注に移動、日時の「~」前後の半角スペースを削除しました。
4.コードを見やすくため、「fa-solid」を「fas」に置き換えました。また、色の名前を大文字を混ぜた表記に変えました。

通報 ...
  • 39
    名前なし 2026/03/30 (月) 19:46:03 f352b@4c5d3 >> 32

    パス購入期限の注意書きは「脚注に気が付いていなくて買い逃した」という方が過去いたためにつけていたので(少し前の話になりますが)復活させていました。
    現状折り返すほど幅を食っていない認識なので良いと思っています。

    デイリー要素ありがいつの間にか復活していたのでそちらは戻しました。

    43
    名前なし 2026/03/31 (火) 21:46:42 d3b99@9e197 >> 39

    過去の経緯について共有いただきありがとうございます!

    改めて検討してみたのですが、現状の「購入01:59まで」という表記のみでは「最終日」という重要な情報が抜け落ちており、かえって誤解を招くリスクがあると感じています。復活させる場合、最低でも「購入は最終日01:59まで」とするべきだと思うのですが、そうすると以前のようにスマホ表示での折り返しが発生し、全体の視認性を損ねてしまいます。

    また、対象となるユーザーや発生頻度を考えると、現状だと常設の警告としては少々ウェイトが重い印象があります。
    月に数時間しか発生しない事象に対し、毎日全てのユーザーに「デイリーあり」の注意書きと同じ重みで警告を表示し続けるのは、情報の優先順位として少しバランスを欠くかな、と感じています。

    つきましては、ツールチップを使うことで全体のデザインを崩さずに解決できると考えています。

    運用のポイントとしては、ツールチップのアイコンと中身の意味を固定化すると良いと思います。内容が頻繁に変わると、ユーザーは毎回中身を確認する負担(新情報か既知の情報か、フタを開けて確かめる作業)を強いられます。役割を固定することで、中身を開かずとも内容を推測できるようになり、利便性と拡張性を両立できると考えています。

    試しに該当箇所をツールチップに変更してみたのでご確認ください。
    (「ショップ」についてるツールチップ案だと横にコピペで付け足す感じなので、今までの運用に近いです。触れる範囲狭いですが…。)

    44
    名前なし 2026/04/01 (水) 03:01:25 f352b@4c5d3 >> 39

    ツールチップは機能的にはユーザーのインタラクトが必要な脚注と結局同じではないかな…と思ってしまいます。
    ですがwebデザインについては自信が無く特にこだわりもないので、やりたいようにやっていただいてよいです。
    更新は頻繁にしていますが、用意していただけるならそのようにします。

    51
    名前なし 2026/04/03 (金) 19:53:13 d3b99@9e197 >> 39

    日付欄の端に「*」がつくよりはだいぶ目立つようになったので、多分効果はあるんじゃないかなと期待してます。
    以前見逃したという方は、もしかしたらスマホ画面右の半透明ボタンや親指に被さってて見づらかったのかもしれません。
    いつも編集お世話になっております…!
    色々ゴチャゴチャ変えててご迷惑おかけします。