AWS マネジメントコンソールのビジュアルアップデートのお知らせ (プレビュー)

11 月 21 日、AWS マネジメントコンソールのプレビュー版のビジュアルアップデートを発表しました。このアップデートは、直感的かつ包括的で、意義のある AWS エクスペリエンスを大規模に構築するために使用される Amazon Web Services (AWS) の設計システム、Cloudscape の最新バージョンを使用して展開されます。

この投稿では、ビジュアルアップデートが、使い慣れた一貫性のある AWS マネジメントコンソールのエクスペリエンスを維持しながら、コンテンツのスキャン、重要な情報へのフォーカス、探しているもののより効率的な発見を容易にする方法について説明します。

読みやすさの向上
タイポグラフィのスケールが見直され、見出しの処理が改善されたため、視覚的な階層が強化され、データをより簡単に見つけて理解できるようになりました。テキストエレメント全体でよりきめ細やかに色と太さを使用することで、重要な情報をすばやく区別できるようになりました。例えば、フォームフィールドのラベルがより目立つようになり、確認が容易になりました。キーと値のペアのキーや、サービスナビゲーション、展開可能な要素、タブなどのコンポーネント間のセクションも同様です。

カラーパレットを改善し、より鮮やかにして、インタラクティブ要素のカラー処理を簡略化しました。例えば、多数のインターフェイス要素のサブボタン、リンク、トークン、インタラクティブ状態が青色になったため、画面上のコンテンツを操作しやすくなり、タスク効率の向上につながります。

ライトモードとダークモードでのフォーカスの改善
視覚的な複雑さを軽減することで、ユーザーの集中力を高めることができます。カード、パネル、コンテナなどのメインコンテンツラッパーのドロップシャドウを新しく細いストロークに置き換え、コンポーネント全体でボーダースタイルの使用を統一しました。これにより、視覚的なノイズが減り、レイアウト内のスペースが最適化されます。シャドウは、特定のインタラクティブ要素や一時的な要素に重点を置くためにのみ使用されるようになりました。これにより、視覚的な奥行きがシンプルになり、コンテンツ全体の階層が改善されます。

また、ページ上の要素をより明確に区別する必要性に対応するため、ダークモードのアップデートもリリースしました。これらの変更には、カラーランプのアップデートや、コンポーネント間のインタラクティブ状態間のコントラストの改善が含まれます。

モダナイズされたインターフェイス
AWS 全体で、予測可能かつわかりやすいエクスペリエンスを引き続き提供するために、使い慣れたインターフェイスを維持しながらモダナイズを実現しました。より丸みを帯びた形状や、より明るい色を使用し、レイアウト処理を改善したことで、より目にやさしいユーザーエクスペリエンスを実現しました。これらのアップデートにより、よりスムーズかつ自然な外観になり、インターフェイスが見やすくなりました。

より楽しい体験を提供し、視覚的なストーリーテリングをサポートするために、最高のアクセシビリティ基準を維持しながら、まったく新しいイラストとモーションのコレクションも導入しました。

情報密度の向上
未使用スペースを減らすことで情報密度を最適化し、より多くのコンテンツを画面に表示できるようにしました。関連データがより近くに表示されるようになり、視覚的なグループ化が強化されました。カードやコンテナなどのコンテンツラッパー内のスペースが最小限に抑えられたため、一度により多くの情報を消費できます。新しいレイアウトは中央に配置され、幅が広くなり、以前よりも大きな画面サイズに対応できるようエクスペリエンスが最適化されています。ビジュアルアップデートによって、情報を簡単に利用できるようになり、AWS マネジメントコンソールの操作性が向上し、使いやすくなりました。

さらに、コンテキストツールや機能を操作したりアクセスしたりするための新しい方法であるツールバーを導入しました。これにより、画面に表示されるコンテンツの量を最大化しながらタスクを実行できます。

一貫性の向上
インターフェイスがより特徴的かつ一貫性のあるものになりました。刷新された色、アイコン、図形は、よりダイナミックで表現力豊かな体験を提供すると同時に、すべての AWS エクスペリエンスにわたって統一された総合的なジャーニーを強化します。

今すぐご利用いただけます
AWS マネジメントコンソールにアクセスすると、すべての AWS リージョンの特定のコンソールで、今すぐビジュアルアップデートを体験できます。今後、アップデートをすべてのサービスに拡張していきます。新しいビジュアル処理により、より読みやすく直感的な操作が可能になり、全体的なタスク効率の向上にもつながります。

原文はこちらです。