管理者サイドバナーのナビゲーションを紹介

:mega: アップデート: 古い管理画面のトップナビゲーションは、バージョン3.4で正式に非推奨となり削除されました。サイドバーナビゲーションは最近大幅に改善されており、今後、Discourseの管理画面をナビゲートする唯一の方法となります。


Discourseの管理画面におけるナビゲーション構造の変更について、内部で作業を進めてきました。この作業の第一弾として、管理画面サイドバーを導入します。見た目は以下の通りです。

このサイドバーは、チャットサイドバーと同様に機能します。コンテキストに応じたもので、管理者がサイトの管理エリアのいずれかに入ると表示され、管理エリアから離れると適切なコンテキストに応じたサイドバーに置き換えられます。

最初のイテレーションでは、ナビゲーションリンクは古いページ上部のナビゲーションリンクを単純に1対1でコピーしたものです。将来的には、ここでさらに再構築を行う予定ですが、まずはこの初期の形を公開し、皆様の意見を聞きたいと考えています。

すぐに解決したいと考えている、いくつかの注意点があります。

  • 古いナビゲーションバーの admin-menu アウトレットの代替が現在ありません。
  • トップバーがなくなったことで、UIの表示に一貫性のない部分があります。
  • 管理画面サイドバーでのカスタムサイドバーセクションやリンクはサポートしていません。
  • 独自のカスタムテーマベースのサイドバーを持つDiscourseサイトをどのようにサポートするかを検討中です。

現在は、実験的な admin_sidebar_enabled_groups サイト設定で非表示になっています。フィードバックをお待ちしております。 :rocket:

「いいね!」 63

まだざっと見ただけですが、良さそうです。

エラーログのエントリはありませんが、ログセクションの水平メニューにはまだエラーログへのリンクが含まれています。

「いいね!」 8

はい、これは完全に別の(Logster)ページに移動するため、サイドバーに追加するかどうかはわかりませんでした…新しいタブで開いても問題ないかもしれません。考えてみます :slight_smile:

「いいね!」 7

こんにちは、Martin :wave: 素晴らしいアップデートをありがとうございます :tada:

admin/upgrade ページがサイドバーからなくなっており、モバイルではサイドバーのコンテンツが置き換わるのではなく、デフォルトのサイドバーコンテンツの下に表示されることに気づきました。

「いいね!」 13

はい、アップグレードボタンがリストにあります :+1: モバイルでどのような状況になるかスクリーンショットを共有していただけますか?

「いいね!」 10

ありがとうございます。モバイルのサイドバーで管理者セクションを表示するには下にスクロールする必要があります。デスクトップとは正確には動作しません。デスクトップでは /admin にいる場合にのみ管理者セクションが表示されますが、モバイルでは管理者セクションがデフォルトのサイドバーメニューの下に表示されます。スクリーンショット/ビデオを作成して、この投稿を更新します。:slightly_smiling_face:

「いいね!」 7

この方向性が大好きです :dizzy:

私が気に入っている管理画面のサイドバーの1つは、Ghostのバックエンドにあるものです。サイドバーに直接フィルターがあり、使うのが楽しいです。このパターンをフィードバックとして共有したいと思います。

「いいね!」 14

新しい管理者のサイドバー:サイドバーのフォーラムチャットボタンに戻ると消えます。これです:

chat separate sidebar mode はフルスクリーンです。他に… バージョンは 3.2.0.beta4-dev (20f950a116) です。アップグレード後にこれが始まったのは確かです。セーフモードでも解決しませんでした。

重大な問題ではありません。あまり気にもなりません。

「いいね!」 6

@sam も先日、通話でこの件について触れていましたので、あなたが一人で考えているわけではありません :slight_smile: 次のイテレーションで検討しています。

ご報告ありがとうございます。他のバグと合わせて確認します :+1:

これは非常に奇妙です。モバイルとデスクトップで同じように機能することを期待していました。こちらも確認します。

「いいね!」 10

マーティンさん、ありがとうございます。チャットサイドバーも確認しましたが、モバイルでも同様でした。

「いいね!」 3

素晴らしいデザインです!!! この新しいデザインがとても気に入りました

「いいね!」 2

モバイルでの操作が非常に煩雑だと感じます。

サイドバーに何かあると知っていなければ、コンテキスト固有のオプションが詰まっていることが明白にわかる方法がありません。

ページ間を移動するには、画面の右上隅に手を伸ばし、サイドバーの下部までスクロールして、目的のサブメニューを正確にタッチする必要があります。管理メニューは、サイドバーの他の部分と視覚的に区別がつきません。

