iPhone 8で新しい投稿エディタのメニューオプションがギアアイコンを画面外に押し出す

ポストエディタのメニューオプションが非常に多くなったため、追加アクション用のギアアイコンが想定された領域の外に描画されてしまいます。以下のスクリーンショットは iPhone 8 のものです。

「いいね!」 3

ええと、はい、この問題はデフォルトのセットに追加のボタン(この場合はテキスト方向の切り替えボタン)が追加されると、小型デバイスで発生します。このバーには任意の数の追加ボタンが入る可能性があるため、少なくとも水平方向にスクロールできるようにするのが最低限の対応でしょう。

「いいね!」 9

あるいは、より多くのオプションを表示する「…」ボタンを追加するのはどうでしょうか?

横スクロールの方が、追加のボタンを押さなくても書式設定メニューにアクセスしたり確認したりしやすいので、そちらを選びたいです。

まあ、それは妥当ですね。

実は、ここには水平スクロールを簡単に追加できません。なぜなら、それははみ出したコンテンツを非表示にする必要があるためですが、ギアメニューでははみ出し内容を可視にしておく必要があるからです。

@pmusaraj は、ツールバーをより小さなサイズで適切にスケールさせる改善を行いました:

https://github.com/discourse/discourse/commit/e3164671698aeef94cf2e142903a30e4688e9dfe

…しかし、いずれはより多くのボタンをサポートする方法を考える必要があります。投稿のように、ギアアイコンを のように変えて、デフォルトでより多くの項目をそこに隠す必要があるかもしれません。

「いいね!」 3

現在のソリューションに対するフィードバックを聞きたいのですが、ボタン間の間隔が狭められたことで、iPhone 8 などの小型デバイスでもボタンがまだ十分に押しやすいでしょうか?

@awesomerobot 「引用全体を投稿」および「方向切り替え」ボタンをギアメニューの下に移動すべきだと思います。これらは頻繁に使用されるものではなく、ツールバーに常設するほどの価値はないでしょう。(後者の「方向切り替え」はメタサイトでは存在しますが、サイト設定の奥にあり、非常に限られたサイトでのみ使用されていると思われます。)

「いいね!」 1

私は iPhone 8 を使用しています。新しい間隔は問題ないと思います(ボタン 12 個と区切り線 2 本)。ただし、ツールバーに配置できるのはこれくらいが限界ではないでしょうか。さらに何かを追加すると、押しにくくなることは間違いありません。

「方向切り替え」については完全に同意します。「全文引用」は境界線にあるかもしれません。確かに、太字やイタリック体よりも使用頻度は低いですが、2 つの箇条書きメニューオプションよりは多く使用します。正直なところ、箇条書きメニューオプションは全く役立たないと感じています。アスタリスクや数字を手動で入力する方がずっと簡単です。(余談ですが、箇条書きリストまたは番号付き箇条書きリストのアイコンを複数回押すと、太字やイタリック体と同様に、選択されている内容をオン/オフで切り替えることができます。ただし、2 つの間で切り替わるわけではありません。もし箇条書きリストまたは番号付き箇条書きリストのアイコンを押した際に、既に存在する別のリストタイプに置き換わるようになれば素晴らしいでしょう。)

私にとって最も頻繁に使用するツールバーメニューオプションは、すでに歯車アイコンの背後に隠されている「詳細を隠す」と「ネタバレをぼかす」です。これは主に、箇条書き、太字、イタリック体(私がよく使う他のもの)は基本的に * を追加するだけなので簡単に手入力できるのに対し、他のオプションはより長い BBCode 風のタグを入力する必要があるため、ボタンを押す方が速いからです。

ユーザーがさまざまなデバイスで各メニューオプションをどの程度クリックしているかに関するデータはありますか?何を表示し、何を歯車アイコンの背後に隠すかという決定は、そのデータに基づいて行われるべきだと思います。

いくつかの追加のノート/提案:

  • 区切り線は削除してください。区切り線は論理的なグループがあることを示唆しますが、「全文引用」と太字やイタリック体にはどんな関係があるのでしょうか?「ハイパーリンク」と「プレフォーマットされたテキスト」にはどんな関係があるのでしょうか?「箇条書きリスト」と「絵文字」にはどんな関係があるのでしょうか?現時点ではかなり恣意的に見え、単にスペースを無駄にしているだけです。
  • どのメニューオプションを表示/非表示にするかは、インストールレベルで設定可能だと推測しますが、ユーザーレベルで設定可能にするのはどうでしょうか。誰もが異なる方法で作業していることを考えると、ツールバーの順序を完全にカスタマイズできるようにするのは理にかなっているかもしれません。例えば、ユーザーがツールバーオプションの順序を指定できるようにし、その順序で表示されるようにするのです。デバイスに応じて収まらないオプションは自動的に歯車メニューに移動させます。そうすれば、デスクトップでは上位 15 個が表示され、モバイルでは上位 12 個のみが表示されるようになります。(あるいは、ユーザーが 3 つしか気にしておらず、残りは常に歯車アイコンにある場合でも対応できるようにするかもしれません。)これ以上複雑になるかもしれませんが、アイデアとして挙げておきます。
「いいね!」 3

フィードバックをありがとうございます、@seanblue。大変感謝しています。順序なしリスト/順序付きリストのボタンをギアメニュー(モバイルのみ)に格下げるというご提案は、とても気に入りました。また、セパレータについてもご指摘の通りだと思います。デスクトップではある程度役立ちますが、モバイルではその必要性は低いです。モバイルでもセパレータを削除する実験をしてみるかもしれません。

これら3つの変更を私のタスクリストに追加しました。完了すれば、モバイル上のボタンも少し余裕を持って配置できるようになるはずです。

すべてのボタンがインストールレベルで設定できるわけではありませんし、ユーザーレベルで設定可能にするのも有用ではないと思います。大多数のユーザーにとって、それは超上級者だけが切り替える必要があるような、細かすぎるカスタマイズです。(そして、超上級者は、ブラウザのカスタムスタイルシートを使用するなど、同じことを行う別の方法を見つけます。)

「いいね!」 4

モバイル版のみに関する2つの変更がマージされました(PR):順序付き/順序なしリストボタンをギアメニューに移動し、区切り線を削除しました。フィードバックをいただき、ありがとうございます、@seanblue

「いいね!」 4

このトピックは20時間後に自動的に閉鎖されました。新しい返信は受け付けられていません。