Imagine by Sounds
自然環境音を通じて自然の美しさを伝え、環境保護に寄与するデザイン研究
- Keywords:Web design(HTML/CSS/jQuery) , DTP
http://basement.starfree.jp/imaginebysounds/
モックアップ
Overview
Introduction / What is This
Webサイトと紙媒体を利用して自然環境の美しさを伝えるサービス
Background and Purpose
- 環境問題の深刻化に向けて、近年啓発が盛んに行われている。
- アンケート調査によると環境配慮意識・行動は高まっている傾向が見受けられたので、問題喚起ではなく自然の美しさ、大切さを感じてもらえるものが作りたいと考えた。
Concept
プロジェクトを構成する要素
- 音響(自然環境音)
Webサイトで再生。
- 自然環境音は心身の疲労回復やストレスの低減効果など、ポジティブな効果を引き起こすことが立証されている。
参考:自然環境の映像と音がストレス低減に及ぼす影響 - 立教大学
- 自然環境音は心身の疲労回復やストレスの低減効果など、ポジティブな効果を引き起こすことが立証されている。
- 人間にとって快く感じ、娯楽ともなりうる音響を取っ掛かりとした。
- ライティング
ストーリーテリングの手法を用いてショートストーリーをリーフレットに掲載。
写真と合わせて読んでもらうようにし、文章が苦手な人にとっても平易化する。
他人に依頼することも検討。
- 写真
リーフレット、Webサイトに掲載。
- 映像
Webサイトに掲載。
Output
- サービスフロー
- リーフレット
- 配布用小冊子
- Webサイトのモックアップ
ユーザーテスト用モックアップ
- Webサイト用の動画・音声(試作)
Tools
Webサイト
音響の再生や、写真・動画の掲載。
紙媒体
リーフレット
Webサイトを読み込むためのQRコード、ショートストーリーを記載。
※複数のパターン
- なぜ紙媒体とWeb媒体を併用するのか?
- Webページは検索からの流入など、元々コンテンツに一定の興味がある人が閲覧する傾向にある。
- 誰でも閲覧・利用できるサービスというコンセプトから紙媒体を採用。
撮影機材
FUJIFILM X-T30
音声録音
TASCAM DR-07X
紙素材
ガイアA クリーム
ソフト
Adobe Illustrator
Photoshop
Premiere pro
Audition
XD
CLIP STUDIO PAINT
Term
2021.04〜2021.10
Survey
Present Status
- アンケート調査
環境意識(環境に配慮した行動)を日頃から意識づけていますか? -ミルトーク- 20〜60代男女30人に「日頃から環境に配慮した行動をしているか」またその理由を調査した。アンケート日は2021年6月3日。
- していると回答した人は約87%、していない人は約13%だった。
メディアの影響や社会全体の意識の高まりもあり、多くの人が自覚している範囲内では環境意識を持っているという結果になった。
- 環境問題の概要を調査・把握。
- 五感においての情報判断の優先順位を調査。
- 産業教育機器システム便覧
視覚が最も優先順位として高く(83.0%)、次点が聴覚(11.0%)。 - 参考:五感情報通信技術
- 産業教育機器システム便覧
Precedent
- 先行事例
- おととめし
- 購入した弁当に記載されたQRコードを読み取り、音を楽しみながら食事をするというサービス。本プロジェクトイメージに近い。
- プレミアムモルツ 特別な時間 -サントリー
- TRAIL WORKS -BEAMS
- 写真と文章を構成してストーリー仕立てにしている。
- 写真と文章を構成してストーリー仕立てにしている。
- おととめし
Technique / Technology
- 何のために「UXデザイン」をするのか - UX MILK
- UXデザインプロセスにおける基本的な6ステップ
- UXの基礎知識理解
- 環境音 - 効果音ラボ
- 環境音の種類把握
- 電車は遅れておりますが
- ストーリーテリングのテイストとして参考にしたい。
- ストーリーテリングのテイストとして参考にしたい。
Project Management
Schedule
ToDo
1.Webサイトのブラッシュアップ
2.Githubにデータをあげる
3.印刷
worklog
[ 2021.12.02 ]
制作
- リーフレットの展示用と配布用のデータを制作した。
- コーディング
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.11.25 ]
制作
- リーフレットの展示用と配布用のデータを制作した。
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.11.15 ]
制作
- コーディング
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.11.09 ]
制作
- リーフレット制作
横長のB7(マシュマロ200kg)に印刷
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.11.04 ]
制作
- リーフレット制作
B7・B6とサイズの異なる紙に印刷し読みやすさを試した。
B6想定で制作していたがB7のほうが読みやすさがあった。
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.10.29 ]
制作
- リーフレット制作
実際の紙に印刷し色味やズレなど問題点を確認した。
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.10.28 ]
制作
- リーフレット制作
リーフレットを制作した。
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.10.22 ]
制作
- コーディング
モックアップに従ってHTML/CSSをコーディングした。
- 成果
- コーディングを進めた。
- コーディングを進めた。
[ 2021.10.21 ]
企画
- 細かな点の修正
- 制作を進めていくにあたり、Webサイト上では1分間の音声を再生する想定だったが1分間では単調に感じられるため30秒に短縮した。
- 制作を進めていくにあたり、Webサイト上では1分間の音声を再生する想定だったが1分間では単調に感じられるため30秒に短縮した。
制作
- コーディング
モックアップに従ってHTML/CSSをコーディングした。
- 成果
- コーディングを進めた。
- コーディングを進めた。
[ 2021.10.20 ]
制作
- コーディング
モックアップに従ってHTML/CSSをコーディングした。
- 成果
- コーディングを進めた。
- コーディングを進めた。
[ 2021.10.18 ]
制作
- コーディング
モックアップに従ってHTML/CSSをコーディングした。
- 成果
- コーディングを進めた。
- コーディングを進めた。
[ 2021.10.14 ]
制作
- 映像撮影・音声収録
各機材を使用して音声・映像を収録した。
- 成果
- バリエーションを増やす作業に着手した。
- バリエーションを増やす作業に着手した。
[ 2021.10.12 ]
制作
- 映像撮影・音声収録
各機材を使用して焚火の音声・映像を収録した。
- 成果
- バリエーションを増やす作業に着手した。
- コーディングの進捗が遅れているため同時並行で進めるようスケジュールを再調整した。
[ 2021.10.6 ]
制作
- コーディング
- 成果
- 制作を進めた。
- 制作を進めた。
[ 2021.09.30 ]
制作
- サンプルサイトをサーバーにアップロード
http://basement.starfree.jp/imaginebysounds/
企画
- スケジュールの見直し
- 成果
- 進捗を俯瞰しタスクをまとめた。
- 進捗を俯瞰しタスクをまとめた。
[ 2021.09.23 ]
調査
- Pintarestなどを利用して紙製の容器について調査を進めた。
- 研究事例の参考。
- 成果
調査を進めた。