#491
設定ページのナビゲーションのデザインを変更しました
#491

Public 設定ページのナビゲーションのデザインを変更しました

Updated at 2023-08-18 18:58

今回のリリース内容

2023-08-08.png (307.8 kB)

こんにちは、デザイナーのtaea(@ken_c_lo)です。
SETTING メニューからアクセスできる、チーム設定およびユーザー設定ページの画面左側のナビゲーションのデザインを変更しました。

(この記事でのスクリーンショット等では、メニュー数の多い Owner 権限を持っているユーザー向けの画面を紹介します。 Member 権限のユーザー用の画面はまた異なります。)

2023-08-18.png (161.1 kB)

具体的な変更点

見た目のスタイルを変更

image.png (430.7 kB)
  • チーム設定とユーザー設定の行き来がしやすく、よりコンパクトですっきりした画面を目指しました
  • Owner専用のラベルを マウスオーバー時とページ表示時のみの表示にし全体的にスッキリさせました
  • 従来左ナビゲーションに表示されていた、チームやユーザーの情報の一部別ページに移動しました

メニューの表示順を変更

  • 利用頻度に合わせて、表示順を調整しました
  • 一般的に利用頻度の低いメニューは「その他」メニューの中に格納しました

メニューのラベル文言を変更

  • メニューのラベル文言・ページの名前を調整し、よりわかりやすいものを目指しました
  • 今回から名称が変更されたページがあるのでご注意ください。詳しくは下記のリストをご覧ください

ページ名・メニュー文言の変更リスト

今回の変更により、設定ページ系のページ名及び、メニューの文言が大きく変わりました。
変更点をまとめると下記のようになります。

特に、「管理者メニュー」→「詳細設定」の変更が最初はちょっと慣れないかもしれません。ご注意ください。
また、ヘルプページ等の記述も追って新メニュー名称に追随していきたいと思います。

チーム設定

変更前 変更後 備考
メンバーの一覧・管理 (変更なし)
メンバーの招待 メンバーの招待・追加 Ownerのみアクセス可
Stats チーム情報 今後、チームの状況が包括して把握できるページに
Webhook・アプリ連携 Webhook・外部ツールへ通知 Ownerのみアクセス可
ご利用料金 (変更なし) Ownerのみアクセス可
管理者メニュー 詳細設定 Ownerのみアクセス可
絵文字の追加・カスタマイズ (変更なし)
外部サービスのインポート (変更なし) Ownerのみアクセス可

ユーザー設定

変更前 変更後
あなたの記事一覧 あなたのプロフィール
通知設定 Web・メール通知設定
添付ファイルの一覧・削除 (変更なし)
Applications 外部アプリ連携
Labs Labs: 実験的な機能

(\( ⁰⊖⁰)/) ヒトコト

おかげさまで活躍し続けて9年目のプロダクトになるので、ちょっとした変更でも考慮することが色々とあって結構大変ですが、引き続き地道により良くしていきたいと思います。
今までの使い勝手を損なうことなく、使っていて気持ちのよい今風のUIに、少しずつ洗練させて行きたいですね(\( ⁰⊖⁰)/)

今日からMoonlander という左右分割のキーボードを使い始めています。
ZSA Moonlander: Next-gen Ergonomics | zsa.io

初めての分割キーボードに慣れなくて、まだ一行タイピングするだけでもだいぶ時間がかかる感じですが、精進したいと思います。
自分の使いやすいキーマップを探りながら、少しずつ改善していく作業が面白いです。また肩が開くので姿勢がよくなりそうでいいですね。
ちなみに、このキーボードメーカーさんのURL "zsa.io" は、"esa.io" と一文字違いなので、チョット親近感があります(⁰⊖⁰)


[ProTip] Webhookでdocs.esa.ioの更新通知を受け取ることができます

Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io

Comments0