Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

手書きとフォントの融合による視認性向上と書き手の抵抗軽減に関する調査

412 views

Published on

第176回 SIGHCI研究会 発表資料 (佐々木美香子)

Published in: Education
  • Be the first to comment

  • Be the first to like this

手書きとフォントの融合による視認性向上と書き手の抵抗軽減に関する調査

  1. 1. ⼿手書きとフォントの融合による 視認性向上と書き⼿手の抵抗軽減に 関する調査 佐々⽊木 美⾹香⼦子(明治⼤大学 総合数理理学部3年年) ⻫斉藤 絢基 新納 真次郎郎 ⼜又吉 康綱 中村 聡史 鈴鈴⽊木 正明 (明治⼤大学)
  2. 2. ⼿手書きしますか? 年年賀状,  履履歴書,  ノートなどでは ⼿手書きをすることが多い
  3. 3. ⼿手書きに関する調査 かなりある 55% ある 35% 少しある 10% 2014年年 ゼブラ株式会社 「⼿手書きに関する調査」より Q.⼿手書きの良良さを 感じることがあるか? Q.年年賀状などで⼿手書きと 印刷されたものとではどちらがいいか? 2011年年 ⽂文化庁 「平成26年年度度 国語に関する世論論調査」より 印刷 5% ⼿手書き 88% どちらも変 わらない 6%
  4. 4. 印刷 5% ⼿手書き 88% どちらも変 わらない 6% Q.年年賀状などで⼿手書きと 印刷されたものとではどちらがいいか? ⼿手書きに関する調査 かなりある 55% ある 35% 少しある 10% 2014年年 ゼブラ株式会社 「⼿手書きに関する調査」より Q.⼿手書きの良良さを 感じることがあるか? 2011年年 ⽂文化庁 「平成24年年度度 国語に関する世論論調査」より ⼿手書きは、⼿手書きをする⼿手間や あたたかみを感じ取れる!
  5. 5. ⼿手書きに対する抵抗 ⼿手書きのメッセージを書く事に 抵抗を感じる⼈人も (2014年年 ゼブラ株式会社「⼿手書きに関する意識識調査」より) 8割以上の⼈人が⾃自⾝身の⼿手書きに苦⼿手意識識 → 字が汚く、その字を⾒見見せるのは恥ずかしい しかし…
  6. 6. ⼿手書きに対する抵抗 ⼿手書きのメッセージを書く事に 抵抗を感じる⼈人も (2014年年 ゼブラ株式会社「⼿手書きに関する意識識調査」より) 8割以上の⼈人が⾃自⾝身の⼿手書きに苦⼿手意識識 → 字が汚く、その字を⾒見見せるのは恥ずかしい しかし… 本当は⼿手書きをしたいけれど、 苦⼿手意識識からフォントを⽤用いる⼈人は多い
  7. 7. フォントは… ⼿手軽に⽂文字⼊入⼒力力ができ、綺麗麗な⽂文章を書ける 多種多様なフォントが存在する ⽇日常⽣生活で⽬目にする機会が多くなった
  8. 8. フォントは… ⼿手軽に⽂文字⼊入⼒力力ができ、綺麗麗な⽂文章を書ける 多種多様なフォントが存在する ⽇日常⽣生活で⽬目にする機会が多くなった 字形が画⼀一的であるため、 機械的な印象を与えてしまう可能性
  9. 9. ⼿手書きとフォントの融合 「コミック内の発話への読者⼿手書き⽂文字融合による共 感度度向上⼿手法の提案」[⻫斉藤 ʼ’17] フォント ⼿手書き 融合⽂文字 ©河原和⾳音 『俺物語!!』
  10. 10. ⼿手書きとフォントの融合 「コミック内の発話への読者⼿手書き⽂文字融合による共 感度度向上⼿手法の提案」[⻫斉藤 ʼ’17] フォント ⼿手書き 融合⽂文字 読み⼿手は、好意的な 印象を抱くのでは? ©河原和⾳音 『俺物語!!』
  11. 11. ⼿手書きとフォントの融合⽂文字の応⽤用例例 ⼿手紙や年年賀状、プリンターなどで 融合⽂文字を利利⽤用することが出来る可能性
  12. 12. 本研究の⽬目標 ⼿手書きとフォントの融合⽂文字を、 幅広い⽤用途で使うことが出来る⽂文字にする
  13. 13. 本研究の⽬目標 幅広く使える⽂文字にするために、 融合⽂文字の有⽤用性を検証する必要がある ⼿手書きとフォントの融合⽂文字を、 幅広い⽤用途で使うことが出来る⽂文字にする
  14. 14. SIGHCI174の発表では… ⼿手書きとフォントの融合⽂文字に対する 好感度度調査を⾏行行った 融合⽂文字⼿手書き フォント ・フォント、⾃自⾝身の⼿手書き⽂文字よりも⾃自⾝身の融合⽂文字に 好感を抱くのか? ・他者の融合⽂文字よりも⾃自⾝身の融合⽂文字に好感を 抱くのか?
  15. 15. SIGHCI174の発表では… しかし、融合⽂文字に対する好感がどこから きたものかについては明らかになっていない 実験より ・⾃自⾝身の融合⽂文字 VS  他者の融合⽂文字 → 他者と⽐比べると、 ⾃自⾝身の融合⽂文字に好感を抱くとは限らない ・⾃自⾝身の融合⽂文字 VS  フォント VS  ⼿手書き⽂文字 → ⾃自⾝身の融合⽂文字には好感を抱く
  16. 16. 今回の⽬目標 ⼿手書きとフォントの融合⽂文字に対する好感が、 どこからきたものかについて明らかにする
  17. 17. 仮説 「⼿手書き」と「フォント」の融合⽂文字が 両者の特性が⽣生かされた⽂文字になるのではないか? ⼿手書きの特性 ⼿手書きの⼿手間や個性を感じ取れる フォントの特性 視認性・可読性が⾼高い → 書き⼿手の⾃自⾝身の⼿手書きに対する抵抗が軽減!
  18. 18. ⼿手書きとフォントの融合⽂文字に対する 印象評価実験を⾏行行う 仮説を検証するために
  19. 19. これらを考慮して作られた 「ユニバーサルデザインフォント」にフォントを絞り、 実験を⾏行行った ⽂文字の読みやすさは 「視認性」「可読性」「判読性」 の3つの要因からきまる 今回は…
  20. 20. 「コミック内の発話への読者⼿手書き⽂文字融合に よる共感度度向上⼿手法の提案」[⻫斉藤 ʻ‘17]  の⼿手法を ⽤用いる ① ⼿手書き⽂文字の数式化 ② フォントの数式化 ③ ⼿手書き⽂文字とフォントの⽂文字の融合 ⼿手書きとフォントの融合⽂文字⽣生成 融合⽂文字⽣生成の⼿手順
  21. 21. ⼿手書きとフォントの融合⽂文字⽣生成 ① ⼿手書き⽂文字の数式化 ② フォントの数式化 ③ ⼿手書き⽂文字とフォントの融合 ストロークの点の 座標データを取得 スプライン 補間 フーリエ級数展開 により数式化
  22. 22. フーリエ級数展開による数式化の例例 http://satoken.nkmr.io/Char2Fourier X  =  272.08  cos(0t)  +  0  sin(0t) +  16.62  cos(1t)  +  -­‐0.09  sin(1t)   +  29.81  cos(2t)  +  -­‐0.32  sin(2t)   +  -­‐2.91  cos(3t)  +  0.05  sin(3t)   +  -­‐37.67  cos(4t)  +  0.8  sin(4t)   +  … Y  =  229.95  cos(0t)  +  0  sin(0t)   +  48.82  cos(1t)  +  -­‐0.23  sin(1t)   +  4.75  cos(2t)  +  -­‐0.05  sin(2t)   +  44.24  cos(3t)  +  -­‐0.7  sin(3t)   +  16.89  cos(4t)  +  -­‐0.36  sin(4t)   +  …
  23. 23. ⼿手書きとフォントの融合⽂文字⽣生成 ① ⼿手書き⽂文字の数式化 ② フォントの数式化 ③ ⼿手書き⽂文字とフォントの融合 のフォントを なぞる なぞり線をもとに フォントの芯線と 太さを求める ①と同様に フーリエ級数展開 により数式化
  24. 24. ⼿手書きとフォントの融合⽂文字⽣生成 ① ⼿手書き⽂文字の数式化 ② フォントの数式化 ③ ⼿手書き⽂文字とフォントの融合 ①,  ②で得られた数式をもとに加重平均化 融合⽂文字 =  フォント×α + ⼿手書き⽂文字×(1ーα) ⼿手書き フォント a=0   a=0.25   a=1.0  a=0.75  a=0.5
  25. 25. 「メッセージカード」を⽤用いて実験を⾏行行った 印象評価実験 「⼿手紙⽂文の内容評価と差出⼈人のパーソナリティ評価に 及ぼす表⽰示メディアと⽂文書スタイルの効果」[柴⽥田 ʻ‘17] の実験環境を参考 (出典:  https://online.brother.co.jp/ot/dl/Contents/greeting/birthday/birthday_013/ )
  26. 26. 印象評価実験 メッセージカードの書き⼿手側 メッセージカードの読み⼿手側 本実験では に分かれて実験を⾏行行った
  27. 27. 書き⼿手に対する実験 1. どのメッセージカードを親しい友⼈人に 送りたいか? ­− ⼿手書き、フォント、融合⽂文字のうち どれを送りたいか? 2.  ⽂文章にどのような印象を抱くか? ­− ⼿手書き、フォント、融合⽂文字にそれぞれ どんな印象を抱くか?
  28. 28. メッセージカードのデータセット構築 実験協⼒力力者15名に 「ありがとう」 と書いてもらう 融合⽂文字を メッセージカード に合成 ⼿手書きと フォントの 融合⽂文字を⽣生成
  29. 29. メッセージカードのデータセット構築 実験協⼒力力者15名に 「ありがとう」 と書いてもらう ⼿手書きと フォントの 融合⽂文字を⽣生成 融合⽂文字を メッセージカード に合成
  30. 30. ⽣生成した融合⽂文字の例例 明朝体 ゴシック体 ⼿手書き (融合割合 0.0) 融合⽂文字 (融合割合 0.5) フォント (融合割合 1.0) ⼿手書き (融合割合 0.0) 融合⽂文字 (融合割合 0.5) フォント (融合割合 1.0)
  31. 31. メッセージカードのデータセット構築 実験協⼒力力者15名に 「ありがとう」 と書いてもらう ⼿手書きと フォントの 融合⽂文字を⽣生成 融合⽂文字を メッセージカード に合成
  32. 32. 実験で使⽤用したメッセージカードの例例 ⼿手書き (融合割合 0.0) フォント (融合割合 1.0) 融合⽂文字 (融合割合 0.5)
  33. 33. 1.  どのメッセージカードを送りたいか? 実験⼿手順 書き⼿手側の 実験協⼒力力者15名 ランダムに並べた3種類のカード ①提⽰示 ⾃自⾝身の⼿手書き UDフォント 融合⽂文字 試⾏行行回数 → 明朝体とゴシック体の計2回
  34. 34. 1.  どのメッセージカードを送りたいか? 実験⼿手順 書き⼿手側の 実験協⼒力力者15名 ランダムに並べた3種類のカード ①提⽰示 ②1~∼3位まで 順位付け ⾃自⾝身の⼿手書き UDフォント 融合⽂文字 試⾏行行回数 → 明朝体とゴシック体の計2回
  35. 35. 1.  どのメッセージカードを送りたいか? 書き⼿手側の 実験協⼒力力者15名 ①提⽰示 ②1~∼3位まで 順位付け 試⾏行行回数 → 明朝体とゴシック体の計2回 1位 → 3点 2位 → 1点 実験⼿手順 3位 → 0点
  36. 36. 1.  どのメッセージカードを送りたいか? 実験⼿手順 ひらがなの⽂文字画像 試⾏行行毎に、前後のメッセージカードとの⽐比較で 順位に影響がでないように、様々なフォントを使⽤用した ひらがなの画像を3秒間⾒見見つめてもらった
  37. 37. 送りたい度度合いの結果 平均値 0 0.5 1 1.5 2 2.5 3 明朝体 ゴシック体 ⼿手書き 融合⽂文字 フォント
  38. 38. 送りたい度度合いの結果 平均値 0 0.5 1 1.5 2 2.5 3 明朝体 ゴシック体 ⼿手書き 融合⽂文字 フォント どちらのフォントも、融合⽂文字を送りたい!
  39. 39. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 書き⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 試⾏行行回数 → 2種のフォント +  ⾃自⾝身の⼿手書きと2種のフォントの融合⽂文字 +  ⾃自⾝身の⼿手書きの計5回
  40. 40. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 書き⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 ②7段階の SD法で評価 試⾏行行回数 → 2種のフォント +  ⾃自⾝身の⼿手書きと2種のフォントの融合⽂文字 +  ⾃自⾝身の⼿手書きの計5回
  41. 41. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 書き⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 ②7段階の SD法で評価 先程と同様、試⾏行行毎にひらがなの画像を 3秒間⾒見見つめてもらった
  42. 42. 印象評価で⽤用いた形容詞対 視認性・可読性 にまつわる形容詞対 ⼿手書きのコンプレックス にまつわる形容詞対 • 読みにくいー読みやすい • きたないーきれい • ぼんやりしている ーはっきりしている • ためらいがある ー⾃自信がある • 抵抗がある ー受け⼊入れられる フォントと⼿手書きの印象と、SD法に関する関連研究 (  [飯場 ʻ‘12], [李李 ʻ‘16],  [池⽥田 ʻ‘07],  [三好 ʻ‘00],  [井上 ʻ‘85]  )  をもとに選定
  43. 43. 印象評価の結果 明朝体 ゴシック体
  44. 44. グラフの⾒見見⽅方 明朝体 ゴシック体
  45. 45. グラフの⾒見見⽅方 明朝体 ゴシック体
  46. 46. グラフの⾒見見⽅方 明朝体 ゴシック体
  47. 47. 視認性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体
  48. 48. 視認性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体 ⼿手書きよりも融合⽂文字の⽅方が視認性が⾼高い!
  49. 49. ⼿手書きのコンプレックスにまつわる形容詞対に 着⽬目すると… 明朝体 ゴシック体
  50. 50. ⼿手書きのコンプレックスにまつわる形容詞対に 着⽬目すると… 明朝体 ゴシック体 ⼿手書きよりも融合⽂文字の⽅方が抵抗が軽減する!
  51. 51. 形容詞対の項⽬目をフォント間で⽐比較 明朝体 ゴシック体 融合⽂文字の視認性についての形容詞体の項⽬目 ゴシック体<明朝体
  52. 52. なぜゴシック体の⽅方が、評価が低くなったのか? ⽂文字の太さが関係している可能性? 明朝体 ゴシック体 フォント 融合⽂文字 融合⽂文字の太さがフォントに依存 → ゴシック体の⽅方が太いために、視認性の評価に 影響した可能性 [⼤大⻄西 ʻ‘17]
  53. 53. 1要因分散分析の結果 ⽂文字の種類(⼿手書き,  融合⽂文字,  フォント)を 要因とする1要因分散分析を実施 →すべての項⽬目において統計的に有意な主効果! 特に「きたない­−きれい」の項⽬目について… 明朝体 ゴシック体
  54. 54. ⽂文字の種類による印象の変化 ⽂文字の種類(⼿手書き,  融合⽂文字,  フォント)を 要因とする1要因分散分析を実施 →すべての項⽬目において統計的に有意な主効果! 特に「きたない­−きれい」の項⽬目について… 明朝体 ゴシック体 ⼿手書きと融合⽂文字,  フォント間の違いによる 印象の変化が⼤大きい
  55. 55. 書き⼿手の実験結果まとめ 書き⼿手にとって、 ⼿手書き × UDフォントの融合⽂文字は ・⼿手書きに対する抵抗 → 軽減 ・視認性・可読性 → 向上 その⽂文字で書いたメッセージカードを、 親しい友⼈人に送りたい!
  56. 56. 読み⼿手に対する実験 1. どのメッセージカードを親しい友⼈人から 貰ったら嬉しいか? ­− ⼿手書き、フォント、融合⽂文字のうち どれを貰って嬉しいか? 2.  ⽂文章にどのような印象を抱くか? ­− ⼿手書き、フォント、融合⽂文字にそれぞれ どんな印象を抱くか?
  57. 57. 1.  どのメッセージカードを貰ったら嬉しいか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ランダムに並べた3種類のカード 書き⼿手の⼿手書き UDフォント 融合⽂文字 ①提⽰示 試⾏行行回数 → 書き⼿手15⼈人の⼿手書き×2種のフォントの計30回
  58. 58. 1.  どのメッセージカードを貰ったら嬉しいか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ランダムに並べた3種類のカード 書き⼿手の⼿手書き UDフォント 融合⽂文字 ①提⽰示 ②1~∼3位まで 順位付け 試⾏行行回数 → 書き⼿手15⼈人の⼿手書き×2種のフォントの計30回
  59. 59. 1.  どのメッセージカードを貰ったら嬉しいか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ①提⽰示 ②1~∼3位まで 順位付け 先程と同様、試⾏行行毎にひらがなの画像を 3秒間⾒見見つめてもらった 1位 → 3点 2位 → 1点 3位 → 0点
  60. 60. 貰って嬉しい度度合いの結果 平均値 0 0.5 1 1.5 2 2.5 3 明朝体 ゴシック体 ⼿手書き 融合⽂文字 フォント
  61. 61. 貰って嬉しい度度合いの結果 平均値 0 0.5 1 1.5 2 2.5 3 明朝体 ゴシック体 ⼿手書き 融合⽂文字 フォント どちらのフォントも、融合⽂文字を貰うと嬉しい!
  62. 62. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 試⾏行行回数 → 書き⼿手15⼈人の⼿手書き +  15⼈人の⼿手書きと2種のフォントの融合⽂文字 +  2種のフォントの計47回
  63. 63. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 ②7段階の SD法で評価 試⾏行行回数 → 書き⼿手15⼈人の⼿手書き +  15⼈人の⼿手書きと2種のフォントの融合⽂文字 +  2種のフォントの計47回
  64. 64. 2.  ⽂文章にどのような印象を抱くか? 実験⼿手順 読み⼿手側の 実験協⼒力力者15名 ⼿手書き or  フォント or  融合⽂文字 のいずれかで書かれたカード ①提⽰示 ②7段階の SD法で評価 先程と同様、試⾏行行毎にひらがなの画像を 3秒間⾒見見つめてもらった
  65. 65. 印象評価で⽤用いた形容詞対 視認性・可読性 にまつわる形容詞対 ⼿手書きの特性 にまつわる形容詞対 • 読みにくいー読みやすい • きたないーきれい • ぼんやりしている ーはっきりしている • 親しみにくい ー親しみやすい • 簡単なー⼿手の込んだ • ありふれたー個性的な フォントと⼿手書きの印象と、SD法に関する関連研究 (  [飯場 ʻ‘12], [李李 ʻ‘16],  [池⽥田 ʻ‘07],  [三好 ʻ‘00],  [井上 ʻ‘85]  )  をもとに選定
  66. 66. 印象評価の結果 明朝体 ゴシック体
  67. 67. グラフの⾒見見⽅方 明朝体 ゴシック体
  68. 68. グラフの⾒見見⽅方 明朝体 ゴシック体
  69. 69. グラフの⾒見見⽅方 明朝体 ゴシック体
  70. 70. 視認性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体
  71. 71. 視認性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体 ⼿手書きよりも融合⽂文字の⽅方が視認性が⾼高い!
  72. 72. ⼿手書きの特性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体
  73. 73. ⼿手書きの特性にまつわる形容詞対に着⽬目すると… 明朝体 ゴシック体 フォントよりも融合⽂文字の⽅方が、 ⽂文字に⼿手書きの特性が表れている!
  74. 74. 融合⽂文字に⼿手書きの特性は表れている 書き⼿手によって、融合⽂文字の字形に違いがある
  75. 75. 形容詞対の項⽬目ごとの評価を⾒見見ると… 明朝体 ゴシック体 「親しみにくいー親しみやすい」の項⽬目 ⼿手書き<融合⽂文字
  76. 76. なぜ融合⽂文字の⽅方が親しみやすいのか? 融合⽂文字⼿手書き フォント 融合⽂文字が完全なフォントではなく、 実際の⼿手書きよりも綺麗麗だけど、 ⼿手書きの字形も残ったから?
  77. 77. 読み⼿手の実験結果まとめ 読み⼿手にとって、 ⼿手書き × UDフォントの融合⽂文字は ・⼿手書きの特性 → 残っている ・視認性・可読性 → 向上 その⽂文字で書かれたメッセージカードを、 親しい友⼈人から貰ったら嬉しい!
  78. 78. まとめ ⼿手書き × UDフォントの融合⽂文字が 視認性・可読性の向上 → ⾃自⾝身の⼿手書きへの抵抗が軽減 融合⽂文字のメッセージカードを送りたい! ⼿手書き × UDフォントの融合⽂文字が 視認性・可読性の向上 &  ⼿手書きの特性は残っている 融合⽂文字のメッセージカードを貰って嬉しい! メッセージカードの書き⼿手側 メッセージカードの読み⼿手側
  79. 79. 今後の展望 融合⽂文字を⽤用いたメッセージカードアプリ スマートフォンでメッセージカードのやり取りが 可能になることで、⼿手書きのメッセージに 再び注⽬目が集まる可能性!
  80. 80. 今後の展望 映画の字幕、⾳音楽動画の歌詞に 融合⽂文字を適⽤用! 融合⽂文字に親しみを感じ、 コンテンツの視聴に対する没⼊入感が⾼高まる可能性! 大好きだ! フォント 融合⽂文字 ! ©近藤喜⽂文監督 「⽿耳をすませば」,  1995

×