IoTにおけるウェアラブルなどの極 小 画 面 デバイスに 最 適なフォントの 提 案 および九 州 大 学との 共 同 研 究 報 告フォントワークスは、第一弾の〔UDフォントの評価に関する研究〕に引き続き、第二弾の研究として、IoTデバイス、中でもスマートウォッチやスマートスピーカー、その他家電などの極小画面デバイス上での表示に最適なフォントの共同研究を九州大学と実施した。

Fontworks Embed Typesに極小画面向けフォント

本フォントは、九州大学との共同研究により※次ページ以降本文中に記載の「UD角ゴ_スモール-M改」は、実験時の呼称です。

れていると実証。

「 Type-D UD角ゴ_スモール-M 」誕生。

極小画面デバイスにおいて、〈 可読性〉に優2019年1月
フォントワークス株式会社
九州大学 芸術工学研究院

実 験 に ついて

1/ 8

フォントワークスは、九州大学と［デバイス表示の特性に基づいたUDフォントのデザイン性に関する研究］を共同研究として実施。共同研究内で、IoTにおけるウェアラブルなどの極小画面デバイスに最適なフォントの実験を、九州大学
芸術工学研究院のコンテンツ・クリエーティブデザイン部門およびデザイン人間科学部門の下記教員との共同研究の一環として行った。

実験概要
研究員

価に関する研究〕の結果を踏まえ、すでに可読性の高さが実証されている、フォントワークスのユニバーサルデザイン（UD）フォント（備考：※1）の角ゴシック体にし、中でも、より字面の大きいラージタイプを選択。UD角ゴ_

コンテンツクリエーティブデザイン部門

ラージを起点フォントとして選出。

⃝伊原 久裕 教授

また、他社製UDフォントも比較対象として選択。

⃝藤 紀里子 助教（予備実験の詳細は2ページ）⃝楊 寧 学術研究員
デザイン人間科学部門⃝須長 正治 准教授

今 回 の 実 験 で 比 較 対 象とした

フォントワークスフォント

研究名
デバイス表示の特性に基づいたUDフォントの⃝UD角ゴ_ラージ-R

デザイン性に関する研究⃝UD角ゴ_スモール-RM

研究概要⃝筑紫ゴシック-D

フォントの主観評価実験およびフォント形態属性の計測を⃝ニューセザンヌ-M行い、得られたデータの解析・比較を行うことで、心理⃝筑紫A丸ゴシック-MD的側面と物理的側面の両面から総合的な分析を行うこと
実験の流れ
今回の実験では、3回の予備実験にて、本実験の実験用⃝UD丸ゴ_スモール-MD⃝UD角ゴ_SS-RM⃝UD角ゴ_スモール-M

フォントを選出。
起点となるフォントの選出方法については、フォントワー
クスが以前九州大学と行った共同研究〔UDフォントの評

UD角ゴ_スモール-RとUD角ゴ_スモール-Mの中間の太さのフォント

筑紫A丸ゴシック-Mと筑紫A丸ゴシック-Dの中間の太さ

UD丸ゴ_スモール-MとUD丸ゴ_スモール-Dの中間の太さ

UD角ゴ_スモール-RMを94‒96％縮小したフォント※下線のフォントは今回の実験を行うにあたり、予備実験時の結果を踏まえ既存のフォントを改良。

予備実験

2/8

予備実験については、前回の九州大学とのUDフォントにおける研究で可読性に優れていると結果が出た「UD角ゴ_ラージ」を起点に、本実験のフォントの選定を行うために実施。以下のフォントの組み合わせで3つの予備実験を行った。

実験環境

実験画面

実験装置

コンピュータ制御のiPad mini 4

観察距離30cm（目と平行）

観察条件

暗室

背景色および文字色黒（＜0.35cd/㎡）／白（＜185cd/㎡）

見出し

文字種混合の2行の短文、プログラム上の設定上は16ptのサイズ

本文（大）文字種混合の7行の連続文、プログラム上の設定上は14ptのサイズ

本文（小）文字種混合の7行の連続文、プログラム上の設定上は11ptのサイズ

夏に人気の観光スポット100選

夏に人気の観光スポット100選

7行連続文（14pt）：本文（大）

実験方法
提示方法

