カテゴリー
情報表示系
H-1

オブジェクトは自身の状態を体現する

画面上のすべてのオブジェクトは、自身の状態を視覚的かつリアルタイムに体現し続けなければいけない。

01
✕ Bad

タスクの進捗状態が表示されていない

タスクリストを確認してください

デザイン作成
コーディング
テスト
デプロイ

進捗を確認するには各タスクをクリック

タスクの進捗状態が見えない

✓ Good

タスクの進捗が視覚的に表示される

タスクリストを確認してください

✓デザイン作成完了
●コーディング進行中
○テスト未着手
○デプロイ未着手
進捗: 1/4 完了（1件進行中）

タスクの進捗が視覚的に表示される

02
✕ Bad

既読と未読のメールが同じ表示

メール一覧を確認してください

田中太郎週次レポートについて14:32
佐藤花子会議の日程変更13:15
鈴木一郎資料の確認依頼11:45

既読と未読が同じ表示で区別できない

✓ Good

太字やマークで未読を明確に表示

メール一覧を確認してください

田中太郎週次レポートについて14:32
佐藤花子会議の日程変更13:15
鈴木一郎資料の確認依頼11:45
2件の未読メール

太字とマークで未読を明確に表示

03
✕ Bad

商品の在庫があるかわからない

商品一覧を確認してください

ノートPC A98,000円
モニター B34,800円
キーボード C12,500円

在庫があるかわからない

✓ Good

「在庫あり」「残り3点」など状態を表示

商品一覧を確認してください

ノートPC A98,000円
在庫あり
モニター B34,800円
残り3点
キーボード C12,500円
在庫切れ

「在庫あり」「残り3点」など状態を表示

H-1オブジェクトは自身の状態を体現する
H-1

オブジェクトは自身の状態を体現する

画面上のすべてのオブジェクトは、自身の状態を視覚的かつリアルタイムに体現し続けなければいけない。

01
✕ Bad

タスクの進捗状態が表示されていない

タスクリストを確認してください

デザイン作成
コーディング
テスト
デプロイ

進捗を確認するには各タスクをクリック

タスクの進捗状態が見えない

✓ Good

タスクの進捗が視覚的に表示される

タスクリストを確認してください

✓デザイン作成完了
●コーディング進行中
○テスト未着手
○デプロイ未着手
進捗: 1/4 完了（1件進行中）

タスクの進捗が視覚的に表示される

02
✕ Bad

既読と未読のメールが同じ表示

メール一覧を確認してください

田中太郎週次レポートについて14:32
佐藤花子会議の日程変更13:15
鈴木一郎資料の確認依頼11:45

既読と未読が同じ表示で区別できない

✓ Good

太字やマークで未読を明確に表示

メール一覧を確認してください

田中太郎週次レポートについて14:32
佐藤花子会議の日程変更13:15
鈴木一郎資料の確認依頼11:45
2件の未読メール

太字とマークで未読を明確に表示

03
✕ Bad

商品の在庫があるかわからない

商品一覧を確認してください

ノートPC A98,000円
モニター B34,800円
キーボード C12,500円

在庫があるかわからない

✓ Good

「在庫あり」「残り3点」など状態を表示

商品一覧を確認してください

ノートPC A98,000円
在庫あり
モニター B34,800円
残り3点
キーボード C12,500円
在庫切れ

「在庫あり」「残り3点」など状態を表示