この記事は GMOインターネットグループ Advent Calendar 2025
9日目の記事です。
2025年6月より品質管理グループにJoinした自分が、
初めてUI/UX向上を目的とした活動をし始めて知ったこと。
気をつけていることをまとめました。
目次
1. はじめに:私たちのグループと私の立ち位置 🔰
私は「品質管理グループ」に所属しています。本グループはシステムのバグ発見だけでなく、より「使いやすい」「わかりやすい」体験をユーザーに提供するための活動をミッションとしています。
この記事を書いている私は、今年の6月からこのグループにJoinしました。これまでバグ発見の経験はありますが、本格的なUI/UX向上への取り組みは、私にとって初めての挑戦です。
2. 新しい業務での戸惑いと「テスト」の広がり、私たちのグループ業務の多くは、UI/UXの調査と改善提案に時間を費やしています。
当初、UI/UXの向上は「なんとなく使いにくい」という主観的な意見になりがちで、改善提案に客観的な根拠を示すことが難しいと感じていました。
この課題に直面し、メンバーから「UI/UXの調査をするなら、これを知っておこう」と紹介されたのが、「ニールセンの10原則」でした。
3. 「なんとなく」から「明確な根拠」へ:原則の学び
ニールセンの10原則は、ユーザーがストレスなくシステムを使うための経験則です。私にとって、これは「ユーザビリティ上の課題」を見つけるための「指針」となりました。
しかし、いきなり10個全てに気をつけて活動するのは難しいと思いました。なので、重要度の高い項目を身につける意味も込めて、まず6つの原則を指針にして設定しています。
| 原則(指針の項目) | 概要と調査の視点(私なりの解釈) |
| 1. システムの状態の視認性 | 「今、何が起こっているか」がユーザーにきちんと伝わっているか。 |
| 2. 現実の世界との一致 | 「見慣れた言葉やアイコン」が使われているか。専門用語が使われすぎていないか。 |
| 3. ユーザーのコントロールと自由度 | 「間違っても簡単に戻れるか」。「キャンセル」や「取り消し」はすぐにできるか。 |
| 4. 一貫性と標準 | 「同じ操作はいつも同じ」結果になるか。人によって解釈に差異が出る表現がないか。 |
| 5. エラーの予防 | 「そもそも操作を間違えさせない」ように、親切な設計になっているか。 |
| 9. ユーザーによるエラーの認識、診断、回復のサポート | エラーが出たときに、「何が悪かったか」と「どうすればいいか」がわかりやすいか。 |
残りの4つの原則は以下になります。
| 6. 記憶よりも認識 | 見てすぐ理解できるようになっているか。 |
| 7. 柔軟性と効率性 | 初心者も上級者も、それぞれの方法で効率よく使えるようになっているか。 |
| 8. 美的で最小限のデザイン | 必要な情報だけをシンプルに伝えているか。 |
| 10. ヘルプとドキュメンテーション | 困ったときに、具体的で分かりやすいサポートをすぐに見つけられるようになっているか。 |
4. 私たちの調査活動と原則の活用事例(提案に繋げる)
この原則を学んだことで、私の業務は大きく変わりました。曖昧な感想ではなく、「ニールセンの10原則の〇〇の観点から、改善したほうが良いと思います」と、明確な根拠に基づいた改善提案ができるようになりました。
特に「2.現実の世界との一致」は私の調査活動に強く影響し、「人によって解釈に差異が出る表現を避けられているか」という視点を新たに得ることができました。
活用事例 1:一貫性の確保
- 調査時の気づき:結果画面の「トップページへ戻る」ボタンのクリック領域の大きさがページによって違いがあった。
- 原則の適用:「4. 一貫性と標準」に反しており、ユーザーの直感的な操作を妨げている可能性がある。
- 改善提案:サイト全体でボタンのクリック領域を統一しようと提案しました。
活用事例 2:システムと現実世界の一致
- 調査時の気づき:サイト内で使われている専門用語に対し、具体的な定義や補足説明がなかった。
- 原則の適用:ユーザーが日常では知り得ない言葉が使用されており、補足説明なども無いため、現実世界とサイト内の概念が現実世界と一致していません。これは、「2.システムと現実世界の一致」 に反している。
- 改善提案:該当文言にマウスカーソルを合わせることで吹き出しやポップアップを表示する。文言の説明ページに遷移するリンクを設置する。
5. まとめ:基本の積み重ねが、ユーザーへの価値となる
私自身、この原則を学び始めたばかりですが、「ユーザー体験を客観的に評価する」というテストの新しいスキルを身につけ始めています。
この原則は、私たちが日々行っているUI/UXの調査と改善提案において、最も基本的ながら強力なツールです。
今後も、この基本の指針をしっかりと大事にし、明確な根拠に基づいた品質向上を提案することで、ユーザーの負担を減らす一助となれるよう努めてまいります。 最後までお読みいただきありがとうございました!
ブログの著者欄
採用情報
関連記事
KEYWORD
CATEGORY
-
技術情報(530)
-
イベント(197)
-
カルチャー(54)
-
デザイン(51)
TAG
- "eVTOL"
- "Japan Drone"
- "ロボティクス"
- "空飛ぶクルマ"
- 5G
- Adam byGMO
- AdventCalender
- AGI
- AI
- AI人財
- APT攻撃
- AWX
- BIT VALLEY
- Blade
- blockchain
- Canva
- ChatGPT
- ChatGPT Team
- Claude Team
- cloudflare
- cloudnative
- CloudStack
- CM
- CNDO
- CNDT
- CODEBLUE
- CODEGYM Academy
- ConoHa
- ConoHa、Dify
- CS
- CSS
- CTF
- DC
- design
- Designship
- Desiner
- DeveloperExper
- DeveloperExpert
- DevRel
- DevSecOpsThon
- DiceCTF
- Dify
- DNS
- Docker
- DTF
- Excel
- Expert
- Experts
- Felo
- GitLab
- GMO AIR
- GMO AIロボティクス大会議&表彰式
- GMO DESIGN AWARD
- GMO Developers Day
- GMO Developers Night
- GMO Developers ブログ
- GMO Flatt Security
- GMO GPUクラウド
- GMO Hacking Night
- GMO kitaQ
- GMO SONIC
- GMOアドパートナーズ
- GMOアドマーケティング
- GMOイエラエ
- GMOインターネット
- GMOインターネットグループ
- GMOクラウド]
- GMOグローバルサイン
- GMOサイバーセキュリティbyイエラエ
- GMOサイバーセキュリティ大会議
- GMOサイバーセキュリティ大会議&表彰式
- GMOソリューションパートナー
- GMOデジキッズ
- GMOブランドセキュリティ
- GMOペイメントゲートウェイ
- GMOペパボ
- GMOメディア
- GMOリサーチ
- GMO大会議
- Go
- GPU
- GPUクラウド
- GTB
- Hardning
- Harvester
- HCI
- iOS
- IoT
- ISUCON
- JapanDrone
- Java
- JJUG
- K8s
- Kaigi on Rails
- Kids VALLEY
- KidsVALLEY
- Linux
- LLM
- MCP
- MetaMask
- MySQL
- NFT
- NVIDIA
- NW構成図
- NW設定
- Ollama
- OpenStack
- Perl
- perplexity
- PHP
- PHPcon
- PHPerKaigi
- PHPカンファレンス
- Python
- QUIC
- Rancher
- RPA
- Ruby
- Selenium
- Slack
- Slack活用
- Spectrum Tokyo Meetup
- splunk
- SRE
- sshd
- SSL
- Terraform
- TLS
- TypeScript
- UI/UX
- vibe
- VLAN
- VS Code
- Webアプリケーション
- WEBディレクター
- XSS
- アドベントカレンダー
- イベントレポート
- インターンシップ
- インハウス
- オブジェクト指向
- オンボーディング
- お名前.com
- カルチャー
- クリエイター
- クリエイティブ
- コーディング
- コンテナ
- サイバーセキュリティ
- システム研修
- スクラム
- スペシャリスト
- セキュリティ
- ソフトウェアテスト
- チームビルディング
- デザイン
- ドローン
- ネットのセキュリティもGMO
- ネットワーク
- ビジネス職
- ヒューマノイド
- ヒューマノイドロボット
- プログラミング教育
- ブロックチェーン
- ベイズ統計学
- マルチプレイ
- ミドルウェア
- モバイル
- ゆめみらいワーク
- リモートワーク
- レンタルサーバー
- ロボット
- 京大ミートアップ
- 人材派遣
- 出展レポート
- 動画
- 協賛レポート
- 基礎
- 多拠点開発
- 大学授業
- 宮崎オフィス
- 展示会
- 広告
- 形
- 応用
- 情報伝達
- 技育プロジェクト
- 技術広報
- 技術書典
- 採用
- 採用サイトリニューアル
- 採用活動
- 新卒
- 新卒研修
- 日本科学未来館
- 映像
- 映像クリエイター
- 暗号
- 業務効率化
- 業務時間削減
- 機械学習
- 決済
- 物理暗号
- 生成AI
- 色
- 視覚暗号
- 開発生産性
- 開発生産性向上
- 階層ベイズ
- 高機能暗号
PICKUP