一対の文字列提示

評価方法

一対比較法（二つのサンプルを比較し勝敗を決定）

被験者の課題

2行短文（16pt）：見出し提示された文字列対に対して、どちらが「読みやすいか」を回答

Bauhausは1919年ドBauhausは1919年ド

イツ国・ヴァイマルにイツ国・ヴァイマルに設立された、工芸・写設立された、工芸・写真・デザインなどを含真・デザインなどを含む総合芸術学校です。

む総合芸術学校です。

その後1925年にデッ

その後1925年にデッサウに移転しました。

サウに移転しました。

1

フォントワークス社製UDフォント＋ 他社UDフォント（可読性実験の成績の良いフォント）

1. UD角ゴ_ラージ-R

3. 他社UDフォントⒷ（可読性2位）

2. 他社UDフォントⒶ(可読性1位)

4. 他社UDフォントⒺ（可読性1位）

7行連続文（11pt）：本文（小）

Bauhausは1919年ドイツ

Bauhausは1919年ドイ

国・ヴァイマルに設立されツ国・ヴァイマルに設立さた、工芸・写真・デザインれた、工芸・写真・デザイなどを含む総合芸術学校でンなどを含む総合芸術学校す。その後1925年にデッです。その後1925年にサウに移転しました。初代

デッサウに移転しました。

極小画面に、よりたくさんの文字を表示できるよう、コンデンス（長体）書体を含め、再度実験。

2

フォントワークス社製UDフォント＋ 他社UDフォント（可読性実験の成績の良いフォント）

学長はヴァルター・グロピ

初代学長はヴァルター・グ※画像は実際の実験で使用されたものではなく、イメージです。

＋ コンデンスフォント（フォントワークス社と他社）
1. UD角ゴ_ラージ-R3. 他社UDフォントⒷ（可読性2位）

2. 他社UDフォントⒶ(可読性1位)

4. UD角ゴ_コンデンス80-R／
他社UDフォントⒶコンデンス90

実験結果
3回の予備実験の結果、極小画面デバイスへの文字表示の条件に対して、被験者は、字面の大きさやコンデンス（長体）書体は良い結果が出なかったため、候補から除外した。
また、被験者が、可読性を評価する際に、字面の大きさや濃度（黒み）などの、形態属性から影響を受けることがわかっており、より小さな字面の方が、濃度（黒み）が増し評価が高くなるのではないかと推測し、当初は、字面の大きなラージタイプでの実験だったが「UD角ゴ_スモール」や「筑紫ゴシック」などの字面の小さなフォントを追加して再度実験。

3濃度（黒み）など、いくつかの形態属性（備考：※2）から評価を行う傾向が見られた。よって起点となる「UD角ゴ_ラージ」よりも字面が小さく、濃度（黒み）が強い「UD角ゴ_スモール」を投入。
被験者のインタビューでは、コンデンスフォントに対して、長体率90％のフォントが長体率80％のフォントより読みやすいと評価されている。また、フォントワークス社製UDフォント＋ フォントワークス社製他フォント（丸ゴシック体も含めて）

1. UD角ゴ_ラージ-R

4. ニューセザンヌ-M

2. UD角ゴ_スモール-RM※1

5. 筑紫A丸ゴシック-MD※2

3. 筑紫ゴシック-D

6. UD丸ゴ_スモール-MD※3※1：UD角ゴ_スモール-RとUD角ゴ_スモール-Mの中間の太さのフォント※2：筑紫A丸ゴシック-Mと筑紫A丸ゴシック-Dの中間の太さのフォント※3：UD角ゴ_スモール-MとUD角ゴ_スモール-Dの中間の太さのフォント

丸ゴシック体については、文字の表示サイズが小さいので、角ゴシック体と明確に区別することはできないとのことだった。
以上の結果を踏まえ、実験フォントを角ゴシック体に限定して、フォントワークス社製UDフォントと他社UDフォントから、実験フォントを選定した。

本 実 験 1- A

3/8

可 読 性 実 験［ 概 要 ］
実験内容と評価方法について

実験内容
各設定ごとに、被験者は2つの書体のサンプルを比較し

実 験フォント（ 7 書 体 ）・筑紫ゴシック-D