対照的に、以前の方法では、0〜1回のスワイプでアクセスできるトップレベルのセクションがすぐに表示され、ユーザーが事前に知っている必要なく、目的の管理サブセクションを見つけるためにドリルダウンできます。

全体として、このアイデアは気に入っていますが、モバイルのUXを改善するのではなく悪化させていると思います。一般的に、モバイルではサイドバーをほとんど使用しません。開くのが煩雑すぎるか、オプションが詳細すぎる/小さすぎるのかもしれません。

他のアプリと比較したところ、サイドバーへのアクセスは通常非常に簡単なジェスチャーであることがわかりました。DiscordとTwitterでは、素早く水平にスワイプするだけでサイドバーを開くことができます。eBayアプリには、下部メニューにボタンがあります。私の銀行アプリは、戻るボタンを押すとサイドバーが開きます。これらのジェスチャーはすべて、無意識のうちに行うものですが、Discourseのサイドバーをモバイルで開くことは、非常に意図的な操作のように感じられます。

この実験的なサイドバーが私にとって効果的に機能するためには、モバイルメニューへのアクセスを容易にし、管理者固有ではないすべての設定を非表示にする必要があります。「フォーラムに戻る」ボタンは、管理セクションをナビゲートする際に、別のコンテキストにいるように感じさせるため、実際には良いタッチです。

しかし、Discourse全体へのアドバイスとしては、サイドバーがモバイルで不可欠なナビゲーション機能になるのであれば、開閉のしやすさを改善する必要があるということです。私の携帯電話は大型モデルであり、画面の上部は現在タッチ入力のデッドゾーンであるという事実は、サイドバーへのアクセスがいかに困難であるかを特に浮き彫りにしました。

「いいね!」 11

確かにモバイルでは何かおかしなことが起きていますが、マーティンが次回確認する際に修正してくれるでしょう。おそらくホリデーの後になります!

チャットやフォーラムで使用されているサイドバーと同じ基本的な機能を使用しています。そのため、開閉方法やセクション、リンクの機能はほぼ同じになります。

とはいえ、管理セクションをフォーラムやチャットとは視覚的に区別し、サイトがバックエンドの見た目や操作感をカスタマイズできないようにするのが個人的には好みです。これにより、「バックエンド」の管理セクションにいることがわかり、フォーラムに戻るために再度退出したいと思うでしょう。

@awesomerobot、サイドバーや通知メニューについてどう思いますか?サイドバーを左にスワイプ(閉じる)、通知メニューを右にスワイプ(閉じる)することは可能だとわかっています。しかし、右や左にスワイプすることで、これらのメニューをより直感的に開くことは可能でしょうか?

「いいね!」 6

そうすると、後方互換性が損なわれるのでしょうか?

「いいね!」 4

これはネイティブアプリよりも私たちにとっては少しトリッキーです。なぜなら、私たちはウェブベースだからです。iOSのSafariはスワイプを前後のナビゲーションのために予約しており、私が知る限り、これを回避する良い方法はありません…ただし、それは変更されたかもしれませんね? :thinking: Blocking Navigation Gestures On iOS Safari - PQINA

「いいね!」 6

また、ハブではいずれにしても完全な柔軟性があることも注目に値します。

「いいね!」 5

オンにして最初の感想は、「整理整頓されていて、解析しやすくなった。素晴らしい!」でした。:smiley:

「いいね!」 5

そして、昔ながらの方法に戻ったので、意見が異なります。

上部にある方がルートが短く、横に移動してからスクロールする必要がなく、オプションに簡単にアクセスできます。

さらに、画面が小さい場合、そしてあらゆる標準サイズのiPadが小さいという意味で、サイドバーは使用が難しすぎます。

昔ながらの方法がオプションとして残ることを願っています。

「いいね!」 4

長期的には非常に可能性は低いですが、私たちはこれを改善し続けます。さらに改善した後、数週間後に再度試してみてください。

「いいね!」 5

この実験的なサイドバーについて、UXの提案をしたいと思います。

私の提案:
フォーラムメニューと管理者サイドバーメニューを切り替えるためのタブを管理メニュー内に、一番上に配置してください。そうすれば、フォーラムメニューにアクセスするために管理者メニューから出る必要がなくなり、管理者メニューまでスクロールするよりもクリック数が1回少なくなります。

これにより、スクロールする代わりにボタンをタップするだけで移動できるため、モバイルの問題も改善される可能性があります。

この提案がどのように見えるかについての私のスケッチです。

「いいね!」 4