Snykのデザイン言語に合わせるための最初の変更

ProbelyがSnykの事業の一員になったと発表してからしばらく経ちますが、この数か月、さまざまな準備が進められてきました。

Probelyのアプリを開くと、ユーザーインターフェースにいくつかの変更が加わっていることに気づくでしょう。これは、ProbelyをSnykのAppSecポートフォリオに統合するためのプロセスの始まりです。

これは複数回の反復を経て進めるプロセスの第1段階にすぎませんが、すでに目に見える変化が現れ始めています。

ご覧のとおり、まず画面上の要素の配置を変更しました。変更の背景にある理由を説明する前に、主な変更点をご紹介します。

1. 画面上部にあった従来の5つの項目を、新しいサイドメニューに移動しました。

2. サイドメニューを折りたためるようにしました。貴重な画面スペースを節約できます。折りたたむと、次のように表示されます。

3. ユーザーメニューとアカウント設定も、新しくなったサイドメニューに移動しました。

4. 目に見える変更の最後は、Snykのデザイン言語に合わせて、色、スタイル、テキスト、フォントを変更したことです。

なぜデザインを刷新するのか？

これらの変更は、ProbelyをSnykのAppSecプラットフォームにできる限りシームレスに統合する計画の一環です。インターフェースを刷新する必要もありました。そこで、グループ全体のルック＆フィールに統一感を持たせることにしました。

変更による主なメリットは？

1. ユーザー体験の一貫性。Snykのデザイン言語と基準に合わせることで、ユーザーが大きなパズルの断片のようにバラバラな画面を行き来していると感じないようにします。新しいユーザーはよりスムーズに使い始められ、既存のSnykユーザーも、まったく新しいインターフェースを覚え直すことなく、プラットフォームの新機能を試せるようになります。各機能は、ユーザーの期待する場所に配置されます。使い勝手を見ながら、今後も調整を続けていきます。一貫したビジュアルフレームワークは、混乱や誤解のリスクを軽減します。

2. 整理、統一、標準化の機会。製品が成長するにつれて、新しい機能が追加され、既存機能の上に後付けされたように感じられることがあります。そうした機能が、周囲から浮いて見えることもあります。ガイドにない新しい要素が必要になるたびに、スタイルガイドが継ぎはぎだらけになる場合もあります。スタイルが最初に設計されてから何年も経っていることもあるでしょう。今こそ整理し、Snykの優れたデザインプラクティスに合わせ、以前から進化してきた基準に沿うよい機会です。

3. 共通の理念を、共通のデザインに反映。ProbelyもSnykも、開発者に寄り添うことを大切にしています。両プラットフォームの製品設計を支えてきた原則は、これからもユーザーインターフェース全体に反映されます。使いやすく、それでいて機能的。習得しやすく、それでいてパワフル。効率的で、それでいて使いやすい製品を目指します。

4. 親しみやすさを洗練。これまで使っていた機能を見失うことはなく、むしろさらに使いやすくなると考えています。「Dashboard」「Discovery」「Targets」「Findings」「Scans」はひとまとめにするため、難解な名称の下にインターフェース要素を隠すようなことはありません。設定とユーザーアカウントもすぐ近くにありますが、インターフェースの異なる層に属するため、ぎゅうぎゅうにまとめず分けて配置しています。

5. 今後の変更もスムーズに。変更については、引き続き皆さまにお知らせします。今回限りではなく、戦略的な連携の始まりです。その最初の目に見える形が、今まさに現れています。11月初旬に実施したロゴの変更に続くものです。

今後も継続的に見直しを行います。配置を変更する場合は、ユーザーにとって合理的で役立つものにするためです。それが、常に私たちが大切にしてきたことです。

見た目は変わっていきます。そして製品の中核も変化しています。私たちは、それが常によりよい方向への変化だと信じています。

これからもよろしくお願いします！