・他社UDフォントⒶ・UD角ゴ_スモール-RM（P1参照）

・他社UDフォントⒷ

・UD角ゴ_SS-RM（P1参照）

・他社UDフォントⒸ
・他社フォントⒹ「読みやすい」かを判断する。サンプルを総当たりさせて、書体の各設定における相対的な評価を行う。また同時に、被験者を20名ずつ2グループに分けることで背景色による影響についての実験を行った。具体的には、片方のグルー
プには黒背景から白背景の順番にサンプルを提示して、も12行短文（21pt）：見出し

う片方のグループには白背景から黒背景の順番にサンプルを提示した。

夏に人気の観光スポット100選

夏に人気の観光スポット100選

実験環境
実験装置

コンピュータ制御のiPad mini 4

観察距離30cm（目と平行）

観察条件

暗室

被験者

若年者（40名）

背景色および文字色
見出し

黒（<0.35 cd/㎡）
白（<185 cd/㎡）

文字種混合の7行の連続文、プログラム上の設定上は18ptのサイズ

本文（小）文字種混合の8行の連続文、プログラム上の設定上は16ptのサイズ

実験方法

7行連続文（18pt）：本文（大）
Bauhausは1919年ドイツ国・ヴァイマルに設立された、工芸・写文字種混合の2行の短文、プログラム上の設定上は21ptのサイズ

本文（大）真・デザインなどを含む総合芸術学校です。
その後1925年にデッサウに移転しました。

3ツ国・ヴァイマルに設立

一対の文字列提示

評価方法

一対比較法
（二つのサンプルを比較し勝敗を決定）提示された文字列対に対して、どちらが「読みやすいか」を回答

Bauhausは1919年ドイツ国・ヴァイマルに設立された、工芸・写真・デザインなどを含む総合芸術学校です。
その後1925年にデッサウに移転しました。

8行連続文（16pt）：本文（小）
Bauhausは1919年ドイ

提示方法

被験者の課題2

された、工芸・写真・デザインなどを含む総合芸術学校です。その後1925年にデッサウに移転しました。初代学長はヴァルター・グロピウス

Bauhausは1919年ドイツ国・ヴァイマルに設立された、工芸・写真・デザインなどを含む総合芸術学校です。その後1925年にデッサウに移転しました。初代学長はヴァルター・グロピウス※画像は実際の実験で使用されたものではなく、イメージです。

本 実 験 1- A

4/8

可 読 性 実 験［ 結 果 ］

1

2行短文：見出し黒背景

2

7行連続文：本文（大）黒背景

38行連続文：本文（小）黒背景

順位フォント

順位フォント

順位フォント1

他社UDフォントⒶ

1

他社UDフォントⒶ

1

他社UDフォントⒶ

2

他社UDフォントⒸ

2

UD角ゴ_SS-RM

2

他社UDフォントⒸ

3

UD角ゴ_スモール-RM

3

他社UDフォントⒸ

3

UD角ゴ_スモール-RM

4

他社UDフォントⒷ

4

UD角ゴ_スモール-RM

4

他社UDフォントⒷ

5

UD角ゴ_SS-RM

5

他社フォントⒹ

5

UD角ゴ_SS-RM6他社フォントⒹ

6他社UDフォントⒷ

6

他社フォントⒹ7筑紫ゴシック-D

7筑紫ゴシック-D

7筑紫ゴシック-D

白背景

白背景

白背景

順位フォント

順位フォント

順位フォント1

他社UDフォントⒶ

1

他社UDフォントⒶ

1

他社UDフォントⒶ

2

他社UDフォントⒸ

2

他社UDフォントⒸ

2

他社UDフォントⒸ

3筑紫ゴシック-D

3

UD角ゴ_スモール-RM

3

UD角ゴ_スモール-RM

4

UD角ゴ_スモール-RM

4

UD角ゴ_SS-RM

4

他社UDフォントⒷ

5

UD角ゴ_SS-RM

5

他社UDフォントⒷ

5

UD角ゴ_SS-RM

6

他社フォントⒹ

6

他社フォントⒹ

6

他社フォントⒹ

7

他社UDフォントⒷ

7筑紫ゴシック-D7

