Web画面における動的要素がUXにもたらす効果

諸琳 / 九州産業大学 芸術研究科　

ZHU LIN / Kyushu Sangyo University　

Keywords: Web design, dynamic, User Experience　

Abstract

As the internet has swiftly evolved, web design has shifted from a static paradigm to a dynamic one. Dynamic design, now prevalent in web pages, amplifies user allure, interactivity, and participation. This research delves into the multifaceted roles and influences of dynamic design within web contexts. Recognizing its pivotal role in shaping user experiences, our objective is to provide refined design guidelines and enhancement tactics for web designers, end-users, and site administrators, fostering perpetual advancement and ingenuity in user experience.

研究背景

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

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

研究の方法

図1.◯◯◯◯

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

　実験研究 　異なる動的要素はユーザーの心理と製品に対する態度に影響を与える。分類・整理された動的要素に関するユーザーテストを行い、ユーザー体験の向上に寄与する要因を探りたい。

　動的要素の役割は、ユーザーの注意を喚起するとともに、ネガティブな体験を面白いインタラクションに変えることである。実験結果の分析を通して、動的要素の役割を最大限に引き出す方法を見出したい。

考察

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

　

今後の课题

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

参考文献・参考サイト

• ◯◯◯◯◯（20XX）　◯◯◯◯　◯◯学会誌 Vol.◯◯
• ◯◯◯◯◯（19xx）　◯◯◯◯　◯◯図書
• ◯◯◯◯◯（1955）　◯◯◯◯　◯◯書院

• ◯◯◯◯◯ https://www.example.com （◯年◯月◯日 閲覧）