【小ネタ】各クラウドサービスのトップ画面（ダッシュボード）を比較してみよう！

いつも記事を読んでいただきありがとうございます！
モブエンジニア（[@mob-engineer](https://qiita.com/mob_engineer))です！

個人的に各クラウドサービスのトップ画面（ダッシュボード）を比較して、**良いところ**と**改善したほうがいいところ**を整理してみたいと思ったので、アウトプットとして記事化してみました。

小ネタレベルですので、気軽に読んでいただければ幸いです。

:::note info
**良いところ**と**改善したほうがいいところ**はあくまで個人の意見となりますので、その点ご了承ください。
:::

# 目次
- AWSの場合
- Azureの場合
- Google Cloudの場合
- Oracle Cloudの場合
- まとめ

## AWSの場合

![スクリーンショット 2025-01-03 230409.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/a997bfd0-80ff-79f2-1e04-49966cd6cb71.png)

![スクリーンショット 2025-01-03 230430.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/ed7a0e71-142b-c176-0a55-85b857627adc.png)

### 良いところ
- 最近アクセスしたサービスについて一覧で見ることが出来るため履歴を追いやすい
- チュートリアル情報、ソリューション、ブログ情報などが個別化されており分かりやすい
- ユーザがダッシュボードのカスタマイズを行えるため、自由度が高い
- コストと使用状況がトップ画面に表示されているため、コスト管理画面に行かなくてもいい

### 改善したほうがいいところ
- リソース単位での履歴を見ることが出来ないため、過去に触ったリソースがどれか分からない
- リージョン情報の選択画面が右上のため、目につきにくい
- ダークモードが実装されていないため、ユニバーサルデザイン的にイケていない印象を持った
- 検索ボックスが左上にあるため、目につきづらい印象を持った

## Azureの場合

![スクリーンショット 2025-01-03 231655.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/0c51eeb5-8d46-a36a-efe6-3c16ec18facc.png)

![スクリーンショット 2025-01-03 231707.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/319ffcd9-6bd2-1f90-90d2-6c891938017b.png)

### 良いところ
- ダークモードが実装されているため、ユニバーサルデザイン的にイケている
- リソース単位で履歴が残っているため、過去に触ったリソースが分かりやすい
- 検索ボックスが上部中央に位置しており、Copilotも近くに配置されているため分かりやすい
- ダッシュボードでリージョンを選択する必要がないため、余計な作業がいらない

### 改善したほうがいいところ
- コストと使用状況を確認するためにアプリを開く必要がある
- サービス一覧が左ペインに表示されているためやや分かりづらい
- チュートリアルは最上部にあるが、技術ドキュメントは最下部にあるため見つけづらい
- ダッシュボードの編集についてユーザが出来ることが限られている

## Google Cloudの場合

![スクリーンショット 2025-01-03 232704.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/1c49b676-37f2-5fd8-6b42-f63240e981f7.png)

![スクリーンショット 2025-01-03 232859.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/631eaf9f-0780-73aa-ec5e-23f1e8d1d4ff.png)

![スクリーンショット 2025-01-03 232907.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/9b529314-1223-955b-74e5-5c2eb3c9675a.png)


### 良いところ
- 検索ボックスが上部中央にあるため、目につきやすい
- APIメトリクスがトップ画面上で確認できるため、サービス画面へ移動しなくていい
- ダッシュボードの編集が自由に行えるため、ユーザが使いやすい画面構成に変えられる
- コスト利用状況をダッシュボードから確認できるため、管理画面へ行かなくていい

### 改善したほうがいいところ
- ダークモードに対応していないため、ユニバーサルデザイン的にイケていない印象を持った
- 各サービスメニューについて文字でしか表示していないため、ユニバーサルデザイン的にイケていない印象を持った
- ニュース・ドキュメントのタイトルが英語、抽象的なので分かりづらい
- 左側のプロジェクト情報の項目について、初見だと分かりづ依頼

## Oracle Cloudの場合

![スクリーンショット 2025-01-03 233609.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/7f946fb7-8cb8-f84c-41ea-33c40d1dc6ca.png)

![スクリーンショット 2025-01-03 233628.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/c3e5a83d-3084-65f9-8af5-3daf17a1b678.png)

![スクリーンショット 2025-01-03 233638.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3846878/aafeb4c8-6fa7-f73a-7006-ec6e15f65c7c.png)

### 良いところ
- AWSと同じく、各項目ごとに整理されているため分かりやすい
- リソース単位で履歴が表示されるため、過去に触ったリソースへすぐにアクセスできる
- 新機能の紹介、チュートリアル情報についても項目ごとにまとめられていたため見やすい
- ユーザが自由にダッシュボードを編集できるため、見やすい形式で表示できる
- 個人的にヒストグラム的なアイコンでサービスを表示しているので、ユニバーサルデザイン的にイケている印象を持った
- 検索ボックスが画面上部に配置されていたため、見つけやすい印象を持った

### 改善したほうがいいところ
- ダークモードが実装されていないため、ユニバーサルデザイン的にイケていない印象を持った
- 右上メニューからリージョン選択をする必要があるため、AWSと同じく手間を感じた
- リリースノートとOCIブログが一つの項目でまとめられており、分かりづらい印象を持った
- 個人的にカタカナ語（直訳表現）が多かったので、初見で分かりづらい印象を持った

## まとめ

ざっと、各クラウドサービスのトップ画面（ダッシュボード）を比較してみて、個人的に**良かったところ**と**改善したほうがいいところ**を整理してみました。

利用者によって、感じ方は様々あるかと思いますが、個人的に**ユニバーサルデザインに配慮したUI設計**（文字フォントは角ばっていないもの、原色は利用しない、ダークモード対応など）を進めていくのかなぁと思いました。

最後まで記事を読んでいただきありがとうございました！