筑紫ゴシック-D※ 背 景 色 に つ いて：黒背景と白背景の提示する順番において、有意な相関性が認められた。ただし、黒背景と白背景の背景色の違いにおいては、有意な相関性が認められなかった。

※ 書 体 の 有 意 差 ：1位の書体との間の有意差の有無により、書体を2つのグループ（グレーの背景は有意差があるグループ）に分けたものが上記の表。
書体の先頭に付いている数字が順位を表す。

フォント毎の勝率を計算し、これを基に有意差検定（※）を行った。下表に結果を示す。
1位と有意差のなかった当社フォント
見出し／黒背景UD角ゴ_スモール-RM

見出し／白背景

筑紫ゴシック-D、UD角ゴ_スモール-RM

本文（大）／黒背景

筑紫ゴシック-D、UD角ゴ_スモール-RM、UD角ゴ_SS-RM

本文（大）／白背景

UD角ゴ_スモール-RM、UD角ゴ_SS-RM

本文（小）／黒背景

UD角ゴ_スモール-RM、UD角ゴ_SS-RM

本文（小）／黒背景

UD角ゴ_スモール-RM、UD角ゴ_SS-RM

実験結果
UD角ゴ_スモール-RMは全ての場合において、1位と有意差が無いことが判明した。
しかし研究では、フォント形態属性の計測から得られたデータの解析・比較を行った結果から、字面面積（備考：※2）と濃度（黒み）が実験結果に影響を与えることが判明した。このことから、極小画面デバイスにさらに最適なフォントがあるのではないかという推測を行い、新たな実験を行うこととした。
加えて、上位のフォントなどと比べて、欧文の文字幅が詰まっている印象があったため、欧文の文字幅を変更する調整を実施した。

※ 平 均 値 を 基 に、 統 計 ソ
フトRを用いて、ホルム（Holm）法の調整済みp値（adjusted p-value）によるウィルコクソンの順 位 和 検 定（Wilcoxonrank sum test） お よ び多重比較を行った。

本 実 験 1- B

5/8

判別性実験
実験内容と評価方法について

実験内容
各設定ごとに、被験者は類似した文字対が提示される。その後に4つの文字対が表示されるので、その中から最初に提示された文字対を選択する。これにより書体の各設定における評価を行う。

文字対
カタカナ、ひらがな、英数字の3文字種に合計20対を用意。

カタカナ

ス－ヌ、
チ－テ、
ソ－ン、
マ－ア、コ－ユ、シ－ツ、
ワ－ウ

ひらがな

う－ら、れ－わ、
さ－き、
ぼ－ほ、
め－ぬ、
ぽ－ほ

英数字

3－8、1－l（小文字L）、6－８、
g－q、5－S、O－Q、c－o

また同時に、被験者を20名ずつ2グループに分けることで背景色による影響についての実験を行う。

実験方法
最初に、混同しやすいと思われる1対の文字
提示方法が 固 視 点に左 右に提 示される（ 提 示 時 間：16.7msec 〜 2.13sec）。次に、マスクがかけられ（提示時間：200msec）。最後に4対の文字の選択肢が提示される。

評価方法

被験者の課題マスク
4対の文字の組み合わせ

四者選択法
類似した文字対が様々な提示時間で提示される。その4対の文字の組み合わせから同じ文字の対を強制選択する。

実験環境
実験装置

コンピュータ制御のiPad mini 4

観察距離30cm（目と平行）

観察条件

暗室

被験者

若年者（40名）

背景色および文字色混同しやすいと思われる文字対

黒（<0.35 cd/㎡）
白（<185 cd/㎡）

実 験フォント（6書体）・筑紫ゴシック-D

・他社UDフォントⒷ

・UD角ゴ_スモール-RM（P1参照）

・他社UDフォントⒸ

・他社UDフォントⒶ

・他社フォントⒹ

実験結果
実験で使用したフォントに関して、問題となるような判別性の悪さを確認することはできなかった。

本実験2

6/8

可 読 性 実 験［ 概 要 ］
本実験1より、「UD角ゴ_スモール-RM」が良い結果を得

