キャラクタークイックアクセスに関して現在のTooltipにプラスしてさらに2つのバージョンを作成しました。ご意見よろしくお願いします。
→ リンク
- Tooltip
Good:唯一アイコンがあるのでわかりやすい
Bad:表示が被ってしまう、新キャラの追加は一番わかりにくい - Fold(折り畳み)
Good:Foldの中は割と自由にデザインできる → 新着表示などができる、コードのが見やすいので新キャラの追加がしやすい
Bad:開くと縦幅が変わる影響で少し目障り - Jumplist(セレクトメニュー)
Good:個人的には好き
Bad:縦幅が他の二つに比べて長い → 現在のレイアウトに入れるなら誕生日欄を削る(他の場所に移動)必要がある、各元素で一番新しいキャラは1クリックでアクセス出来るがそれ以外のキャラは3クリック必要、何重も入れ子になっているのでコードは複雑(ただ新キャラの追加はTooltipよりわかりやすく楽だと思う)
他の案がある方はこのページに追加して制作して頂けると助かります。
通報 ...
個人的には下記のような改良ができるのならば、2番のFoldが一番いいと思います。
・黒文字だけでは視認性に欠けるので色をつけるかJumplistのように小アイコンをつけたほうが良いと思います。
・プラスアイコンでの開閉はスマホではやや押しにくいため、navfoldを使ったほうが良いと思います。
技術的な理由で難しいのならば次点でJumplistですが、Androidの場合選択肢が画面いっぱいに広がってしまうため、選択キャンセルの方法に戸惑いました。一番下の空白を選ぶことでできること、Goを押さない限りは飛ばないことにあとから気づきましたが、正直わかりやすいとは言えないですね。iPadOSはこのような問題はありませんでした。iOSはiPhoneを持っていないためわかりません。
ToolTipはおそらく文字を想定しているからか表示位置がやたら下の方に出てきて水平切り替えが面倒で、個人的に論外です。操作性もさることながらパイモンアイコンだけピンぼけしているのも気になりますね。
Androidでの表示はこんな感じです
私個人としては、スクロールの手間とクリックの手間は大差ないので、そもそも折り畳む意味があるのか?とは思いますが、折り畳むのであれば
の2案を提案します
4.全く別のモジュールを置く が良いと思います。
Good:開閉の手間やレイアウト崩れがなくなる
Bad:スクロールの手間は残る
ToolTipはバグさえ改善されれば選択肢になると思いましたが、なかなか改善されないのでここに至っては別の選択肢になるのも止む無しだと考えています。
ToolTipのバグの大きな問題点はその押しづらさにあります。>> 3255>> 3261
これはToolTipの実装方法に問題があるために発生しています。
そもそもToolTipの機能というのは「普段は透明にして隠しているものを、マウスオーバーやタップされたときに表示する」というものですが、wikiwikiでは「2つ以上設置されたToolTipのいずれかを先に表示するとあとのToolTipの表示判定に異常が発生する」ということが起こっているために、表示残りや誤クリックが発生しているのです。
大事な点として、この問題はwikiwiki以外のサイトでは起きないのです。
>> 4644パイモンアイコンは今のfrontpageで使っているものと同じなので、どなたか劣化前の画像の所在をご存じの方がいらっしゃいましたら教えていただけると助かります。
キャラが増えたときにレイアウトが崩れたり他の要素に影響するのが一番の問題点で、そのうえでよりコンパクトにできれば良いという感じだと思うので、コンパクトなのはあきらめて一覧表示にする、そして空いてしまったスペースにまったく別のモジュールを置くというのも一つの手だと思います。
そこでこのようなものを作成しました。今のクイックアクセスがある場所にwikiと掲示板の更新情報を配置し、メニュー段とイベント段の間にキャラクター一覧を配置しています。一応少しでもコンパクトになるようにただキャラ画像を並べたスタイルですが、見にくいようであればこちらの一覧でも良いと思います。もちろん更新情報のモジュールは一例なので他のモジュール案があればそちらに入れ替えることができます(メニューと祈願の横幅を増やす、もしくはモジュールを置かないと隙間が出来てしまうのでそこをCSSでマージンを設定して埋めて、モジュールを置かないという選択肢もあるにはあります)。
パイモンのアイコン等私用で作ったものがあるので画像のページにアップロードしておきました(すみませんがラスターレイヤーで作ってしまっているためベクターファイル等はありません)