研究内容/インタフェースと色彩
をテンプレートにして作成
開始行:
*インタフェースと色彩 [#pc77e0f2]
#contents
**タッチパネルの色彩が操作性に与える影響 [#a22a8fff]
***研究背景 [#h5a98804]
銀行のATMやコンビニエンスストアの情報端末やスマートフォン...
入力操作にタッチパネルを用いたインタフェースが普及しつつ...
これらのインタフェースはその利便性から,図書館の蔵書検索...
公共施設にも積極的に導入が試みられています.
このように年代や性別,生活環境のことなる多くの人に使用さ...
そのデザインがわかりやすく,快適である(ユーザビリティが...
これらの操作画面には企業のイメージカラーが与えられる場合...
しかし,われわれの判断や心理状態,それらに伴う行為は,色...
情報端末におけるユーザビリティと企業イメージとの両立は重...
また,タッチパネルの操作画面には物質的な操作ボタンの代わ...
つまり,視覚デザインが,操作にとって非常に重要な意味を持...
しかしながら,操作画面の印象はボタンの色だけではなく,
ボタンと組み合わせて用いられる図や文字や背景色からも影響...
そこでこの研究では,あえてプッシュボタンなどの操作の対象...
印象の変化させた複数の実験画面で,同じ操作をさせる実験を...
そうすることによって,操作画面のカラーデザインによる印象...
***実験 [#oe10d2e5]
この研究では「クールカジュアル」や「ゴージャス」といった...
それぞれ配色によって印象の異なる12種類の操作画面を用意し...
また,その際に各画面からどのくらい好ましい印象を受けたか...
その結果,クールカジュアルやシックといったカラーデザイン...
またゴージャスやワイルドといったカラーデザインの操作画面...
また,正確に操作できた画面ほど,その画面デザインも好まし...
さらに分析した結果,このような操作と印象には,カラーデザ...
とくに強く影響していることがわかりました.
***応用可能性 [#l31afd7f]
ATMなどの情報端末や駅の券売機など,さまざまな人に利用され...
操作画面へ応用すれば,スムーズな操作が促されることによっ...
またカラーデザインによって快適性を考慮することができるの...
初心者のユーザにも受け入れられやすいと考えられます.
**インタフェースの色彩デザイン・印象及び操作の関係の分析 ...
***研究背景 [#ue29d3cc]
近年,スマートフォンに代表されるタッチパネルインタフェー...
***実験 [#b14d3179]
-''操作性の測定実験''~
実験の対象となる被験者は色覚に異常のない20代の男女36名で...
この実験画面上で操作画面への彩色についての印象が直感的な...
-''操作画面の印象評価''~
各条件のタスク終了後,実験画面の印象評価として用意した15...
|CENTER:BGCOLOR(white):&ref(interface1.jpg,zoom,60%,図1 ...
|CENTER:BGCOLOR(white):図1 実験画面|CENTER:BGCOLOR(white)...
***分析 [#j63586a1]
上記実験から得た操作データ(操作時間,正答数,時間切れ数...
-''重回帰分析''~
重回帰分析は図式から相関ではなく,原因と結果がはっきりと...
-''因子分析''~
因子分析は直接観測できず観測変数の背後に潜む変数である潜...
また,モデルを構成する要素として,実験の測定データなど直...
|CENTER:BGCOLOR(white):&ref(sample_model2.jpg,zoom,50%,図...
|CENTER:BGCOLOR(white):図2 モデルの例|
***共分散構造モデルの作成 [#d25c0164]
共分散構造分析はモデルを自由に作成することができる.しか...
-''因果関係の仮説''~
今回作成したモデルでは,''1. 条件''(操作画面の配色),''...
-''潜在変数の求め方''~
潜在変数は印象評価値のデータのみで因子分析を行い,印象評...
++ユーザの好み(親しみやすさ,好感度,美しさ,心地よさ)
++視認性の高さ(見やすさ,読みやすさ,わかりやすさ)
++精神的疲労度(作業の精神的負担の軽さ)
++明確さ(迷わない度)
++覚醒度(印象度,意欲)
++集中度(集中度)
++親しみやすさ(親しみやすさ)
|CENTER:BGCOLOR(white):&ref(model2.jpg,zoom,50%,図3 因果...
|CENTER:BGCOLOR(white):図3 因果関係の仮説|
***分析の結果 [#a85a69da]
-''印象因子と操作性の関係'' ※括弧内は偏回帰係数
--''印象因子と操作時間との関係''~
ii. 視認性の高さ(-0.108),iii. 精神的疲労度(-0.095) ...
vii. 親しみやすさ(0.626) の値が高くなればなるほど操作時...
--''印象因子と時間切れ数との関係''~
ii. 視認性の高さ(-0.197) の値が高くなればなるほど時間切...
vii. 親しみやすさ(0.777) の値が高くなればなるほど時間切...
--''印象因子と正答数との関係''~
iv. 明確さ(0.191) の値が高くなればなるほど正答数はわず...
vii. 親しみやすさ(-0.335) の値が高くなればなるほど正答...
***結論 [#y4b9152a]
分析の結果から''視認性が高まる印象''を被験者にもたせるよ...
***発表会・質疑応答 [#n4caff13]
-生命ソフトウェアシンポジウム2011
--会期:2011年11月26日(土),27日(日)
--会場:福岡工業大学 FITホール
--発表題目:「共分散構造分析を用いたインタフェースの色彩...
--著者:埴田 卓,澤井 政宏,坂本 牧葉,須藤 秀紹
--発表者:埴田 卓
--質疑応答:
---[Q1]~
親しみやすさが操作性を下げるとはどういうことか.~
[A1]~
親しみやすさの因子に含まれる印象(親しみやすさ,意欲,眼...
[A'1]~
結論が説明不足だった.まず印象の「親しみやすさ」と因子の...
---[C1]~
(Q1に加えて)ソフトウェアキーボードが使いづらい(操作性...
[C'1]~
確かに親しみやすさが操作性を下げるという結果がでることが...
***発表会・質疑応答2 [#n4caff13]
-生命ソフトウェアシンポジウム2011
--会期:2011年11月26日(土),27日(日)
--会場:福岡工業大学 FITホール
--発表題目:「画面上の色彩装飾の位置が印象に与える影響」
--著者:坂本 牧葉,須藤 秀紹,澤井 政宏
--発表者:坂本 牧葉
--質疑応答:
---[Q1]~
平面デザインにおける画面デザインの方法で紹介された
「三分の一の分割方法」(平面デザイン上のテクニックのひと...
[A1]~
実験結果では、ハードよりの配色である「モダン」「クラシッ...
画面の上部に用いた場合にその印象が若干弱まる傾向が見られ...
これは「軽快さ」を表現するのに適している配置に「重さ」「...
[A'1]~
誌面やポスターなどの平面デザインの分野では、画面デザイン...
手法が確立されていることを説明するために例として紹介した.
画面デザインにおいても、色彩などの要素と操作、印象との関...
---[C1]~
(検討中、早急に記載します)
~
[C'1]~
(検討中、早急に記載します)
**色彩が操作の反応時間や正確性に与える影響 [#oaafb68a]
***(研究背景) [#oaafb68c]
近年,一般家庭への高速なインターネット回線が普及したこと...
ユーザはその中から利用するウェブサイトを選びます.
ユーザが利用するウェブサイトを選ぶ基準の1つとしてユーザ...
ユーザビリティが低いウェブサイトとは,利用方法がわからな...
ユーザビリティを向上させることで使いやすいウェブサイトに...
カラーセラピーなどでも知られるように,色が人の心理状態に...
大きさを実際の大きさよりも大きく感じる色や小さく感じる色...
これらの影響をうまく利用することで,表示をわかりやすくし...
そこで本研究では,色が操作の正確性や反応時間にどのような...
***(ユーザビリティ) [#oaafb68d]
ユーザビリティとは,便利で使いやすいこと,使い勝手や利用...
-学習しやすさ~
システムは,ユーザがそれを使って作業をすぐ始められるよう...
-効率性~
システムは,一度ユーザがそれについて学習すれば,後は高い...
-記憶しやすさ~
システムは,不定期利用のユーザがしばらく使わなくても,再...
-エラー発生率~
システムはエラー発生率を低くし,ユーザがシステム使用中に...
-主観的満足度~
システムは,ユーザが個人的に満足できるよう,また好きにな...
~
の5つの特性から構成されているものと定義しています.
***(色の影響1 暖色系・寒色系) [#oaafb68e]
赤色や黄色,橙色は,暖かい印象を与えることから暖色系と呼...
逆に青色や紫色は冷たい印象を与えることから寒色系と呼ばれ...
また赤色などの暖色系には血圧や脈拍を上昇させ,青色などの...
***(色の影響2 膨張色) [#t68db4c5]
実際の大きさよりも大きく見える色のことを膨張色と呼びます.
たとえば白色は黒色よりも大きく見えます.この効果を利用し...
#ref(igo01_R.jpg,nolink)
***(色の影響3 色のイメージ) [#t68db4c6]
人は色からいろいろなものを連想します.
例えば,緑色から木の葉や自然,赤色から血や情熱などを連想...
***(色の影響4 配色のイメージ) [#t68db4c7]
色を組み合わせることでさまざまなイメージを与えることがで...
たとえば,左のような配色をすることで,桜がイメージされる...
&ref(natural00.jpg,nolink);
&ref(modern00.jpg,nolink);~
&ref(natural_R.jpg,nolink);
&ref(modern_R.jpg,nolink);
終了行:
*インタフェースと色彩 [#pc77e0f2]
#contents
**タッチパネルの色彩が操作性に与える影響 [#a22a8fff]
***研究背景 [#h5a98804]
銀行のATMやコンビニエンスストアの情報端末やスマートフォン...
入力操作にタッチパネルを用いたインタフェースが普及しつつ...
これらのインタフェースはその利便性から,図書館の蔵書検索...
公共施設にも積極的に導入が試みられています.
このように年代や性別,生活環境のことなる多くの人に使用さ...
そのデザインがわかりやすく,快適である(ユーザビリティが...
これらの操作画面には企業のイメージカラーが与えられる場合...
しかし,われわれの判断や心理状態,それらに伴う行為は,色...
情報端末におけるユーザビリティと企業イメージとの両立は重...
また,タッチパネルの操作画面には物質的な操作ボタンの代わ...
つまり,視覚デザインが,操作にとって非常に重要な意味を持...
しかしながら,操作画面の印象はボタンの色だけではなく,
ボタンと組み合わせて用いられる図や文字や背景色からも影響...
そこでこの研究では,あえてプッシュボタンなどの操作の対象...
印象の変化させた複数の実験画面で,同じ操作をさせる実験を...
そうすることによって,操作画面のカラーデザインによる印象...
***実験 [#oe10d2e5]
この研究では「クールカジュアル」や「ゴージャス」といった...
それぞれ配色によって印象の異なる12種類の操作画面を用意し...
また,その際に各画面からどのくらい好ましい印象を受けたか...
その結果,クールカジュアルやシックといったカラーデザイン...
またゴージャスやワイルドといったカラーデザインの操作画面...
また,正確に操作できた画面ほど,その画面デザインも好まし...
さらに分析した結果,このような操作と印象には,カラーデザ...
とくに強く影響していることがわかりました.
***応用可能性 [#l31afd7f]
ATMなどの情報端末や駅の券売機など,さまざまな人に利用され...
操作画面へ応用すれば,スムーズな操作が促されることによっ...
またカラーデザインによって快適性を考慮することができるの...
初心者のユーザにも受け入れられやすいと考えられます.
**インタフェースの色彩デザイン・印象及び操作の関係の分析 ...
***研究背景 [#ue29d3cc]
近年,スマートフォンに代表されるタッチパネルインタフェー...
***実験 [#b14d3179]
-''操作性の測定実験''~
実験の対象となる被験者は色覚に異常のない20代の男女36名で...
この実験画面上で操作画面への彩色についての印象が直感的な...
-''操作画面の印象評価''~
各条件のタスク終了後,実験画面の印象評価として用意した15...
|CENTER:BGCOLOR(white):&ref(interface1.jpg,zoom,60%,図1 ...
|CENTER:BGCOLOR(white):図1 実験画面|CENTER:BGCOLOR(white)...
***分析 [#j63586a1]
上記実験から得た操作データ(操作時間,正答数,時間切れ数...
-''重回帰分析''~
重回帰分析は図式から相関ではなく,原因と結果がはっきりと...
-''因子分析''~
因子分析は直接観測できず観測変数の背後に潜む変数である潜...
また,モデルを構成する要素として,実験の測定データなど直...
|CENTER:BGCOLOR(white):&ref(sample_model2.jpg,zoom,50%,図...
|CENTER:BGCOLOR(white):図2 モデルの例|
***共分散構造モデルの作成 [#d25c0164]
共分散構造分析はモデルを自由に作成することができる.しか...
-''因果関係の仮説''~
今回作成したモデルでは,''1. 条件''(操作画面の配色),''...
-''潜在変数の求め方''~
潜在変数は印象評価値のデータのみで因子分析を行い,印象評...
++ユーザの好み(親しみやすさ,好感度,美しさ,心地よさ)
++視認性の高さ(見やすさ,読みやすさ,わかりやすさ)
++精神的疲労度(作業の精神的負担の軽さ)
++明確さ(迷わない度)
++覚醒度(印象度,意欲)
++集中度(集中度)
++親しみやすさ(親しみやすさ)
|CENTER:BGCOLOR(white):&ref(model2.jpg,zoom,50%,図3 因果...
|CENTER:BGCOLOR(white):図3 因果関係の仮説|
***分析の結果 [#a85a69da]
-''印象因子と操作性の関係'' ※括弧内は偏回帰係数
--''印象因子と操作時間との関係''~
ii. 視認性の高さ(-0.108),iii. 精神的疲労度(-0.095) ...
vii. 親しみやすさ(0.626) の値が高くなればなるほど操作時...
--''印象因子と時間切れ数との関係''~
ii. 視認性の高さ(-0.197) の値が高くなればなるほど時間切...
vii. 親しみやすさ(0.777) の値が高くなればなるほど時間切...
--''印象因子と正答数との関係''~
iv. 明確さ(0.191) の値が高くなればなるほど正答数はわず...
vii. 親しみやすさ(-0.335) の値が高くなればなるほど正答...
***結論 [#y4b9152a]
分析の結果から''視認性が高まる印象''を被験者にもたせるよ...
***発表会・質疑応答 [#n4caff13]
-生命ソフトウェアシンポジウム2011
--会期:2011年11月26日(土),27日(日)
--会場:福岡工業大学 FITホール
--発表題目:「共分散構造分析を用いたインタフェースの色彩...
--著者:埴田 卓,澤井 政宏,坂本 牧葉,須藤 秀紹
--発表者:埴田 卓
--質疑応答:
---[Q1]~
親しみやすさが操作性を下げるとはどういうことか.~
[A1]~
親しみやすさの因子に含まれる印象(親しみやすさ,意欲,眼...
[A'1]~
結論が説明不足だった.まず印象の「親しみやすさ」と因子の...
---[C1]~
(Q1に加えて)ソフトウェアキーボードが使いづらい(操作性...
[C'1]~
確かに親しみやすさが操作性を下げるという結果がでることが...
***発表会・質疑応答2 [#n4caff13]
-生命ソフトウェアシンポジウム2011
--会期:2011年11月26日(土),27日(日)
--会場:福岡工業大学 FITホール
--発表題目:「画面上の色彩装飾の位置が印象に与える影響」
--著者:坂本 牧葉,須藤 秀紹,澤井 政宏
--発表者:坂本 牧葉
--質疑応答:
---[Q1]~
平面デザインにおける画面デザインの方法で紹介された
「三分の一の分割方法」(平面デザイン上のテクニックのひと...
[A1]~
実験結果では、ハードよりの配色である「モダン」「クラシッ...
画面の上部に用いた場合にその印象が若干弱まる傾向が見られ...
これは「軽快さ」を表現するのに適している配置に「重さ」「...
[A'1]~
誌面やポスターなどの平面デザインの分野では、画面デザイン...
手法が確立されていることを説明するために例として紹介した.
画面デザインにおいても、色彩などの要素と操作、印象との関...
---[C1]~
(検討中、早急に記載します)
~
[C'1]~
(検討中、早急に記載します)
**色彩が操作の反応時間や正確性に与える影響 [#oaafb68a]
***(研究背景) [#oaafb68c]
近年,一般家庭への高速なインターネット回線が普及したこと...
ユーザはその中から利用するウェブサイトを選びます.
ユーザが利用するウェブサイトを選ぶ基準の1つとしてユーザ...
ユーザビリティが低いウェブサイトとは,利用方法がわからな...
ユーザビリティを向上させることで使いやすいウェブサイトに...
カラーセラピーなどでも知られるように,色が人の心理状態に...
大きさを実際の大きさよりも大きく感じる色や小さく感じる色...
これらの影響をうまく利用することで,表示をわかりやすくし...
そこで本研究では,色が操作の正確性や反応時間にどのような...
***(ユーザビリティ) [#oaafb68d]
ユーザビリティとは,便利で使いやすいこと,使い勝手や利用...
-学習しやすさ~
システムは,ユーザがそれを使って作業をすぐ始められるよう...
-効率性~
システムは,一度ユーザがそれについて学習すれば,後は高い...
-記憶しやすさ~
システムは,不定期利用のユーザがしばらく使わなくても,再...
-エラー発生率~
システムはエラー発生率を低くし,ユーザがシステム使用中に...
-主観的満足度~
システムは,ユーザが個人的に満足できるよう,また好きにな...
~
の5つの特性から構成されているものと定義しています.
***(色の影響1 暖色系・寒色系) [#oaafb68e]
赤色や黄色,橙色は,暖かい印象を与えることから暖色系と呼...
逆に青色や紫色は冷たい印象を与えることから寒色系と呼ばれ...
また赤色などの暖色系には血圧や脈拍を上昇させ,青色などの...
***(色の影響2 膨張色) [#t68db4c5]
実際の大きさよりも大きく見える色のことを膨張色と呼びます.
たとえば白色は黒色よりも大きく見えます.この効果を利用し...
#ref(igo01_R.jpg,nolink)
***(色の影響3 色のイメージ) [#t68db4c6]
人は色からいろいろなものを連想します.
例えば,緑色から木の葉や自然,赤色から血や情熱などを連想...
***(色の影響4 配色のイメージ) [#t68db4c7]
色を組み合わせることでさまざまなイメージを与えることがで...
たとえば,左のような配色をすることで,桜がイメージされる...
&ref(natural00.jpg,nolink);
&ref(modern00.jpg,nolink);~
&ref(natural_R.jpg,nolink);
&ref(modern_R.jpg,nolink);
ページ名: