これらのキーワードがハイライトされています:深江沙羅
Imagine by Sounds
- Keywords:Web design(HTML/CSS/jQuery) , UI/UX design
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
紙素材
ミ・タント
パラフィン紙
ソフト
Adobe Illustrator
Photoshop
Premiere pro
XD
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
リーフレットの試作
Webサイトのコーディング
エクスペリエンスの設計構築
worklog
[ 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サイト用の動画試作
- モックアップ制作
- 成果
試作制作を進めた。
[ 2021.06.17 ]
企画案
設計
- デザインコンセプト案の構想
ナチュラル/オーガニック系の複数Webサイトを参考にした。
コンセプト1
NEMOHAMO
neone creation
SKINCARE LOUNGE BY ORBIS
線の細いフォントや明朝体、低明度の色彩を用いて柔らかさを出している。繊細さが感じられる。
コンセプト2
壌
MONOTO
フォントカラーを黒でゴシック体を使うことで、スタイリッシュで締まりある印象になっている。
- Webサイトのプロトタイピング
ワイヤーフレームとサイトマップ(ペーパー)をもとにXDでプロトタイピングを進めた。
調査
- 各技術調査
Webデザインで「やるべきこと」と「やってはいけないこと」 -UX MILK
【フィルム風写真】デジタル一眼レフカメラで撮った写真をアナログフィルム風に加工する方法 -まなびや
Skipper -jQuery
- 成果
デザインコンセプトや技術確認にあたり調査できた。
[ 2021.06.12 ]
調査
- Webでのリサーチ
スクロールがユーザー体験に与える影響とは -UX MILK
Webサイトのワイヤーフレームを制作するにあたって調査。
SDGsコミュニケーションガイド -電通
SDGsウォッシュ(実態が伴わないのにSDGs目標を掲げている状態)についてのガイドを読んだ。
- 成果
研究目的、取り扱う内容についての見直し。
[ 2021.06.11 ]
企画案
- アンケート調査
アンケートの再調査、洗い出し。
調査
- 成果
アンケートの調査をすることで、研究背景の見直しができた。
Webサイトの構想の具体化。
[ 2021.06.10 ]
企画案
- サイトマップ・ワイヤーフレームの構想(ペーパー)
- 成果
試作の具体化とスケジュールの明確化。
[ 2021.06.03 ]
企画案
- アンケート調査
環境意識(環境に配慮した行動)を日頃から意識づけていますか? -ミルトーク- 20〜60代男女30人に「日頃から環境に配慮した行動をしているか」またその理由を調査した。アンケート日は2021年6月3日。
- していると回答した人は約87%、していない人は約13%だった。
メディアの影響や社会全体の意識の高まりもあり、多くの人が自覚している範囲内では環境意識を持っているという結果になった。 - しかし、アンケートの題目により回答者の関心に多少のバイアスがかかっていることを考慮する。
- 環境に配慮した行動として、「ゴミの分別」「エコバック」「マイボトル」「節水節電」など、日頃から喚起されている環境配慮への取り組みが見られた。
調査
- ライティング技術確認
https://copyrighting-supremeprinciple.net/?p=780
https://note.com
上記サイトの技法、参考作品などを調査。
- UX技法調査
UXデザインとユーザー調査 -CRESCO
制作
- 使用する紙素材の決定
パラフィン紙
和紙(数種類)
テスト印刷し選定する
- 成果
プロトタイプ制作に向けて技術確認を進めることができた。
ユーザー調査により現状の概要を掴むことができた。
[ 2021.05.29 ]
制作
- サーバー確保(スターサーバー)
- 映像技術確認・試作
- 成果
サーバー確保。
映像要素のイメージを具体化することができた。
[ 2021.05.28 ]
制作
- 調査
- ライティングの技術確認
SHOO・LA・RUE 15周年祭
フェイスマスク ルルルン
ストーリー性のある広告を調査。
いずれも文字数が少ない。 - 作品構成の参考
プレミアムモルツ 特別な時間 -サントリー
写真と短文を時系列で構成し、ストーリー性を作って商品の印象を強めるものになっている。
- ライティングの技術確認
- 成果
プロジェクト概要の明確化に近づいた。
[ 2021.05.24 ]
制作
- 企画案
- スケジュールの詳細を定義
- スケジュールの詳細を定義
- 成果
スケジュールが明確化した。
[ 2021.05.20 ]
制作
- 試作
- リーフレット
(12×8・和紙プリント) - サービスフロー整理
- リーフレット
- 成果
プロジェクトの概要を具体化した。
[ 2021.05.18 ]
企画案
- 参考事例の調査
- 沈黙が音について教えてくれること -ダラス・テイラー(TED)
上記動画に着想を得て、「音」を主軸としたプロジェクトに興味を持った。
- 沈黙が音について教えてくれること -ダラス・テイラー(TED)
- 懸念点
- 聴覚に問題がある人に対してのアプローチ手法は?
- やることが多いのでコンテンツ数を削る必要がある。
- 成果
プロジェクトのコンセプトをおおまかに決定した。正式なプロジェクト名は未確定。
[ 2021.05.13 ]
企画案
- 書籍での参考事例の調査
- 成果
YOU INのような、ユーザーのバックグラウンドに合わせたものを提供するサービスかプロダクト、という方向性を決めた。
研究題目については未確定。
[ 2021.04.30 ]
企画案
- 参考事例の調査
- 電車は遅れておりますが
洗練された印象があるショートストーリーコラム - ポmagazine
デザイン・記事共に面白さを感じさせるコラムサイト
- 電車は遅れておりますが
- 成果
構想が少し進んだ。テーマ確定には至らなかった。
[ 2021.04.28 ]
企画案
- 参考事例の調査
パッケージデザイン大賞
サステナブルな未来へのトランジション
明治ザ・チョコレート
- 構想
ストーリー仕立ての解説本?
色と関連付けた食物などが選べる
アプリかWebサイトで詳細の確認が可能
- 成果
構想が少し進んだ。調査不足だと感じ、テーマ確定には至らなかった。
[ 2021.04.22 ]
企画案
- 先行研究事例の調査
- 成果
プロダクトかハードウェアかアプリのユーザビリティに関することを研究したい。ユニバーサルデザインの視点が取り入れられたらなお良いが、具体的な研究内容については未確定。
[ 2021.04.15 ]
企画案
- テーマ構想
- 成果
方向性をおおまかに決めた。