2022年度 共同研究

BtoB企業のユーザビリティ評価の研究(2022)
研究成果報告書

ガイドライン（公開承認版）
230523

東京エレクトロン株式会社
TEL デジタル デザイン スクエア

札幌市立大学
デザイン学部

研究での調査分析結果によると . . .

p o int

ユーザーの認知の観点からのUIデザイン３原則【A】操作対象（モジュール）の理解度に配慮する

熟練者の「モジュールの選択ミスリスク」
初心者の「モジュール間の関係把握欲求」が確認され空間認知的なモジュール選択に一定の効果があるとの知見が得られました。

ユーザーが操作をする操作対象の理解度は、スムーズな操作に直結します。UIができるのは、操作対象の理解度を高めることです。具
体的には、装置そのもの（装置の役割・配置・センサーの能力、等）の理解を助ける配慮が必要です。

「選択」を「空間認知」させる
配慮例

直感的・視覚的に装置を理解できるような配慮例

読むUIから見るUIへp o int

ユーザーの認知の観点からのUIデザイン３原則

研究での調査分析結果によると . . .
実験結果の操作ログ解析によって、【B】安全確認に特化した操作フローを意識する

熟練者は「ダイレクト I/O」利用前に徹底した確認操作を行いますが、初心者にはそれが見られませんでした。

熟練ユーザーの操作フローを誘導する
UIメニュー例
【1】

【2】

【3】
特にTELの装置群では、「安全」が最も優先されま す 。操 作 を 行 う 際 に【4】は、関連する各種状態を確認することが安全につながるため、特に熟練度の低いユーザーに対して安全確認を誘導する操作フローを提供する配慮が必要です。

【5】【1】状態確認（ダイレクトI/Oを使う上での安心感の提供）【2】状態確認のための検索（対象物の把握）【3】操作対象の選択（検索）【4】操作の実行【5】結果の確認

無意識に熟練者的操作が行われるUIへ

p o int

ユーザーの認知の観点からのUIデザイン３原則

実験時のインタビュー調査により、【C】製造装置ならではの検索機能に対するニーズに配慮する「絞り込みたい」
モジュール
選択してください検索DI

AO
リセット

名前大文字小文字を区別する「,（カンマ）」で&検索

inport

読込み

特に熟練者の「検索」の捉え方に多様性があることが明らかになりました。

「把握したい」

DI

件 DO

件

AI件 AO

件

Water leak warning / ( 1 = Normal, 0 = Alarm)
Safety alarm A / ( 1 = Normal, 0 = Alarm)
Safety alarm B / ( 1 = Normal, 0 = Alarm)
Safety alarm C / ( 1 = Normal, 0 = Alarm)
Safety alarm D / ( 1 = Normal, 0 = Alarm)
Board 24 voltage drop / ( 1 = Normal, 0 = Alarm)「比較したい」詳細

詳細

export

リセット

アドレス

研究での調査分析結果によると . . .

保存
前検索

ユーザーの熟練度が上がるにつれ、検索機能を多様な観点で扱うことになります。TELの製造装置においては特に、検索機能は「探す」ではなく、「絞り込みたい」、「把握したい」、「比較した次検索い」、「誤選択を防止したい」といった多様な観点で利用されるものであるとの配慮が必要です。

「誤選択を防止したい」

多様なニーズに答えられる検索窓へ具体的な改善につながるUIデザイン２指針【D】グラフィック・情報デザイン的改善

以下の３点は簡単にできて改善効果の高い要素です。
・DI,DOの認識をしやすくする

・DAはラジオボタンに、IOはチェックボックスにする

・検索結果のハイライト表示のコントラストを上げる

また、ユーザーの要求レベルを想定した階層構造設計（情報量調整）を行い整理することが、わかりやすさを高めます。

認識がしやすいAI,AO表示例
選択
デジタル・アナログ

poin t研究での調査分析結果によると ...
実験時の被験者の操作観察より、検索結果のハイライトがされているにもかかわらず気づかれない事例、ボタンの見た目に対する違和感が、常態化していたことが明らかになりました。

アナログ

検索結果のハイライト表示改善例（「アドレス」「Bit」の表示階層の検討例）

D

デジタルモジュールA

インプット・アウトプット
Input

IDI件

DO件

Water leak warning / ( 1 = Normal, 0 = Alarm)
Safety alarm A / ( 1 = Normal, 0 = Alarm)
Safety alarm B / ( 1 = Normal, 0 = Alarm)
Safety alarm C / ( 1 = Normal, 0 = Alarm)
Safety alarm D / ( 1 = Normal, 0 = Alarm)
Board 24 voltage drop / ( 1 = Normal, 0 = Alarm)

OutputO

ラジオボタン的機能とチェックボックス機能を視覚的に見せる例

見た目で機能が理解できるUIへ

【E】熟練度の観点からの改善

研究での調査分析結果によると . . .

p o int

具体的な改善につながるUIデザイン２指針

実験のインタビューから、特に初心者の各 IO に対するリスクの理解不足に伴う操作時のリスクが確認されました。

各DO,AOの内容に関する解説（ヘルプ）表示例

階層ごとの役割

５段階リスクレベル表示例

熟練度の低いユーザーは、各操作に対する危険度の認識が低いことに起因するトラブルが想定され、各種操作に対する危険度の可視化・操作対象の理解を促すヘルプに効果が期待できます。
また、熟練度の高いユーザーは、繰り返し作業や慣れに起因するトラブルが想定され、定期的な安全確認を誘発する警告表示に効果が期待できます。

学べる・感じられるUIへ■ 2022年度の共同研究から得られた５つの知見
ユーザーの認知の観点からのUIデザイン３原則【A】操作対象（モジュール）の理解度に配慮する

ユーザーが操作をする操作対象の理解度は、スムーズ具体的な改善につながるUIデザイン２指針【D】グラフィック・情報デザイン的改善

以下の３点は簡単にできて改善効果の高い要素です。
・DI,DOの認識をしやすくするな操作に直結します。UIができるのは、操作対象の理解

・DAはラジオボタンに、IOはチェックボックスにする度を高めることです。具体的には、装置そのもの（装置・検索結果のハイライト表示のコントラストを上げるの役割・配置・センサーの能力、等）の理解を助ける配慮

また、ユーザーの要求レベルを想定した階層構造設計が必要です。

【B】安全確認に特化した操作フローを意識する

特にTELの装置群では、「安全」が最も優先されます。操作を行う際には、関連する各種状態を確認することが安全につながるため、特に熟練度の低いユーザーに対（情報量調整）を行い整理することが、わかりやすさを高めます。

【E】熟練度の観点からの改善して安全確認を誘導する操作フローを提供する配慮が必要です。

【C】製造装置ならではの検索機能に対するニーズに配慮する
ユーザーの熟練度が上がるにつれ、検索機能を多様な観点で扱うことになります。TELの製造装置においては特に、検索機能は「探す」ではなく、「絞り込みたい」、「把握したい」、「比較したい」、「誤選択を防止したい」といった多様な観点で利用されるものであるとの配慮が必要です。

熟練度の低いユーザーは、各操作に対する危険度の認識が低いことに起因するトラブルが想定され、各種操作に対する危険度の可視化・操作対象の理解を促すヘルプに効果が期待できます。

また、熟練度の高いユーザーは、繰り返し作業や慣れに起因するトラブルが想定され、定期的な安全確認を誘発する警告表示に効果が期待できます。

札幌市立大学
デザイン学部

安齋 利典 研究室
柿山 浩一郎 研究室