Webサイトにおけるインタラクティブ表現の可能性の追求
ビルと自然物の対比
山田洸太
研究の背景と目的
Webサイト制作においては、アクセシビリティを考慮することが重要であり、その中で独自性を出すことは難しい課題であった。しかし、近年ではモーションデザインやパララックスなどの視覚的な要素を活用することで独自性を打ち出したWebサイトが増加している。これらの要素は、重要なコンテンツを強調する効果やストーリーテリング効果を生み出すなど、視覚的な魅力によってユーザーの関心を引きつけ、サイト滞在時間や利用率を伸ばす効果が期待できる。
学部での卒業研究では、「人工物であるビルと自然物である空」、「その場に在り続けるビルと常に変化をし続ける空」という二つの視点での対比をテーマとして、ビルの窓ガラスに映る景色をタイムラプスや写真で撮影しWebサイトでの発信を行なってきた。大学院における研究でも、Webサイトのコンテンツとしては「ビルと自然物の対比」を題材とした写真と映像を素材として、インタラクティブな要素を活用し、Webサイトの新たな可能性を追求することを本研究の目的とする。
研究計画
まず、インタラクティブなWebサイトを中心に実態調査を行い、問題の抽出をする。この調査結果を基に、卒業研究で制作したWebサイトとの比較分析を行う。次に本研究において適切なインタラクティブ要素を導入したWebサイトを制作し、試用を実施する。さらにユーザー調査を通じてフィードバックを収集し、それを基にブラッシュアップを行う。最終的にWebサイトを一般に公開し、ユーザーの閲覧状況を分析して最終評価を行う。
参考
最後に
本研究では、インタラクティブなWebサイトの新たな可能性を探求し、視覚的な要素を活用することで、ユーザーの関心を引きつける効果が期待される。先行研究から得られた知見を基に、より洗練されたインタラクティブ要素を導入し、実際のユーザーからのフィードバックを通じてサイトの再構築を行う。これにより、Webサイトのユーザーエクスペリエンスを向上させ、コンテンツとしての完成度を高めることを目指す。
2024.04.26
メモ
- 時間を計測
- インタラクティブな要素とそうでない要素の比較
- buttonをひたすら研究するなど
2024.04.19
用語
- 対称性の破れ
もともとこの言葉は、高エネルギー下で物質が粒子と反粒子に分離する際、本来同等であるはずのそれぞれの振る舞いに違いがある（対称的でない）ことを意味する物理学用語。（OpenSquareJP）
- パリティ対称性の破れ
空間反転した（鏡に映した）ときに物理法則が同じにならないこと、または、その様な状態を言う。（Wikipedia）
- エントロピー｜Entropy
無秩序の度合いを表す量のこと。
- フォン・レストルフ効果｜Von Restorff Effect
似た要素が多く並んでいる中にひとつだけ異なる要素があると、その要素が一番記憶に残りやすい心理現象のこと。（ペイジのUIラボ）
- 視覚調整
人間の目の錯覚を考慮したデザインの調整のことである。視覚調整の対象になる人間の錯視とは、目から入った情報に対して脳が無意識に補正をかけることで、実際とは異なる知覚を得ることを言う。（広告デザイン業界用語辞典）
- タイポグリセミア｜Typoglycemia
文章中のいくつかの単語で最初と最後の文字以外の順番が入れ替わっても正しく読めてしまう現象。（Wikipedia）
- ゲシュタルト崩壊｜Gestaltzerfall
知覚における現象のひとつ。全体性を持ったまとまりのある構造（Gestalt, 形態）から全体性が失われてしまい、個々の構成部分にバラバラに切り離して認識し直されてしまう現象。（Wikipedia）
キーワード
- 規則性の中の違和感
- 人工物(ビル)と自然物の対比
メモ
- Google:アジャイル開発
- Google:ウォーターフォール
- Google:フォールトトレランス
- Google:ローディングアニメーション
待ち時間の離脱を防ぐための工夫。
2024.04.12
作業一覧
- 山田洸太/Scheduleの作成・編集
- 山田洸太/デザイン総合研究の編集