宮崎あゆ/情報デザイン研究I の変更点 - ソーシャルデザイン学科

追加された行はこの色です。
削除された行はこの色です。
宮崎あゆ/情報デザイン研究I へ行く。
#author("2022-10-10T18:20:48+09:00","default:member","member")
*ほっと 空きコマ ☕️
九産大生による九産大生に向けた空きコマの過ごし方

#image(あきこま1.jpg,)
''宮崎 あゆ''
'''Keywords;九産大,空きコマ,Illustrator,Web'''
-https://miyazakiayu.github.io/jouhoudesign_01/
~


**概要
***これは何？
九産大生に向けた空きコマの過ごし方を届けるWebサイト
~

***背景
大学生になると、自分で好きなように授業が組むことができる。しかし、好きなように授業を組んだ結果、空きコマが発生することがある。日頃からInstagramのストーリーズ機能で、多くの大学生が空きコマの時間が暇であるという内容を書いている人を見かけることが多かった。この経験から、空きコマの中途半端な時間を持て余してしまっている大学生も多いことが分かる。
~
***目的
上記の背景から、有意義な空きコマ時間を過ごしてもらうために、九産大生に向けた空きコマの時間の過ごし方をお届けするWEBサイトを制作する。
~
***コンセプト
Instagramのアンケート等で身近な九産大生に意見や情報をもらい、より九産大生に寄り添えるWEBサイトを目指す。
~
***ワイヤーフレーム
#image(仮.jpg,left,20%,)
~
一枚のページで完成する形式にする。
~
~
~
***成果物の仕様
-https://miyazakiayu.github.io/jouhoudesign_01/
~
#image(web.jpg,left,10%)
📌
有意義な空きコマ時間を過ごしてほしいという想いと安心して一休みすることを意味する表現である[[ほっと一息>https://www.weblio.jp/content/%E3%81%BB%E3%81%A3%E3%81%A8%E4%B8%80%E6%81%AF]]という言葉を組み合わせて『ほっと　空きコマ』というタイトルにしました。シンボルマークは、私の中で「一息をつく」という言葉が、飲み物を飲んで一段落するイメージであったことと、「ほっと　空きコマ」の「ほっと」から連想させて、ホットコーヒーにしました。

~
~
***WEBサイトを知ってもらうために
-SEOでHTML構造を最適化した
-Instagramのストーリーズ機能で宣伝をしてみてもらう（ハイライトに残す）
~
***制作ツール
-XFREE
-Adobe Illustrator
-カメラ

***プロジェクトの期間
2022.0414〜2022.0715
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
-全体的に行動が遅く、完成がギリギリになってしまった
-記事と内容は比較的統一してまとめることができた
-成果物の存在を認知してもらうように宣伝活動を進める
~
**調査
***現状調査

-[[空きコマを作るべきか>https://harukasablog.com/univ-freetime]]
→空きコマを作ることのメリットやデメリット
-[[空きコマ何をしているかアンケート>https://blablarning.com/post-5357/]]
→空きコマの間大学周辺で何をしているかアンケート
アンケート結果を見ると、半分の学生のキャンパス周辺には時間を潰すことができるようなものがないようである。
時間を潰すことができるようなもの・場所がない…
→ただ単純に見つけられていないのでは（特に新一年生）。
『空きコマに何をして過ごしているか』アンケートを行った。
~
***アンケート結果
Instagramのストーリーズ機能で簡易的に『空きコマ時間に何をしているか』
という内容でアンケートを行った（現在，九産大に通う男女４５名程度）
#image(アンケート.jpeg,left,25%)
《回答まとめ》
-友人と雑談する
-課題や制作をする
-カフェや商業施設を利用する
-アートギャラリー･美術館に行く
-図書館を利用する
-睡眠をとる
-その他(バイト・ゲーム・ジム・一時帰宅など)
~
***先行事例
-[[ひとりで出来る空きコマの暇つぶし>https://kakaoblog.com/post-40536]]
-[[大学生のおすすめの過ごし方>https://daigakusei-advice.xyz/college-life/how-to-use-freetime]]
-[[空きコマ有効活用方法>https://shukatsu-ichiba.com/article/13795]]
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[初心者向けWebサイトの作り方>https://mixhost.jp/column/home-page-build/]]

~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
-[[スケジュール>https://docs.google.com/spreadsheets/d/10JPJwcqzwPx7BKplBp-2IyFiYK0s9dqfD58ZtrFL8GQ/edit]]
-[[無料WEBデザインテンプレート>https://template-party.com/]]
~

***ToDo
-%%テーマ練り直し%%
-%%メニュー項目を考える%%
-%%Instagramによるアンケート調査%%
-%%必要な写真を撮影する%%
-%%Webサイトの場所の確保%%
-%%ビジュアル等の調整%%
-%%記事をまとめる%%
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
**2022.07.21
***進捗情報
-地図のサイズ変更
-文字を一部太くしたりサイズを変更した
-メニュー項目を改正した

＜メニュー項目＞
＊大学内施設
＊大学周辺施設
＊作業用教室
＊その他

大学内施設と作業用教室は大学内という点で重複してしまうが、
施設と教室で分類した。

~
**2022.07.14
***発表
発表を通して頂いた指摘
-メニュー項目の内容が重複している
→ロゴマークの意味を説明できるように。
-地図のサイズについて
-記事の工夫
→空間・大きさ
~
**2022.07.07
***進捗記録
-サイト調整
~
**2022.06.29
***進捗記録
-サイト調整
~
**2022.06.23
***進捗記録
-情報をまとめる
→住所・時間など詳しい詳細を調べ書き込んだ。
-地図整理
-サイト調整
~
**2022.06.16
***進捗記録
-写真撮影
-サイト調整
~
**2022.06.09
***中間発表
中間発表を通して頂いた指摘
-ロゴマークが飲食店のみ紹介と勘違いしてしまう
→ロゴマークの意味を説明できるように。
-地図があった方が伝わりやすい
-メニュー項目の内容
~
***メニュー項目（改正）
-大学内
→大学内の空きコマを過ごすのにおすすめな施設をピックアップして記載する。
-大学外
→九産大徒歩30分圏内で、空きコマを過ごすのにおすすめな様々なジャンル施設を紹介する。
-作業用
→課題等をするのにおすすめな作業スペースを紹介する。
-友達とできること
→友達と空きコマが重なる場合できるおすすめのゲームや遊びを紹介する。
~
***記事内容
-写真
-施設名
-何処にあるのか（住所）
-徒歩何分（大学外施設の場合）
-施設説明
-大体の料金
-所有時間
~
**2022.06.02
***進捗情報
-中間発表
-ビジュアル調整
~
#image(スクリーンショット.png,left,30%)
一目見た時に誰に向けてなのかが分かりにくかったため、Dear 九産大生」と追加した。
~
~
**2022.05.25
***進捗情報
-中間発表
-内容整理
~
**2022.05.18
***進捗情報
-Instagramによるアンケート調査を行った
詳しい内容は、調査の部分に記載。
📌
アンケート結果から、家が近い人は一旦家に帰り、家が近くない人は
友人と雑談や課題をして時間を潰すという意見が多いことがわかった。
この現状から、大学周辺で雑談や課題をする環境に適した場所を、
多めにピックアップすることにした。
~
**2022.05.12
***進捗記録
-WEBサイト無料テンプレートをダウンロード
自分で０から作り出すのは難しいと考えたため、無料で配布しているWEBデザインをベースに、自分でHTMLを編集していくことにした。
[[template-party>https://template-party.com/]]様のWEBデザインを使用する。
~
**2022.04.28
***進捗記録
-テーマの改正・練り直し
-サイトを置く場所の確保（XFREE）
-サイトのメニュー項目
~
***メニュー項目
-大学内でできること
→大学内のおすすめ施設
-近場でできること
→おすすめのカフェや商業施設
-ひとりでもできること
-みんなでできること
~
**2022.04.21
***調査
-[[空きコマを作るべきか>https://harukasablog.com/univ-freetime]]
→空きコマを作ることのメリットやデメリット
-[[空きコマ何をしているかアンケート>https://blablarning.com/post-5357/]]
→空きコマの間大学周辺で何をしているかアンケート
~
***参考サイト
-[[ワクワクするWebサイト集>https://liginc.co.jp/431213]]
-[[初心者向けWebサイトの作り方>https://mixhost.jp/column/home-page-build/]]
-[[動くWebサイトの作り方>https://mag.ibis.gs/creative/design/motion_200715/]]
-[[無料WEBデザインテンプレート>https://template-party.com/]]
~
**2022.04.14
***したいことや挑戦したいことを見つける
~
***テーマ案
-見てるだけでワクワクするWEBデザイン

＊動きがある
＊見た目がかわいい

-拠り所になるWebサイト

＊なんでも気楽に書き込める
例）感謝や愚痴など
~
~