また、本実験1などで上位となったフォントと比較した際られたものの、被験者が〈可読性〉を評価する際に字面に、UD角ゴ_スモールは、英数字の文字幅が詰まっていが小さく、黒みが強い方を選択される傾向にあることかる印象があったため、英数字の文字幅を拡張する調整を行ら、黒みの強さ＝ウエイトを太くした、「UD角ゴ_スモーなった。そのフォントを、「UD角ゴ_スモール-M改」としル-M」だと、さらに「読みやすさが向上する」のではなて、本実験2の実験フォントに加え実験を実施。

いかと推測。

実験内容と評価方法について

実験方法

実験内容
各設定ごとに、被験者は2つの書体のサンプルを比較し提示方法

一対の文字列提示

評価方法

一対比較法

被験者の課題提示された文字列対に対して、どちらが「読みやすいか」を回答「読みやすい」かを判断する。サンプルを総当たりさせて、書体の各設定における相対的な評価を行う。また同時に、被験者を20名ずつ2グループに分けることで背景色による影響についての実験を行った。具体的には、片方のグルー
プには黒背景から白背景の順番にサンプルを提示して、も実 験フォント（7書体）・筑紫ゴシック-D

う片方のグループには白背景から黒背景の順番にサンプル

・UD角ゴ_スモール-RM改を提示した。

・UD角ゴ_スモール-M改・UD角ゴ_ミディアム-M改

実験環境

・他社UDフォントⒶ

実験装置

コンピュータ制御のiPad mini 4

観察距離30cm（目と平行）

観察条件

暗室

被験者

若年者（40名）

背景色および文字色

・他社UDフォントⒷ
・他社UDフォントⒸ
・他社フォントⒹ

UD角ゴ_スモール-RとUD角ゴ_スモール-Mの中間の太さのフォント
欧文の文字幅を調整

欧文の文字幅を調整した
UD角ゴ_スモール-M

UD角ゴ_スモール-MとUD角ゴ_ラージ-Mの間の字面面積を持ったフォント
欧文の文字幅を調整

黒（<0.35 cd/㎡）
白（<185 cd/㎡）

見出し

文字種混合の2行の短文、プログラム上の設定上は21pt のサイズ

本文（大）文字種混合の7行の連続文、プログラム上の設定上は18ptのサイズ

本文（小）文字種混合の8行の連続文、プログラム上の設定上は16ptのサイズ

1

2行短文（21pt）：見出し

夏に人気の観光スポット100選

夏に人気の観光スポット100選※残りは本実験1の可読性実験で使用した画像と同じ。

本実験2

7/ 8

可 読 性 実 験［ 結 果 ］
1

2行短文：見出し黒背景

2

7行連続文：本文（大）黒背景

38行連続文：本文（小）黒背景

順位フォント

順位フォント

順位フォント1

UD角ゴ_ミディアム-M改

1

UD角ゴ_スモール-M改

1

UD角ゴ_スモール-M改

2

他社UDフォントⒶ

2

UD角ゴ_ミディアム-M改

2UD角ゴ_ミディアム-M改

3UD角ゴ_スモール-RM改

3UD角ゴ_スモール-RM改

3

他社UDフォントⒸ

4

UD角ゴ_スモール-M改

4

他社UDフォントⒸ

4

他社UDフォントⒶ

5

他社UDフォントⒸ

5

他社UDフォントⒷ

5

他社UDフォントⒷ

6

他社UDフォントⒷ

6

他社UDフォントⒶ

6

UD角ゴ_スモール-RM改

7

筑紫ゴシック-D7

筑紫ゴシック-D7

筑紫ゴシック-D

白背景

白背景

白背景

順位

フォント

順位フォント

順位

フォント

1

UD角ゴ_ミディアム-M改

1

UD角ゴ_スモール-M改

1

UD角ゴ_スモール-M改

2UD角ゴ_スモール-M改

2UD角ゴ_ミディアム-M改

2UD角ゴ_ミディアム-M改

3他社UDフォントⒶ

3他社UDフォントⒶ

3

他社UDフォントⒸ

4

他社UDフォントⒸ

4

他社UDフォントⒸ

4

他社UDフォントⒶ

5

UD角ゴ_スモール-RM改

5UD角ゴ_スモール-RM改

5UD角ゴ_スモール-RM改

6筑紫ゴシック-D6

筑紫ゴシック-D

6

他社UDフォントⒷ

7

他社UDフォントⒷ

