#author("2021-09-22T20:15:10+09:00","default:member","member") *Imagine by Sounds 環境音を通じて自然の魅力を伝えるプロジェクト &image(mainvisual.jpg,center,100%); -'''Keywords：Web design(HTML/CSS/jQuery) , UI/UX design''' //-https://www.example.com #author("2026-04-02T15:56:26+09:00","default:inoue.ko","inoue.ko") ~ **Overview ~ ~ ***Introduction / What is This //&color(red){これは何か・・を簡潔に}; Webサイトと紙媒体を利用して自然環境の美しさを伝えるサービス ~ ~ ***Background and Purpose -環境問題の深刻化に向けて、近年啓発が盛んに行われている。 -アンケート調査によると環境配慮意識・行動は高まっている傾向が見受けられたので、問題喚起ではなく自然の美しさ、大切さを感じてもらえるものが作りたいと考えた。 ~ ~ ***Concept プロジェクトを構成する要素 ~ -音響(自然環境音) Webサイトで再生。 ~ --自然環境音は心身の疲労回復やストレスの低減効果など、ポジティブな効果を引き起こすことが立証されている。 参考：[[自然環境の映像と音がストレス低減に及ぼす影響 - 立教大学>http://www.myschedule.jp/jpa2014/tex_output/source/jpa2014_poster/90529.pdf]] --人間にとって快く感じ、娯楽ともなりうる音響を取っ掛かりとした。 ~ -ライティング [[ストーリーテリング>https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AA%E3%83%BC%E3%83%86%E3%83%AA%E3%83%B3%E3%82%B0]]の手法を用いてショートストーリーをリーフレットに掲載。 写真と合わせて読んでもらうようにし、文章が苦手な人にとっても平易化する。 他人に依頼することも検討。 ~ -写真 リーフレット、Webサイトに掲載。 ~ -映像 Webサイトに掲載。 ~ ~ ***Output -サービスフロー &image(flow.jpg,center,100%); ~ -リーフレット試作 ~ #image(深江沙羅/Presentation/leaf.jpg,center,100%) ~ -Webサイトのモックアップ ~ [[ユーザーテスト用モックアップ>https://xd.adobe.com/view/2f4c5bf6-f4af-4083-8eb6-f1b199d94838-7a1f/?fullscreen&hints=off]] ~ //#youtube(EJMrEQbHpv4) //&color(red){成果物の直接掲載またはリンク誘導}; //&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);}; //&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);}; ~ ~ -Webサイト用の動画・音声(試作) ~ #youtube(KIUx3cA2fAs) ~ ~ ***Tools ''Webサイト'' 音響の再生や、写真・動画の掲載。 ~ ''紙媒体'' リーフレット Webサイトを読み込むためのQRコード、ショートストーリーを記載。 ※複数のパターン ~ -なぜ紙媒体とWeb媒体を併用するのか？ --Webページは検索からの流入など、元々コンテンツに一定の興味がある人が閲覧する傾向にある。 --誰でも閲覧・利用できるサービスというコンセプトから紙媒体を採用。 ~ ''撮影機材'' FUJIFILM X-T30 ~ ''音声録音'' TASCAM DR-07X ~ ''紙素材'' ミ・タント パラフィン紙 ~ ''ソフト'' Adobe Illustrator Photoshop Premiere pro XD ~ ~ ***Term 2021.04〜2021.10 ~ //***Conclusion / Summary //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ **Survey ~ ~ ***Present Status -アンケート調査 [[環境意識(環境に配慮した行動)を日頃から意識づけていますか？ -ミルトーク>https://milltalk.jp/boards/95430]] ---20〜60代男女30人に「日頃から環境に配慮した行動をしているか」またその理由を調査した。アンケート日は2021年6月3日。 ---していると回答した人は約87%、していない人は約13%だった。 メディアの影響や社会全体の意識の高まりもあり、多くの人が自覚している範囲内では環境意識を持っているという結果になった。 ~ -環境問題の概要を調査・把握。 --[[環境保全のために普段の暮らしの中でできること -WWF JAPAN>https://www.wwf.or.jp/daily/]] --[[環境のために、できることからはじめよう -さいたま市>https://www.city.saitama.jp/001/009/006/p073875.html]] ~ -五感においての情報判断の優先順位を調査。 --[[産業教育機器システム便覧>https://ci.nii.ac.jp/ncid/BN00843446]] 視覚が最も優先順位として高く(83.0％)、次点が聴覚(11.0％)。 --[[参考：五感情報通信技術>https://www.jstage.jst.go.jp/article/sobim/31/2/31_2_71/_pdf]] ~ ~ ***Precedent //&color(red){先行事例の紹介、傾向分析など}; -先行事例 --[[おととめし>https://www.lumine.ne.jp/tabilumine/ototomeshi/]] ---購入した弁当に記載されたQRコードを読み取り、音を楽しみながら食事をするというサービス。本プロジェクトイメージに近い。 --[[プレミアムモルツ 特別な時間 -サントリー>https://www.suntory.co.jp/beer/thepremiummalts/special/]] --[[TRAIL WORKS -BEAMS>https://www.beams.co.jp/special/happyoutside/trailworks/]] ---写真と文章を構成してストーリー仕立てにしている。 ~ ~ ***Technique / Technology //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[何のために「UXデザイン」をするのか - UX MILK>https://uxmilk.jp/79718]] -[[UXデザインプロセスにおける基本的な6ステップ>https://blog.btrax.com/jp/ux-design-process/]] ---UXの基礎知識理解 -[[環境音 - 効果音ラボ>https://soundeffect-lab.info/sound/environment/]] ---環境音の種類把握 -[[電車は遅れておりますが>http://denokure.com]] ---ストーリーテリングのテイストとして参考にしたい。 ~ ~ **Project Management ~ ~ ***Schedule //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; [[卒業研究進行表>https://docs.google.com/spreadsheets/d/19Nqnl0hWJtXygmY7f32yG03QVK1geO39nKenB_0vkF0/edit?usp=sharing]] ~ ~ ***ToDo リーフレットの試作 Webサイトのコーディング エクスペリエンスの設計構築 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ~ ~ ~ #hr CENTER:''worklog'' #hr ~ ***[ 2021.09.22 ] ***調査 --Pintarestなどを利用して紙製の容器について調査を進めた。 ~ -成果 調査を進めた。 ~ ***[ 2021.07.27 ] ***制作 --リーフレット製本 --ライティング ~ -成果 調査を進めた。 ~ ***[ 2021.07.25 ] ***調査 --書籍を用い、針と系で製本する技法の調査を行なった。 **制作 リーフレットの試作を行なった。 ~ -成果 調査を進めた。 ~ ***[ 2021.07.15 ] ***調査 --書籍で映像、撮影テクニックの調査を行った。 ~ -成果 調査を進めた。 ~ ***[ 2021.07.06 ] ***制作 --モバイル版動画の制作 --コーディング ~ -成果 制作を進めた。 ~ ***[ 2021.07.01 ] ***企画案 --スケジュールの見直し ~ -成果 プロジェクトの全体を俯瞰し進捗を確認した。 ~ ~ ***[ 2021.06.24 ] ***企画案 --メインビジュアルの変更 ~ -成果 プロジェクトの明確化。 ~ ~ ***[ 2021.06.18 ] ***制作 --Webサイト用の動画試作 #youtube(ei4Nnrrybx0) --モックアップ制作 ~ -成果 試作制作を進めた。 ~ ***[ 2021.06.17 ] ***企画案 --企画テーマについての調査 [[環境保全のために普段の暮らしの中でできること -WWF JAPAN>https://www.wwf.or.jp/daily/]] [[環境のために、できることからはじめよう -さいたま市>https://www.city.saitama.jp/001/009/006/p073875.html]] ~ ***設計 --デザインコンセプト案の構想 ナチュラル/オーガニック系の複数Webサイトを参考にした。 ''コンセプト１'' [[NEMOHAMO>https://nemohamo.com/]] [[neone creation>https://www.neonecreation.co.jp/]] [[SKINCARE LOUNGE BY ORBIS>https://www.orbis.co.jp/skincarelounge/]] 線の細いフォントや明朝体、低明度の色彩を用いて柔らかさを出している。繊細さが感じられる。 ''コンセプト２'' [[壌>https://jyou.media/]] [[MONOTO>https://monoto.life/]] フォントカラーを黒でゴシック体を使うことで、スタイリッシュで締まりある印象になっている。 ~ --Webサイトのプロトタイピング ワイヤーフレームとサイトマップ(ペーパー)をもとにXDでプロトタイピングを進めた。 ~ ***調査 ---各技術調査 [[Webデザインで「やるべきこと」と「やってはいけないこと」 -UX MILK>https://uxmilk.jp/68277]] [[【フィルム風写真】デジタル一眼レフカメラで撮った写真をアナログフィルム風に加工する方法 -まなびや >https://manaboy.jp/design/pics_like_film.html]] [[Skipper -jQuery>http://austenpayan.github.io/skippr/]] ~ -成果 デザインコンセプトや技術確認にあたり調査できた。 ~ ***[ 2021.06.12 ] ***調査 --Webでのリサーチ [[スクロールがユーザー体験に与える影響とは -UX MILK>https://uxmilk.jp/73671]] Webサイトのワイヤーフレームを制作するにあたって調査。 [[SDGsコミュニケーションガイド -電通>https://www.dentsu.co.jp/csr/team_sdgs/pdf/sdgs_communication_guide.pdf]] SDGsウォッシュ(実態が伴わないのにSDGs目標を掲げている状態)についてのガイドを読んだ。 ~ -成果 研究目的、取り扱う内容についての見直し。 ~ ***[ 2021.06.11 ] ***企画案 --アンケート調査 アンケートの再調査、洗い出し。 ~ ***調査 ---Webサイト参考事例 [[九州空撮隊>http://tak-inc.com]] [[KNAP>https://knap.jp]] 動画や写真をメインビジュアルで魅力的に見せているWebサイトを調査。 ~ -成果 アンケートの調査をすることで、研究背景の見直しができた。 Webサイトの構想の具体化。 ~ ***[ 2021.06.10 ] ***企画案 --サイトマップ・ワイヤーフレームの構想(ペーパー) ~ -成果 試作の具体化とスケジュールの明確化。 ~ ***[ 2021.06.03 ] ***企画案 --アンケート調査 [[環境意識(環境に配慮した行動)を日頃から意識づけていますか？ -ミルトーク>https://milltalk.jp/boards/95430]] ---20〜60代男女30人に「日頃から環境に配慮した行動をしているか」またその理由を調査した。アンケート日は2021年6月3日。 ---していると回答した人は約87%、していない人は約13%だった。 メディアの影響や社会全体の意識の高まりもあり、多くの人が自覚している範囲内では環境意識を持っているという結果になった。 ---しかし、アンケートの題目により回答者の関心に多少のバイアスがかかっていることを考慮する。 ---環境に配慮した行動として、「ゴミの分別」「エコバック」「マイボトル」「節水節電」など、日頃から喚起されている環境配慮への取り組みが見られた。 ~ ***調査 ---ライティング技術確認 https://copyrighting-supremeprinciple.net/?p=780 https://note.com 上記サイトの技法、参考作品などを調査。 --UX技法調査 [[UXデザインとユーザー調査 -CRESCO>https://www.cresco.co.jp/blog/entry/14637/]] ~ ***制作 ---使用する紙素材の決定 ''パラフィン紙'' ''和紙(数種類)'' テスト印刷し選定する ~ -成果 プロトタイプ制作に向けて技術確認を進めることができた。 ユーザー調査により現状の概要を掴むことができた。 ~ ***[ 2021.05.29 ] ***制作 --サーバー確保(スターサーバー) --映像技術確認・試作 #youtube(igsVeQJO1hY) ~ -成果 サーバー確保。 映像要素のイメージを具体化することができた。 ~ ***[ 2021.05.28 ] ***制作 --調査 ---ライティングの技術確認 [[SHOO・LA・RUE 15周年祭>https://prtimes.jp/main/html/rd/p/000000856.000002439.html]] [[フェイスマスク ルルルン>https://lululun.com]] ストーリー性のある広告を調査。 いずれも文字数が少ない。 ---作品構成の参考 [[プレミアムモルツ 特別な時間 -サントリー>https://www.suntory.co.jp/beer/thepremiummalts/special/]] 写真と短文を時系列で構成し、ストーリー性を作って商品の印象を強めるものになっている。 ~ -成果 プロジェクト概要の明確化に近づいた。 ~ ***[ 2021.05.24 ] ***制作 --企画案 ---スケジュールの詳細を定義 ~ -成果 スケジュールが明確化した。 ~ ***[ 2021.05.20 ] ***制作 --試作 ---リーフレット (12×8・和紙プリント) ---サービスフロー整理 ~ -成果 プロジェクトの概要を具体化した。 ~ ***[ 2021.05.18 ] ***企画案 --参考事例の調査 ---[[沈黙が音について教えてくれること -ダラス・テイラー(TED)>https://www.ted.com/talks/dallas_taylor_what_silence_can_teach_you_about_sound?utm_campaign=tedspread&utm_medium=referral&utm_source=tedcomshare]] 上記動画に着想を得て、「音」を主軸としたプロジェクトに興味を持った。 --懸念点 ---聴覚に問題がある人に対してのアプローチ手法は？ ---やることが多いのでコンテンツ数を削る必要がある。 ~ -成果 プロジェクトのコンセプトをおおまかに決定した。正式なプロジェクト名は未確定。 ~ ~ ***[ 2021.05.13 ] ***企画案 --書籍での参考事例の調査 ---[[新世代エディターズファイル>https://www.amazon.co.jp/dp/B08XTLVBW1]] ---[[MdNデザイナーズファイル2021>https://www.amazon.co.jp/dp/4295200999]] ---[[安心・安全を伝えるデザイン>https://www.amazon.co.jp/dp/475625442X]] ~ -成果 [[YOU IN>https://isuta.jp/607747]]のような、ユーザーのバックグラウンドに合わせたものを提供するサービスかプロダクト、という方向性を決めた。 研究題目については未確定。 ~ ~ ***[ 2021.04.30 ] ***企画案 --参考事例の調査 ---[[電車は遅れておりますが>http://denokure.com]] 洗練された印象があるショートストーリーコラム ---[[ポmagazine>https://www.potel.jp/kyoto/cityguide]] デザイン・記事共に面白さを感じさせるコラムサイト ~ -成果 構想が少し進んだ。テーマ確定には至らなかった。 ~ ~ ***[ 2021.04.28 ] ***企画案 --参考事例の調査 [[パッケージデザイン大賞>https://www.jpda.or.jp/]] [[サステナブルな未来へのトランジション>https://sustainability-transitions.com/jp]] [[明治ザ・チョコレート>https://www.meiji.co.jp/products/brand/the-chocolate/]] ~ --構想 ストーリー仕立ての解説本？ 色と関連付けた食物などが選べる アプリかWebサイトで詳細の確認が可能 ~ -成果 構想が少し進んだ。調査不足だと感じ、テーマ確定には至らなかった。 ~ ~ ***[ 2021.04.22 ] ***企画案 --先行研究事例の調査 ---他大学1 https://design.art.nihon-u.ac.jp ---他大学2 https://kkblab.com/project.html ---他大学3 https://school.dhw.co.jp/course/digital/graduationwork/ ---よみもの [[卒業研究-OpenSquareJP>https://design.kyusan-u.ac.jp/OpenSquareJP/?cmd=read&page=%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6&word=%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6]] [[UI設計のユーザビリティヒューリスティック >https://uxdaystokyo.com/articles/glossary/10-usability-heuristics-for-user-interface-design/]] ~ -成果 プロダクトかハードウェアかアプリのユーザビリティに関することを研究したい。ユニバーサルデザインの視点が取り入れられたらなお良いが、具体的な研究内容については未確定。 ~ ~ ***[ 2021.04.15 ] ***企画案 --テーマ構想 ---キーワード出し ''ブランディング''、''サスティナブル''、''ユーザビリティ''、''インスタレーション''、''プロダクト''、''Webデザイン''、''インターフェース設計'' 、''アプリデザイン''、''ノーコード'' ---参考サイト [[TABETE>https://tabete.me]] [[YOU IN>https://isuta.jp/607747]] ~ -成果 方向性をおおまかに決めた。 ~ ~ **Link ~ -[[卒業研究I>https://design.kyusan-u.ac.jp/socialdesign/?%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6]] -[[Iwata lab.>http://www.iwata.art.kyusan-u.ac.jp/wordpress/]] ~ ~ ~