ServiceNow YokohamaリリースUIの変更点を限りなく探してみた

ServiceNow Yokohama リリース　ディベロッパーミートアップ　ライトニングトーク大会 UI変更点

Transcript

1. Copyright © SCSK Corporation YokohamaリリースのUIの変更点を可能な限り くまなく探してみた SNUGミートアップ YokohamaリリースLT大会 2025/3/18 𠮷田 俊平
2. 1 Copyright © SCSK Corporation 自己紹介 吉田俊平 🞐 所属 SCSK株式会社（2021年度入社の4年目） 🞐 初めて触ったバージョン Rome（ServiceNow歴3年目） 🞐 LinkedIn Shumpei Yoshida https://www.linkedin.com/in/shumpei-yoshida クイズ：これは何の画像でしょう？
3. 2 Copyright © SCSK Corporation 自己紹介 正解：更新期限が迫っているデルタ試験一覧でした（計18個）
4. 3 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
5. 4 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
6. 5 Copyright © SCSK Corporation はじめに 🞐 本LTではYokohamaリリースにおけるUIの変更点のうち、個人的に気になった箇所をピ ックアップして紹介します。 🞐 量とテンポ重視で機能詳細の説明は割愛します。 🞐 比較対象は「Xanadu Patch 6」と「Yokohama Patch０」になります。
7. 6 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
8. こんな経験ありませんか？ あれ、なんかカテゴリー増えてない？？ いつも使っている設定ってどこのカテゴリーにあったっけ？？
9. どんどん増えていくユーザー設定のカテゴリー・・・ ４ ５ ７ ８ Utah Xanadu Washington DC Vancouver
10. Yokohamaリリースによる変更点 🞐 検索バーから目的の設定を探せるようになった 🞐 カテゴリーと各設定が同じウィンドウ内で表示されるようになった
11. 参考 UIの変更によりどれだけ効率よく作業を遂行できるようになったかを検証 🞐 検証内容 以下2つの設定を変更するまでに要する時間を計測する ・Displayカテゴリーより、「Show help tips on forms」を有効化する ・言語をEnglish⇒Japaneseへ変更する 🞐 条件 ・ユーザーは各設定がどのカテゴリーに属しているかを事前に知っているものとする ・ユーザー設定モーダルを表示してから、設定変更後にモーダルを閉じるまでの時間とする 🞐 結果 Xanadu：10.65s Yokohama：7.55s 自己満足の検証です。 大いに聞き流してください。
12. 11 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
13. XanaduまでのWorkspaceでは・・・ 🞐 毎回モーダルを表示させてから検索条件をセットする必要があった 🞐 Native UIに慣れている人には使いにくいと感じることも・・・ カラム検索 コンディションビルダー
14. Yokohamaリリースによる変更点 🞐 モーダル表示が無くなった 🞐 Native UIと同じ操作感で検索可能に！
15. 参考 UIの変更によりどれだけ効率よく作業を遂行できるようになったかを検証 🞐 検証内容 Workspaceにおけるインシデントテーブルのリスト表示にて、以下条件をコンディションビ ルダーで設定し、クエリ結果を取得するまでに要する時間を計測する ・Active＝true & Priority=1 - Critical 🞐 条件 ・ユーザーはコンディションビルダーの使い方を把握しているものとする ・漏斗アイコンをクリックしてから結果が出力されるまでの時間とする 🞐 結果 Xanadu：20.61s Yokohama：16.78s 自己満足の検証です。 大いに聞き流してください。
16. 15 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
17. 気づいたら増えていたアプリ開発ツール 名前が似ている。見た目も似ている。 どれがどれでどこからアクセスできるのだっけ？ ServiceNow Studio Creator Studio ServiceNow IDE
18. エクスペリエンススイッチャーでアプリ開発ツール間の移動が楽に！ 🞐 Creator Studio ⇔ ServiceNow Studio ⇔ ServiceNow IDE間の移動が可能になった ※各プロダクトをYokohamaバージョンにする必要があります
19. 参考 UIの変更によりどれだけ効率よく作業を遂行できるようになったかを検証 🞐 検証内容 以下手順にてCreator Studio⇒ServiceNow Studio⇒ServiceNow IDEの順でツールを切り替 えるのに要する時間を計測する ・Xanadu：メニューから各ツールを検索する ・Yokohama：エクスペリエンススイッチャーを使用してツールを切り替える 🞐 条件 ・ユーザーは各ツールがどのアプリケーションメニュー内に存在するかをしていることとする ・Creator Studioを表示させた状態からServiceNow IDEを表示させるまでの時間とする 🞐 結果 Xanadu：20.25s Yokohama：8.82s 自己満足の検証です。 大いに聞き流してください。
20. 19 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
21. リストコントロールのフォームレイアウト 🞐 各設定項目が３つのタブでカテゴライズされ、目的の設定が探しやすくなった Xanadu Yokohama
22. 通知設定（Notification Preferences） 🞐 通知設定にて、より詳細な条件での検索が可能に Xanadu Yokohama
23. キーボードショートカット 🞐 検索バーが追加され目的のショートカットを探すのが簡単になった 🞐 キーボードショートカットがカスタマイズ可能に！ ※一部カスタマイズ不可のショートカットがあります Xanadu Yokohama
24. 23 Copyright © SCSK Corporation 1. はじめに 2. ユーザー設定（User Preferences） 3. Workspaceのリストビューにおける検索 4. アプリ開発ツール間の移動 5. その他諸々 6. さいごに Agenda
25. 24 Copyright © SCSK Corporation さいごに 本LTではYokohamaリリースによるUIの変更点をいくつくか紹介しました。 新しい機能が追加されるだけでなく、増えていく機能を簡単かつ効率よく使うことができるよ うにUIも進化し続けていることに改めて気づくことができました。 UIの変更は目立たないけどもっとフォーカスされてほしい！と思いました。
26. 25 Copyright © SCSK Corporation さいごに 実は発表スライドも少しずつUIが変化していました。 気づいた人がいたら教えてください。