名無しの旅人
2024/03/17 (日) 22:50:49
c9512@d8a8f
FrontPageのレイアウトの全面的な変更を提案します。
変更目的は 1.キャラや国の増加で縦長になるページの対応 2.祈願情報や誕生日など現レイアウトで増えたモジュールの再配置 3.cssboxを活用した情報の整理 の3つです。
過去の議論として、祈願情報の設置時の変更提案(2705)、先駆者のレイアウト提案、同改良案、tooltipの導入提案、先日の武器表の改善案があり、今回の提案はそれらを元にしたものになっています。また、本提案が導入されると自動的にスクロールバーの問題もなくなります。
砂場のサンプルをご確認いただいた上で、ご意見を伺いたいです。正確な表決は内容を定めてから別に採るので、提案に対する所感やサンプルに対する改善点を指摘してもらえるとありがたいです。(賛成意見が多く、大きな問題点がなければ導入までの手順や表決の方法を考える段階に移りますが、逆に反対意見が多かった場合は提案を取り下げます。細かい問題点・改善意見は順次解決・反映していきます。)
- Q.天賦と武器の素材表が新しくなっているが、先日の武器表の改善案はどうなったのか?
A.現時点ではアンケートで最も得票の多かった案Gが採用されています。しかし、「tomorrow_scheduleの更新時間(午前0時)に問題が判明したこと」「天賦素材への適用が不明確だったこと」については未だに対応案が決まっておらず、提案者もしばらくは対応できないことを宣言していました。
今回の提案ではこういった事情があることを加味していただいた上で、武器表について再度考えていただき、表決で変更案が認められた場合には、案Gから新しいものに変更しようと考えています。 - Q.武器表が文字だけになっているのはなぜ?
A.編集の手間と視認性のバランスを取った結果です。
wikiの仕様上、画像と文字を並べることは表組み以外では難しく、先日の提案では案Eと案Fのみがこれを行っていましたが、「縦長になる」「逆引きできない」「編集が非常に複雑」といった問題点をそれぞれ残していました。
残された画像のみ、文字のみという2つの選択肢の中で、最も手広く武器を検索できる文字+リンク(前回の案Aに近いもの)を選択しました。 - Q.FrontPage新案3(借用)って何?
A.今回の変更案は先駆者のレイアウトを一部お借りして作成したため、このようなタイトルになっています。
通報 ...
FrontPage・MenuBer・雑談掲示板などへの告知はどうしましょう。
編集技術を持った人の意見を先に聞いておきたいので編集掲示板のみ先行して数日間意見を募り、その後に雑談掲示板等に告知をしたいと思います。表決段階には編集掲示板外の意見も十分取り入れてから移りたいと考えています。
祈願情報追加の提案、及びFrontPage新案・FrontPage新案2を作成した者です。FrontPageの案を制作した半年ぐらい前の時点でも既存のものにはいくつか欠点がある(今後の拡張に耐えられない)ので新しくすることへは肯定的な意見が多かった一方で、新しく制作した案への指摘も多くそれの解決策(妥協点)を見つけられず半ばあきらめた形で議論が終了していったのでもう一度議論を再開してくれる方がいて嬉しく思います。
ただ私も完全にあきらめたわけではなくここ数か月ちょこちょこ更新案を作成していたので、できればこちらも見ていただいて最終的な形にしていただけると嬉しいです。→FrontPage更新案
全体的に私が以前作成した者を引き継いでくださっていますし大方反対するような箇所はありませんが、キャラクタークイックアクセスにTooltipを使用しているものを採用していることが一点気になりました。Tooltipを使用すると表示はコンパクトにはなりますが、マウス操作で重なってしまう問題があります。これによって以前の議論でもTooltipでの実装は否定されていたと思います。そのためこの箇所に関しては他の表示方法にするべきだと思います。
ここは人によってどちらが良いか分かれそうなので、他の方の意見をもう少し聞きたいですね。
PCから見たデザイン性は上がっているようですが、スマートフォンの場合枠や線がごちゃごちゃし過ぎて見づらいです。
exkpを使うなどして、スマホではborderの代わりに全体に背景色を付けるデザインにした方がいいと思います。
メニュー
ゲーム内のアイコンがあった方がわかりやすいです。
キャラクタークイックアクセス
スマホからだとTooltipが操作しづらいです。
また元素アイコンだと並びが何順がわからなくて直感的ではないように感じました。
スマートフォンでは折りたたみかタブにした方がいいと思います。
それとキャラクター欄で旅人がパイモンなのはややこしいので、他と統一して「旅人_s.webp」に変更して欲しいです。
exkpはフィーチャーフォンを対象としたプラグインなので、残念ながらスマホには効果がありません。背景色をつけるデザインの方は検討したいですが、イメージが抽象的なので、デザインの見本があると作りやすいです。
tooltipについては上の方と同じなので議論の場をまとめさせてください。
旅人のアイコンについて、tooltipの方では無元素(旅人s.webp)が抜けていたので少し分かりにくくなっていたかもしれません(現在は修正済みです)。クイックアクセスでパイモンが採用されているのは1年前からなので、ここが問題になるのは予想外でした。修正後の状態だと問題はどの程度深刻ですか?(1.全く分からない、2.少し分かりにくい、3.問題は解消された)
返信記入漏れていましたが、メニューのアイコンについては透過画像がないのでこちらでの対応は難しいです。スクショだと解像度が荒くてメニューの用途に向いてないので、透過画像さえあれば良い案だと思います。
現トップページにもパイモンアイコンはありますが、隣に旅人が並んでるのですぐに分かります。新しいものだとそれがないため分かりづらい(初見は3、慣れれば2)です。メニューアイコン・メニューの旅人アイコンなどはFANDOMにあります(白いですが背景色付ければ良いと思います)
ありがとうございます。何かできることがないか検討します。メニューアイコンは公式以外から無断で画像を持ってくるのは少し躊躇われますが、そちらの方が良い人が多ければ……という感じですかね。
メニューのアイコンについて補足させてください。
以前の私の投稿を見ていただけるとわかると思うのですが、メニューのアイコンが全て祈願のものになっているのは、祈願情報をfrontPageに追加する議論の時に祈願用のアイコンを用意したので仮置きとしてそれを再利用したという経緯があり、今回木主さんがそれをさらに再利用しているためです。この祈願アイコンに関しては私が自作していて公式から保存したりデータマイニングで持ってきたものではありません。
現在祈願アイコン以外もいくつか作成しているので貼っておきます(実際に使うことになればSVGファイルをwikiに添付するので言ってください)。またメニューに載せる項目が決まったあとで要望があればできる範囲でほかの必要なアイコンも作成します。もちろんFandomや他サイトから引っ張ってこれるなら無駄な作業をせずに済むのでそれでいいと思います。
背景色のものについて少し試してみました。背景も枠線もなしにした方がシンプルで個人的には見やすく感じました。画像 https://imgur.com/a/xlbJeND
それと「編集者必読!」はなんなのか分からないのでガイドラインって書いた方がいいと思います。
>> 4569表の枠線を消してるこれってどうやって実装してますか?砂場に再現していただけると助かります。
>> 4564そういった経緯だったんですね。事情を知らずにすみません。それならば是非アイコンを使わせていただきたいです。
現時点でのメニューは確定ではありませんが、「キャラ・武器・聖遺物・任務・イベント・七聖召喚・深境螺旋・敵」の7つはゲーム内でもアイコンがあるので、同じものが必要になると思います。「掲示板」のアイコンはパイモンメニューの外部リンクと同じもので良いと思いますが、「元素」だけはどのアイコンにするか迷いますね。何かおすすめがあれば教えてください。
>> 4569表の枠線はwikiの仕様で消せないはずなので、単純に並べてflexで調整した状態ですかね?技術的に作成可能であれば後に投票の選択肢に入れることはできますが、個人的には逆に配列が頭に入りづらい感じがしました(無線ノートみたいな感じかな?)。
編集者必読は先駆者の提案そのままの部分ですが、「ガイドライン」と名の付くものは読まれないことが多いので、トップには必読と書いておくくらいがちょうどいい感じもしますが、いかがでしょう?
>> 4580
背景有無の実物例を用意しました(画像を加工して組んでましたが実際に作りました)
背景なしだと確かに見づらいですが、背景があると見やすくなると思います。
ガイドラインの表記は、個人的にはこのメニューはクイックリンクが主な目的なのでリンク先が何かを明瞭にした方がいいと思いました。
作成ありがとうございます。グレーのものは見た目もいいですね。ただ、このままだとスマホで見た時に表示が崩れてしまいます。
ガイドラインの方はそこまでこだわりはないので、タイトルに変更しておきます。
先日の武器表の木主です、武器の表に関して再考することに関しては異論はありません。
その上で
天賦表のゴローの前で改行して欲しい。
解決策は思い至りませんが
中段の下が揃っていないのが気になります。
1.この変更、今必要? 見辛いって人がいっぱいいるって訳じゃなさそうだし、挙げてくれた提案や改良案が、緊急案件とは思えないですが、どうお考えでしょうか?
2.たとえば「期間限定イベント」の欄を修正するとき、部分編集できなくて困ってます。
(可能な仕様なら教えてほしいです。試しに*とアンカーを入れてプレビューしてみましたが見づらくなったので反映してません)
3.ここまで難しい書き方にした理由はなんでしょう?
知っての通り、ここは有志のwikiです。もし大学や会社なら、このレベルを理解できる後輩が来たり、人事部が新人を連れてくるかもしれません。だけどここは違います。
「よく知らんけど書きこんでみよ~」「直してみた」って人が、繰り返していくうちに色々覚えて、おかげで誤字が直ったり、フッと笑えるような文章が書き込まれるんだと思います。
そういう、現時点では「#ってなに?」レベルだけど将来面白いことを書くかもしれない人が、これだけ大量のコマンドと英数字が並んでる編集画面を見たら、せっかく編集にハマッてくれるかもしれない、新しい芽を潰すことになりませんか?
編集に携わる人が減ったら、自分たちの首を絞めることになるのは同意して頂けると思います。
ここまで盛り込んだのはすごいけど、人に受け継ぐ書き方ではないと思います。(ぶっちゃけ今のFrontPageでも初めての人にとっては酷なのではと思ってますが…)
上の方と同感です。趣旨はわかりますが最初は追記や修正が主でいきなりFrontpageに手を出す人は少ないと思います。複雑な構文で危惧すべきは敬遠する人が増え古い情報のまま更新されず放置されるリスクではないかと思います。これに関してはプレイ人口も多いですし、他の方が言う通りそこまで複雑でもない、お世辞にもシンプルとまでは言えない現状でもほぼ即日更新が実現できているのでそれほど心配していません。
ただ、「コンパートメントで編集してくれ」というのはソースを見なければわからないので、部分編集リンクを手でつけた方が良いのではと思います。
既に現在のFrontにある『ピック中の星5武器素材』が前のバージョンのまま放置されてる(これは場所がページの下で編集した人が見落とした?)し、更新されないのはコードが難しい以外の問題もありそう
私の意見もほとんど>> 4567~4576の方々が説明してくれた通りですね。今回の部分編集用ページはこちらです。FrontPageコンパート
一点だけ補足しておくと、私はむしろ「編集者を増やしたくて」FrontPageを改修したいと考えています。
FrontPageの編集をしている人って実のところとても少ないです。イベントが始まってもバナーが出なかったりするのは編集者(私含めて5人いるかな?ってくらい)がその時間(11時とwebイベの13時)に編集できなくなっているのが原因です。(キャラページの編集者が感覚としては一番多いですが、それでも記述が進まなかったりすることも偶にありますね。)
ですので、編集者はむしろ増やしたいと考えていて、その一環として様々なページを便利にしようと進めているところがあります。
一点目に、見た目の改善を狙いました。現在のごちゃついたFrontPageだと、どれほど良質な情報が書いてるサイトであってもブラウザバックされてしまうからです。全体の利用者が増えれば、それだけ編集に携わりたいと考えてくれる人も増えてくれると思います。比較画像1 比較画像2 / 比較画像3 比較画像4
二点目に、イベント等のバナー画像をなくして文字情報onlyにしました。バナー画像は見映えは良いですが、画像添付の知識が必要で、転送容量の削減のためにリサイズが必要なこともあります。改修後は文字情報の入力だけで編集が完了するため、編集のハードルを下げることができます。
三点目に、開始前のイベント情報を入力しておく欄を整備しました。事前に入力しておくことで、編集できる人がその時間にいなくても、次のイベント情報にアクセスできるようになります。
難しい構文はほとんどレイアウト用の構文です。(cssboxとflexboxとincludeの3つ)
内容の更新にはほとんど知識を必要としないので、編集箇所さえ分かれば誰でも編集できると思います。
万が一、レイアウトの更新が今後必要になるとしても、使っている構文はwiki標準のものであり、マニュアルさえ用意すれば大抵の編集者は理解可能な範疇に収まっているはずです。(現在起きているスクロールバーの問題の方がよほど根が深くて対応が面倒なはず)
↑の木主の意見に賛成です。元々この新案のページが好きでしたし、改善してほしい点は過去の木で私が言った>> 3255のtooltipが重なる点くらいです。編集についても、現状よりも改善されていると思います。
画像のアップロード(画像はキャラアイコンくらいしかしたことないが)が一番やりたくないので、文字情報が多いのは、アップデートの度の編集の観点から言えばありがたいです。これなら、気づいた時にやっておいても良いかと感じました。
編集したい箇所にたどり着く方法についても、ソースコメントを参考にinclude探して各々の個別ページURL探して行って、編集したい箇所周辺の文字で検索すれば容易にたどり着けます。
追記する上で知っておかないといけない知識は、includeと表組の書き方とURLリンク付き文字の書き方くらいで、1日で理解して編集できる範囲だと思っています。日々の情報更新程度なら、編集者を増やすために十分役立つ改善だと思います。
返信感謝です。
1.いまだ必要に足る理由があるとは思えませんが、やる気がある人や詳しい人の多いタイミングでやっといたほうが良いというのは首肯します。
2.これは私の聞き方が悪かったですね。「FrontPageから直接、部分編集はできるのかな?」ということを聞きたかったんですけど、とにかく直接部分編集できるリンクはあったほうが良いと思います。
3.そうです。フレックスボックス,css,fa等が多用されていることです。一つひとつは難しくないと思いますが、これらが一気に詰めこまれていることで、編集画面がぐちゃぐちゃ(※整理されてないという意味ではなく、字面的に理解しづらい単語が多すぎるという意味)で編集する人の気を削がないか心配しています。ただFrontPageがあまり初心者がいじるページではないというのはそうかもしれませんね。
テンプレートに関していえば、試しに期間限定イベント欄を編集しようとしたら、たまにFrontPageの更新をしている私でも、長すぎてどこを修正すればいいか判別に時間がかかり、&countdownの日付修正を忘れかけたことは注意喚起になるかもしれません。
2-3.詳しいフィードバックありがとうございます。見た目が完成した段階で提案して中身は粗削りだったので、areaeditや編集コメントでもっと簡単に編集できるように工夫してみます。暫くお待ちください。
>> 4578
編集者を増やしたくてFrontPageを改修したいのであれば、私は効果があるか疑問です。
これはflexbox、css、faが他のページにはあまり見られないため、他のページを編集している人にとっても同様です。
「見出しで読む所が多い」のは見にくい要因とは思いますが、FrontPageのみ変えることが良い影響を与えるかは怪しいと思っています。
FrontPageは第一印象であり、その見た目を良くしたいとの気持ちは分かりますし良いと思います。
しかし、それが新規編集者を増やすための手段であるなら、別の手段を考えた方が良いと私は思います。
その手段としてイベントの画像を使わないのは良いと思います。
天賦育成素材の月木日において最後のセルがつながっていないようだったのでつなげました。
>> 4590
キャラページにしても考察以外の部分(特に天賦やボイス)は見た目的には初心者お断り仕様だと思います。そんな状態からマニュアル化・テンプレ化してできるだけ多くの人が編集できるようにしたのが現在の状態です。FrontPageもその試行さえ怠らなければ同じ道を歩めると思います。
実際の難易度イメージはこんな感じです。(cssbox>>>flexbox>includex>>>nobr>fa>ref>fold=color)
文字情報がメインのキャラページでは見出し→箇条書きにするだけで上から下へ情報の濃淡をつけることができます。よって内容も順に推測しやすいです。しかし、画像や各ページへのリンクなど文字以外の様々な情報を多数扱うFrontPageでは情報がバラバラの形態で散らかってしまいます。そのままでは視線が忙しくなってしまうので、もっと流し読みができるように構造から変えた方がいい……というのが画像の趣旨です。
よって、他のページにまで波及させる必要も用意もありません。
画像だけではニュアンスを伝えきれず、申し訳ないです。
もし私が「FrontPageの編集者を増やしたくて改修する」なら、このように変更します。
少なくとも私は「編集者を増やしたい」との意図を構文からは読み取れませんでした。
ここで私に向けてプラグインの説明をされても困ります。
編集用ページに分かりやすい説明を書くなど全体に向けて行って貰えると嬉しいです。
具体例の作成ありがとうございます。そういった直接的な方法も実際に効果的だと思います。
ご指摘を元に、こちらの案もマニュアル化や部分編集の実装を進めている最中です。「flexやcssを使って見た目を良くする」「初心者は難しいことに触れずに編集できるようにする」両立を目指していきたいと考えていますので、しばらくお待たせしてしまうことになり申し訳ありませんが、改良案ができてから再度ご意見をよろしくお願いいたします。
デザイン的な部分ですが、個人的には曜日別表の部分は濃灰色の背景に白文字より白背景の方が良いと思います。もともと狭い面積に情報が詰め込んであるので背景が暗いと圧迫感が増えます。何気に灰色が2色あるのも少し気になります
恐らく気になると思うので先に説明しておきますが、白背景のみ背景色を使うものとは実装方法が異なるので、余白の大きさをこれ以上変えることはできません。すみません。
ありがとうございます。私は明るい方が良いと思います、ただ白と言ったのは私ですが#e0e8f0くらいの色の方が良いかもしれないですね。
了解です。変更の是非を決める投票を行うことになったら選択肢に出せるようにしておきますね。
ピックアップ中、期間限定イベント、お知らせはそのタイミングで内容が変わるものであり、キャラやWikiのメニューは情報がストックされていくものであるが、新規の情報以外は頻繁に大きな更新がされないものであるたため、この辺を区別してくれるとわかりやすいかなと思った