7

他社UDフォントⒷ

7

筑紫ゴシック-D※ 背 景 色 に つ いて：黒背景と白背景の提示する順番における結果の違いはな

いと結論づけた。ただし、黒背景と白背景を別の結果として扱うことにした。

※ 書 体 の 有 意 差 ：1位の書体との間の有意差の有無により、書体を2つのグループに分けたものが上記の表。書体の先頭に付いている数字が順位を表す。

フォント毎の勝率を計算し、これを基に有意差検定を行った。下表に結果を示す。
1位と有意差のなかった当社フォント
見出し／黒背景ＵＤ角ゴ_ミディアム-Ｍ改（１位）、残り全フォント

見出し／白背景ＵＤ角ゴ_ミディアム-Ｍ改（１位）、
ＵＤ角ゴ_スモール-Ｍ改（２位）

本文（大）／黒背景

ＵＤ角ゴ_スモール-Ｍ改（１位）、残り全フォント

本文（大）／白背景

ＵＤ角ゴ_スモール-Ｍ改（１位）、残り全フォント

本文（小）／黒背景

ＵＤ角ゴ_スモール-Ｍ改（１位）、筑紫ゴシック-Ｄ以外

本文（小）／白背景

ＵＤ角ゴ_スモール-Ｍ改（１位）、筑紫ゴシック-Ｄ以外

実験結果
UD角ゴ_スモール-M改、UD角ゴ_ミディアム-M改は全ての場合において、1位と有意差が無いことが実証された。しかしながら、ほぼ1位を独占しているUD角ゴ_ス
モール-M改が、より可読性の高いフォントといえる。

備考

8/8

※1 フォントワークスUDフォントとはUDフォントとは、［可読性］［視認性］［判別性］に優れ、年齢・性別に関係なく、誰もが読みやすく、見やすいデザインが施された書体として各メーカーからリリースされている。
通常、書体におけるタイプフェース（デザイン）は、多くの人が《その文字を正しく認識できること》を条件とし制作されており、当社を含めほとんどのメーカーの大多数の書体は、その条件にさ
まざまなデザイン的特長を加え制作されている。つまり市場で販売されている一般的な書体にも、ある程度のUDの要素が備えられているとも言える。
そこでフォントワークスは、自社ブランドのUDフォントを開発するにあたって、次のコンセプトで制作した。
まず、フォントワークスUDフォントは、可読性・視認性・判別性が“より高い”ものであること、そしてそれぞれに性質を特化して高めた書体であることと定義した。
そのため、当社フォントの中からユーザー使用頻度が高く、特にUDの性質を備えていると考えられる書体を、角ゴシック体・丸ゴシック体・明朝体の中からそれぞれ選択し、その書体に対して本来の美感性を損なうことなく、UDの性質を特化して高めるようにデザインを施した。

※2 実験結果と形態属性の解析・比較
1. 形態属性の計測
研究では、フォント毎に形態属性を計測する。例として、以下の二つをあげる。
濃度（黒み）
文字の黒い部分の面積。
例えば、マイナス記号（－）は長方形なので、高さ×幅で計算される。
研究では、かな、漢字、英数字の平均値を使用する。

字面面積
文字の最小外接矩形の面積。
研究では、かな、漢字、英数字の平均値を使用する。

2. 実験結果との比較実験で得られた順位と形態属性の値を照らし合わせる。互いが同じように並ぶ時に、形態属性が実験結果に影響を与えている可能性があると考える。下図は本文（大）白背景の相関図。可読性の高い順に左からフォントを並べ、その濃度を折れ線グラフで示している。折れ線グラフは右肩下がりの傾向を示しているため、濃度が高いフォントの方が、可読性が高くなるのではないかという推測を行う。
3.000

3.000

2.400

2.400

1.800

1.800

可読性
濃度（平均）

1.200

1.200

0.600

0.600

左から順に0.000

0.000

・他社UDフォントⒶ

0.600

0.600

1.200

1.200

1.800

1.800

2.400

2.400

・他社フォントⒹ

3.000

3.000

・筑紫ゴシック-D

・他社UDフォントⒸ・UD角ゴ̲スモール-RM
・UD角ゴ̲SS-RM
・他社UDフォントⒷ