「Web画面における動的要素がUXにもたらす効果」の版間の差分

提供: JSSD5th2023
Jump to navigation Jump to search
(研究背景)
18行目: 18行目:
 
しかし動的要素の使用は、十分な事前分析がなければ逆効果になることもある。例えば、大量のトラフィックリソースを消費する動画や、読み込みに時間のかかるスクリプトなどは、反応を鈍らせる点で、UXによくない影響をもたらす場合もある。
 
しかし動的要素の使用は、十分な事前分析がなければ逆効果になることもある。例えば、大量のトラフィックリソースを消費する動画や、読み込みに時間のかかるスクリプトなどは、反応を鈍らせる点で、UXによくない影響をもたらす場合もある。
  
本研究では、Web画面における動的要素がUXにもたらす効果を体系的に分類・整理するとともに、より良いUXのための活用方法を提案することを目的とする
+
 本研究では、Web画面における動的要素がUXにもたらす効果を体系的に分類・整理するとともに、より良いUXのための活用方法を提案することを目的とする
  
 
==研究の方法==
 
==研究の方法==

2023年10月12日 (木) 14:52時点における版

- ここにサブタイトルを記載 -

諸琳 / 九州産業大学 芸術研究科 
ZHU LIN / Kyushu Sangyo University 

Keywords: Web design, dynamic, User Experience ← キーワード(斜体)


Abstract
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.



研究背景

 UXとは、User Experienceの略称であり、ユーザーが製品を使用する際に生じる主観的な感情や満足感などの「体験」全体を指している。インターネット技術の急成長に伴い、動的要素もますます普及して多様化している。動的要素は、製品を使いやすくて分かりやすくさせ、ユーザーを中心とする効果的な方法であり、ユーザーの使用に積極的な影響を与える。人間は視覚で八割の情報を得るため、Web画面における動的要素はUXに大きな影響をもたらすと思われる。 Webにおける動的要素は常にGIF、CSS、SVG、WebGLやビデオなどの形式で保存されることが多い。Webにおける動的要素はブラウザ誕生の初期段階から組み込まれていた。文字上で状態が変わるカーソル、進捗状況を示すプログレスバー、エラーメッセージを提示するポップアップウインドウなどがその例である。他にも、画面に埋め込まれた動画や、背景動画なども動的な要素と言える。動的要素はシンプルでありながら実用的なユーザ体験を実現している。 しかし動的要素の使用は、十分な事前分析がなければ逆効果になることもある。例えば、大量のトラフィックリソースを消費する動画や、読み込みに時間のかかるスクリプトなどは、反応を鈍らせる点で、UXによくない影響をもたらす場合もある。

 本研究では、Web画面における動的要素がUXにもたらす効果を体系的に分類・整理するとともに、より良いUXのための活用方法を提案することを目的とする

研究の方法

図1.◯◯◯◯

 研究は、UXに関する先行研究の把握や現行のWebサイトの実態把握といった調査研究と、動的要素を含むサンプルサイトを用いた実験研究によって行う。

調査研究 動的要素とその効果を機能によって分類・整理する。例えば、Webナビゲーションには、反転効果、微振動、回転効果などを通じてボタンやアイコンを強調する様々な動的要素がある。機能から見れば、マイクロインタラクションをサポートする動的要素、プロセスを表す動的要素、解釈・説明の動的要素、装飾的な動的効果などがある。

実験研究 異なる動的要素はユーザーの心理と製品に対する態度に影響を与える。分類・整理された動的要素に関するユーザーテストを行い、ユーザー体験の向上に寄与する要因を探りたい。  動的要素の役割は、ユーザーの注意を喚起するとともに、ネガティブな体験を面白いインタラクションに変えることである。実験結果の分析を通して、動的要素の役割を最大限に引き出す方法を見出したい。



調査研究

web動的効果の発展史 ディズニーの12法則 動的効果の定義と特徴

考察

 本研究では、Web画面における動的要素がUXにもたらす効果を体系的に分類・整理するとともに、より良いUXのための活用方法を提案することを目的とする。  本研究の具体的な目標は以下の通りである:  異なるユーザーグループの動的デザインの認知の違いと心理的反応を探る。ユーザーによって動的デザインに対する認識や嗜好に差があるため、デザインプロセスにおいて異なるユーザーのニーズや嗜好を考慮した上で、個性的なデザインを実現することは必要である。 動的デザインがユーザーの行動やインタラクションに与える影響を提高する。適切なアニメーション効果とトランジション方法を通じて、ユーザーの行動変容と参加を促進し、ユーザーの満足度と忠誠心を向上させることができる。


以上の研究を通じて、webデザイナー、ユーザー、webサイト運営者に関連するデザイン原則と最適化戦略を提供し、ウェブインタフェースにおける動的デザインの応用と発展を促進し、ユーザー体験の継続的に改善して革新しようとしている。

 

まとめ

 動的要素は、Web上で様々な機能を提供する存在であり、ユーザーの体験を改善し、製品全体への印象を向上させると同時に、情報にアクセスするユーザーの行動をアシストする。  視覚体験における「動き」の効果は人類に普遍的なものであり、本研究の成果は、デバイス環境の変化にも対応し得る、有益な知見となることが期待できる。


脚注


参考文献・参考サイト

  • ◯◯◯◯◯(20XX) ◯◯◯◯ ◯◯学会誌 Vol.◯◯
  • ◯◯◯◯◯(19xx) ◯◯◯◯ ◯◯図書
  • ◯◯◯◯◯(1955) ◯◯◯◯ ◯◯書院