宮路咲希/卒業研究
をテンプレートにして作成
HOME
ABOUT
最新の更新
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
木村円香
鴻上早紀
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
江口依舞
久木田直央
本田麻緒
山田真央
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
庭瀬美来
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
佐藤美月
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
橋本音花
若狭映那
古賀莉梨香
2025
MEMBER 2025
赤星花
有薗晴己
泉百々
稲吉うた
宇都宮楓
大島詩絵里
小川眞由
源島咲太郎
櫻井風希
佐藤禾生子
友田葵
中西恋果
中山颯太
新甫楓佳
納富早希
野口瑞季
橋本京佳
東島百合子
平野雅華
深井梨々子
松本美時
丸石樹
椋本凌
村山小桜
村山優
持田真翔
吉松まなみ
浅川ひより
池光希
大崎優衣
大瀬梨乃亜
加藤虎太郎
金丸菜美
北本杏
坂本隆太朗
杉野亜子
田代夕加里
永野陽香
濱村悠伸
原凛々子
一松彩心
八木玲蓮
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2024年度卒業生
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
企画デザイン演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
SEARCH
開始行:
*まごころ日和
大学生と祖父母の関わりを見つめ直し、行動のきっかけと継続...
#image(top-2.jpg)
-''Saki Miyaji''
-'''Keywords:Web design, Analysis, Grandparents'''
-https://skmyj.github.io/magokorodays/
-[[後期概要(610KB)>https://drive.google.com/file/d/1zMK...
-サイト内ダウンロード資料一覧
--[[アンケート結果報告書(PDF:A4サイズ10枚)(375KB)>ht...
--[[ガイドブック(2.3MB)>https://drive.google.com/file/d...
--[[まごころリスト(131KB)>https://drive.google.com/file...
--[[マンスリーカレンダー(フォルダ)>https://drive.google...
//🔗[[''アンケートはこちら''>https://forms.office.com/r/r2...
//アンケートのご協力お願いします!
~
**概要
***これは何?
これは、アンケート調査のデータから大学生と祖父母の関わり...
//『もっと話しておけばよかった』と後悔しないために。祖父...
//「病気になる前からのコミュニケーションの種まき」を提案...
//孫と祖父母の関係性を深めるためのコミュニケーションツー...
//思い出の記録を通じて、離れていても心の距離を縮めること...
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
大学生になると、学業や就職活動で忙しくなり、祖父母との...
「今だからできる関わり」を見つけ、行動し、それを記録と...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
・大学生と祖父母の関わりをデータを通して知ることができる...
・祖父母とコミュニケーションを取るきっかけとして活用でき...
「まごころ活動」とは? →「孫」である私たちが、祖父母に向...
//「祖父母との思い出を記録する」ことをコンセプトに、孫と...
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-[[Webサイト>https://skmyj.github.io/magokorodays/]]
-[[後期概要(610KB)>https://drive.google.com/file/d/1zMK...
-サイト内ダウンロード資料一覧
--[[アンケート結果報告書(PDF:A4サイズ10枚)(375KB)>ht...
--[[ガイドブック(2.3MB)>https://drive.google.com/file/d...
--[[まごころリスト(544KB)>https://drive.google.com/file...
--[[マンスリーカレンダー(フォルダ)>https://drive.google...
---実際の使用感
#image(使用感.jpg,50%)
//-''前期最終発表での成果物''
//--[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/...
//#image(プロトタイプ_全体像.jpg,,50%);
//--サイトマップ、ワイヤーフレーム(ブラッシュアップ)
//|#image(サイトマップ_ブラッシュアップ.png)|#image(ワイ...
//--[[アンケート結果報告書(PDF:A4サイズ10枚)>https://d...
//--[[前期作品概要集>https://drive.google.com/drive/folde...
//|サイトマップ| |ワイヤーフレーム|
//|#image(サイトマップ.jpg,90%)| |#image(ワイヤーフレーム...
//#settableborder(none)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
-サイト制作、キャラクターデザイン、メインビジュアルのディ...
--[[宮路咲希>宮路咲希]]
-メインビジュアルのデザイン(依頼)
--[[山本彩花>山本彩花]]
~
***制作ツール
-Adobe XD
-Adobe Illustrator
-Visual Studio Code
-HTML
-CSS
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2025.04.11~2025.12.26
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
~
***まとめ
大学生が祖父母に対してどのような思いや考えを持っている...
また、サイトやダウンロード資料には落ち着いた色合いとキ...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-[[九産大生対象のアンケート調査>https://docs.google.com/s...
詳しくは、成果物の報告書参照。
-孫と祖父母が会う頻度
--[[内閣府 祖父母との接触頻度>https://www8.cao.go.jp/kour...
『ほとんど毎日会う』33.2%
『年に数回会う』24.5%、
『月に1~2回会う』19.0%
--[[不動産ジャパン>https://www.fudousan.or.jp/topics/1607...
近居している祖父母では月に平均4.8回(1週間に約1回)
近居していない祖父母では月に平均0.4回(2ヶ月に約1回)
「近居していない祖父母のうち52.6%は1年に約1~2回程度」で...
---【孫とどれくらいの頻度で会いたいか】
近居している祖父母では月に平均5.3回
近居していない祖父母では月に平均1.6回
→「近居している祖父母もそうでない祖父母も理想が現状の頻度...
//-[[高齢者に多い病気ランキング5選!>https://jos-senior.c...
//1位:認知症
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[介護施設の防災・減災ガイド>https://bousai-fukushi.org]]
介護施設における災害への対策をまとめたWebサイト
-[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
//-[[倉員優実/卒業研究>倉員優実/卒業研究]]
//犬の迷子を防止する注意喚起webサイト
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-プロトタイプ
--[[【Adobe XD】プロトタイプのできることや使い方を初心者...
--[[【XDの使い方】初心者・入門者向けの便利な機能(YouTube...
//-日記
//--[[InDesign 使い方の基本【初心者向け】>https://www.van...
~
~
**プロジェクト管理
***スケジュール
-[[卒業研究工程表>https://docs.google.com/spreadsheets/d/...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-前期
--%%テーマ案決め%%
--%%工程表作成%%
--[[アイデアスケッチ>https://drive.google.com/drive/folde...
週ごとにフォルダ分けしています
--%%サイトマップ%%
--%%ワイヤーフレーム%%
--%%アンケート結果報告書%%
--%%プロトタイプ%%
-後期
--サイト制作
--展示準備
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2025.12.05
***作業
-説明パネル(12/12〆切)
-制作物ブラッシュアップ
--Webサイト
---行間
---ギャラリーに文章をつける(メインビジュアルは修正依頼済)
---画像の修正(切れている部分をなくす)
---キャラクターの背景
---ダウンロード資料のクレジットを明記
--概要集
---ブラッシュアップした分の画像差し替え
~
**2025.11.28
***作業
(体調不良のため作業ペース落とす)
-制作物ブラッシュアップ
--Webサイト
---サイト構造
---ボタンの表記・配置
---行間
~
**2025.11.21
GOAL:最終審査
***講評
-井上先生
--トップページのサイト構造について
「1. データを見る」と「2. まごころ活動を始めよう!」とい...
「現状を知る」というワードに変えるのはどうか?
--サイト構造について
3ステップあるとリズム感が出る
データを見て、「考えて・提案する」、行動するみたいな流れ...
-永嶋先生
--戻るボタンについて
ステップを踏みながら進んでいくイメージ→「次のステップに進...
--ダウンロード資料について
シールやスタンプなどを用意して、スモールステップから始め...
ダウンロード資料のクレジットがわかるようにする
-岩田先生
--なぜこのキャラクターなのか?
キャラクターの背景を持たせることで、ナビゲーター・お手伝...
--ビジュアル面について
---画像部分が切れている
---画像の枠は本当にいるのか
---行間
枠や形ではなく、空間を使って分けるべき
-大井さん
--まごころ活動の写真部分について
使い方に関するメモや一言を添えておくと、画像の使用感が伝...
~
***これからの作業
-制作物ブラッシュアップ
--Webサイト
---サイト構造
---ボタンの表記・配置
---行間
---ギャラリーに文章をつける
---画像の再挿入・空間で分けることを意識
・切れている部分をなくす
・ロゴと文章の印象を揃える等
---キャラクターの背景
---スモールステップを用意
・シールやスタンプなど
---ダウンロード資料のクレジットを明記
-展示準備
--説明パネル着手
~
**2025.11.14
***作業
-制作物ブラッシュアップ
★デスクトップでサイトを開いた時の見え方が違う
--%%ヘッダーの処理%%
--%%写真とダウンロードボタンのgrid処理を区別する%%
-学科サイトの整理
~
***相談結果
-永嶋先生
--まごころ日和(ロゴ)
---画質について
%%画像 SVGで保存(not png)(二倍などでも対応可能) %%
---%%デスクトップのサイズが大きい→max-width 500px%%
---ボタン
%%marginのサイズが大きいため、ダウンロードボタンのマージ...
---写真のギャラリー
%%Img-item img Vertical-align bottomで揃える%%
---コードについて
%%Javascript はいらない%%
%%mainの閉じタグがない→フッターの前におく%%
%%Divの閉じタグが抜けてる%%
~
**2025.10.31
***作業
-概要集ブラッシュアップ
-制作物ブラッシュアップ
-学科サイトの整理
~
***相談結果
-永嶋先生
--%%概要集%%
半角→全角
まとめ部分の文章は、実際の使用感の結果がわかると良い。(...
--サイト
まごころ活動ページの概要部分のインパクトが大きい
→画像ではなく、CSSで行うと、画像サイズや線のサイズをモバ...
---%%トップに戻るボタン%%
ドロップシャドウ設定で浮遊させる
文字が見えなくなるから小さめに
---%%ボタン%%
ダウンロードボタンと戻るボタンの色を変える
マンスリーカレンダーのダウンロードボタンはgridでも可(気...
~
**2025.10.24
***作業
-学科サイトの整理
--メインビジュアルの変更
-概要集の完成
-サイト制作(11/14までにブラッシュアップを終わらせる)
--文字の行間、画像位置などの微調整
~
***相談結果
-永嶋先生
--ダウンロードデータに関して
マンスリーカレンダーの点線:存在感減らす
--Webサイト
画像をギリギリでトリミング(余白が多く見えるため)
~
**2025.10.17
***制作
-Webサイト完成
--サイト構造の整理
画像はgridで並べる 1fr 1fr
ページ先のボタン
ヘッダーの遷移先はページに飛ぶようにする
サイトロゴに変更するのはどうか?(メインだし)
文章の改行、間隔の処理
フォントのダウンロード完了。(丸ゴシック)
-ダウンロードデータの完成(ガイドブックの表紙)
-メインビジュアル ラフ用意→イラストは山本彩花に依頼
#image(talk.png)
-まごころ活動ページ
--写真撮影(10月22日の4限、永嶋ゼミ室)
--材料調達(10月21日午後)
-学科サイトの整理
-概要集修正
~
***相談結果
-永嶋先生
--PDFダウンロードのコード
blank機能で前ページに戻れるようにダウンロードの対応をとる。
--遷移先ページの画像サイズ調整について
スマホサイズは縦並び(column)、タブレットサイズからは横...
→これの影響か、トップページのデータブロックとアクションブ...
--サイト内の文字サイズが微妙に異なる
タブレットとスマホで文字サイズを変更する際に、SafariとChr...
--メインビジュアルについて
キャラクターをトップに持ってくると、大学生と祖父母の関係...
--まごころ活動のページは写真を用意して、使用感を載せる。
--ページの最後にトップに戻るボタンを用意
キャラクターだとナビゲーション感が出るのでは
~
**2025.10.10
***制作
-メインビジュアルの作成
-コーディング
--画像、写真の挿入
--ダウンロード可能の状態にする
-まごころ活動(実際の使用感、印刷等)
--印刷
--写真撮影
-概要集の作成
[[概要集>https://drive.google.com/drive/folders/1iW-nrH8p...
-学科サイトの整理
~
***相談結果
-永嶋先生
--遷移先ページの画像サイズ調整について(スマホ版とPC版で...
スマホ版とPC版で、文字と絵の配置が若干異なる。
同じ仕様でできないか検討。PC版の時のイラストが大きいのも...
--PDFダウンロードの中身をどうするか
PDFデータをおけば解決する。
→うまくいかないため相談する。
--やっぱりループ画像が切れる件について
CSSで行うのを諦めて、ループ仕様のものに変更する
→写真とイラストのミスマッチ。ループ部分はイラストに全振り...
--文字フォント丸or角
→丸に変更、対応済み
~
**2025.10.03
***制作
-コーディング
[[GitHub(作業の度に随時更新)>https://github.com/skmyj/m...
--%%戻るボタンの作成%%
--%%PDFダウンロードボタンの作成%%
--%%ヘッダーのレスポンシブ(遷移先)%%
--%%スマホ版のみハンバーガーメニューの対応%%
--遷移先ページの画像サイズ調整→次回相談
-まごころ活動ガイドブックの作成
--まごころ活動リスト
[[アイデアスケッチ(2025.10.03フォルダ追加)>https://driv...
完成データも込み
~
***相談結果
-永嶋先生
質問事項
--遷移先のページのヘッター
元のページに戻れるように処理
--サイズによってマークの位置がズレてる?
枠の中の枠のサイズが大きい→微妙なサイズの時にズレが発生
100%に変更で、修正完了
--デスクトップだとループが途中で切れる
→画像の塊(5枚1セット)を3つ作ることで対応。
~
**2025.09.26
***制作
-コーディング
--[[GitHub(作業の度に随時更新)>https://github.com/skmyj...
--ボタン遷移先のサイトページの枠組みを作る
[[データページ>https://skmyj.github.io/magokorodays_data/]]
[[まごころ活動ページ>https://skmyj.github.io/magokorodays...
-Illustrator
--円グラフ、棒グラフの作成
-まごころ活動セット
--マンスリー
10月も引き続き使用感チェック
---A4サイズ
祖母の薬記録も継続中
A4に4ヶ月分のマンスリーが載ったタイプで印刷し、自分で使用
→友だちにもしてもらうか検討(2週間くらい?)
--まごころ活動ページのラフ作成
まごころ活動セットの作成(A4、PDFダウンロード)
【内容】
・サイトの内容の紙版
・まごころ活動リスト
・まごころマンスリー
---ページ設定(改)
1p:表紙
2p:無地
3p:はじめに、キャラクター
4,5p:データを見る
6,7p:まごころ活動
8,9p:まごころリスト
10〜15p:2ヶ月で1P
16p:裏表紙
[[アイデアスケッチ(2025.09.26フォルダ追加)>https://driv...
-メインビジュアル
[[つむぱぱ>https://tsumupapa.tokyo]]
[[KIDS SNACK LAB>https://kidssnacklab.com]]
メインビジュアルに、写真を使うかイラストを全面に載せるか...
~
***相談結果
-永嶋先生
質問事項
--スライドの部分
ループが途中で切れる、PCサイズにすると足りない
これを書くと画像サイズが変わる
→画像の塊(5枚1セット)を二つ作ることで解決。CSSのみで対...
--サイズ変更による画像データの変更
htmlに書くか、cssに書くか?
→HTMLに書く。(タブレットサイズを境に画像サイズ変更)
~
**2025.09.19
***制作
-コーディング
[[GitHub(作業の度に随時更新)>https://github.com/skmyj/m...
-プロトタイプ(Adobe XD)の完成
--[[PC版>https://xd.adobe.com/view/0f37d260-509f-4e02-8f3...
--[[スマホ版>https://xd.adobe.com/view/c5816eff-f299-426e...
~
***相談結果
-永嶋先生
スマホサイズからページを作って、タブレットサイズ→PCサイズ...
→トップページに加え、残りの2ページもスマホ版からデザイン...
→スマホ版のプロトタイプも大まかに作成して、コーディングに...
--%%サイト全体を中央揃え%%
--%%緑の枠の中にキャラクターを配置したい%%
--ヘッダー→ハンバーガーメニューに変更
~
**2025.09
GOAL:後期開始前にやるべきことを終わらせる!
***制作
-Webサイト
--トップページのビジュアル検討
--コーディング着手(9/5 永嶋先生へ相談)
[[Git Hub>https://github.com/skmyj/magokorodays]]
-[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/0f3...
サイトの枠組み完成後、中身の充実を図る
-まごころ活動リスト
A4印刷が無難。
--B6サイズ(モノクロ)、A6サイズ
自分で実際に記録をつける(8月、9月分)
#image(使用感チェック①.jpg,,50%);
B6サイズの方がシールのサイズに困らず、文字も書きやすい。
--A4サイズ
祖母に薬記録として渡した。(9月分のみ)
~
**2025.08
GOAL:夏休みの作業を進める!
***制作
-Webサイト
--トップページのビジュアル検討
--コーディング着手(9/5 永嶋先生へ相談)
-[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/0f3...
グラフ部分をillustratorで作成
-まごころ活動リスト
日記タイプorリストのみorマンスリー
↑どれがいいか全て試す
[[アイデアスケッチ(2025.08フォルダ追加)>https://drive.g...
【使用用途について】
--チェックリストは1ページだけ(巻末などに配置)
--日記データは2種類の配布形式
① 一括ダウンロード(まとめて印刷したい人向け)
② パーツごとダウンロード(必要な月やページだけ印刷したい...
---追加の案
①孫と祖父母で「選べる利用方法」を示す
例:「孫と使う」「祖父母が自分で使う」など利用シーンを紹介
②巻末リスト+Webサイト限定の「追加DLコンテンツ」
日記本体には「ベーシックなリスト1枚」だけ収録
サイトからは「月ごとの例付きチェックリスト」や「健康管理...
→「日記本体はシンプル(リスト1枚)」+「Webで追加DL可」展開
-[[マンスリーカレンダー(大枠、イラストは確定)>https://d...
--日付は各自記入タイプ
--B5サイズで作成
→真ん中で切るとB6サイズになり、A5サイズのノート、手帳に貼...
---B6サイズ(1枚に2ヶ月分)※モノクロで印刷済
|#image(1-2月.png)|#image(3-4月.png)|#image(5-6月.png)|
|#image(7-8月.png)|#image(9-10月.png)|#image(11-12月.png)|
---B5サイズ(12ヶ月分)
|#image(1月.png)|#image(2月.png)|#image(3月.png)|#image(4...
|#image(7月.png)|#image(8月.png)|#image(9月.png)|#image(1...
---A4サイズ ※カラーで印刷済み
A4タイプとA6タイプ(A4に4ヶ月分)
→A4タイプは祖母に薬記録として渡す
実際の使用感を見て、追加の案①を検討する。
~
***参考事例
-[[イラレ カレンダー制作方法>https://hikarium.com/calenda...
マンスリーカレンダータイプとリストの作成に活かす
-[[モンブラン>https://monf.jp]]
サイト内のキャラクターの雰囲気で参考にする
-[[メジナビ2025>https://www.mejiro.ac.jp/univ/mejinavi202...
ビジュアルと世界観で興味を引くサイト。インフォグラフィッ...
~
***調査
-手帳の代表的なサイズ
--A6サイズ(文庫本サイズ):105 × 148mm
→持ち運びやすく、文庫本と同じ大きさ。カバンに入れて普段使...
--B6サイズ:128 × 182mm
→A6より少し大きめで、書き込みやすさと携帯性のバランスが良...
--A5サイズ:148 × 210mm
→ノート感覚でしっかり書ける。机で使うのに向いていて、大学...
--B5サイズ:182 × 257mm
→大きめで書き込み量が多い人向け。持ち運びには少し不便。
市販されているスケジュール帳や日記帳の主流: A6・B6・A5
特に B6とA5 が人気
B6 → 携帯性重視、毎日持ち歩く手帳
A5 → 書きやすさ重視、記録や日記向き
-To Do リストの代表的なサイズ
--持ち歩きたい/タスクをパッと書きたい → A7・B7・A6
--しっかり管理したい/机で使う前提 → B6・A5
日記に組み込むなら、
A6:気軽さ・日常的に書ける
A5:書き込み量が多くても安心
~
**2025.07.18
GOAL:学科サイト、概要集ブラッシュアップ
***今週のタスク
-学科サイト更新(7月29日締切)
-ブラッシュアップ(7月29日締切)
--プロトタイプ
--概要集
-%%発表forms回答%%
-%%夏休みの制作スケジュール設定%%
~
***先行事例
--[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
~
***制作
-ワイヤーフレーム、サイトマップの再構築
|#image(サイトマップ_ブラッシュアップ.png)|#image(ワイヤ...
--サイトの中身
[[アイデアスケッチ(2025.07.18フォルダ追加)>https://driv...
---データ部分→インフォグラフィック
---ページ、サイト構造
シングル?ページ分割?リンクで飛ばすか?など検討
-プロトタイプ修正
-日記
--デザイン
~
***相談結果
-岩田先生
成果物の整理(目的、背景、コンセプト、中身の順序立て)
--なぜWebサイトにまとめるのか?
→祖父母と関わるという行動のきっかけをつくりたい
--個人で行った調査結果は成果に入れる。
調査したことはコンセプトに繋げていくという整理
--コンセプトは2つの軸で展開
---大学生と祖父母の関わりを知ってもらうこと
---コミュニケーションを取ること
-まとめ方
--アンケート調査結果
インフォグラフィックを用いて記事化する(データ、情報)
~
***夏休みの制作スケジュール
-7月
--先生に相談(7月28日:岩田先生)
--前期ブラッシュアップ完了(7月29日12時〆切)
-8月(盆前まで)
--プロトタイプ8割完成
--サイト枠組み着手(コード)
--日記第1稿 完成
-8月(盆明け)
--プロトタイプ完成
--日記第1稿 ブラッシュアップ
-9月(後期開始まで)
--サイト完成
--日記完成
~
**2025.07.11
GOAL:アクションプラン選定、これは何、背景・目的、コンセ...
***これは何?
アンケート調査のデータから大学生と祖父母の関わりを見つめ...
***背景・目的
大学生になると、学業や就職活動で忙しくなり、祖父母との交...
「今だからできる関わり」を見つけ、実行し、それを記録とし...
***コンセプト
「まごころ活動」とは?
→「孫」である私たちが、祖父母に向けて「真心」込めた関わり...
-データをインフォグラフィックで表現し、リアルな声、結果を...
-実際に行動に移せるPDFデータでの日記を用意。
-キャラクターを用いる
***成果物の仕様
-Webサイト
-日記(A5サイズ、PDFデータ配布を想定)
◯日記にした理由
''①“気持ち”を可視化する手段として最も親しみやすい''
自分の気持ちや出来事を記録する文化として長く親しまれてき...
調査で得た「もっと話しておけばよかった」「何もしてあげら...
''②“行動のきっかけ”と“継続”を支えるツールとして有効''
「記録する」ことを前提とすることで、小さなアクション(電...
キャラクターや記入例を活用し、負担感なく記録できるよう工...
PDF形式にすることで、「始めるきっかけ」としても配布しやす...
''③ “形”として残り、家族間・世代間の共有につながる''
「日記(PDF)」という目に見える形にすることで、家族や祖父...
調査からも「記録が残っていない」という後悔の声がある中で...
//今回、“日記”という形式を選んだのは、祖父母との関わりを...
~
***制作
-[[アイデアスケッチ(2025.07.11フォルダ追加)>https://dri...
-プロトタイプのブラッシュアップ
-日記の台割、ページ数の設定
ページ設定
1p:表紙
2p:無地
3p:まごころ活動リスト一覧
4-51p:1ヶ月ごとのまごころ活動記録(4P×12ヶ月)
【内容】
・マンスリー(見開き)
・フリースペース&今月の振り返り
52~53p:1年間の振り返り(見開き)
54p:裏表紙
--台割り
#image(台割.png)
~
***参考事例
-[[宮副咲葉/卒業研究>宮副咲葉/卒業研究]]
日つ記:月・日を逆に、毎日の月を記録し振り返る日めくり日記
台割、ページ数の参考
~
**2025.07.04
GOAL:最終発表
***講評
-井上先生
--祖父母の関係性を深めるだけ?(親に関しては)
親→祖父母:1世代こえた対象
世代間で情報がうけつがれていく、世代間のつながりという視...
-永嶋先生
--サイトに載せる調査結果の選定
調査結果から何個選んでサイトに載せるのか。
行動に移す形の具体例は何個か。
-岩田先生
--サイトのコンセプト、方向性の再構築
現状、祖父母との関わり方を結果を通して発信
→そこからわかった内容について提案
→祖父母との関わりの創出に繋げる
--コミュニケーション機会を増やすには、アクションプランの...
膨大なデータがある
データを載せる、共有することの意味はあるのか。
載せることで、行動が高まるのか。(事例調査が必要)
たくさんの情報が集まったことで、すべて網羅しようとすると...
(例)行動に移して、効果が高まったか、変化があったかどう...
~
***今週のタスク
-これは何?、背景・目的の再構築
-具体例(アクションプラン)の選定
-先行事例調査
~
***先行事例
まごころ活動→記録していくという実践(アクションプラン)
-日記
--[[朝とコーヒーと日記帳>https://shop.daigo.co.jp/item/10...
--[[夜とカフェオレと日記帳>https://shop.daigo.co.jp/item/...
--[[週末と紅茶と日記帳>https://shop.daigo.co.jp/item/1088...
ダイゴー手帳:ティータイムシリーズ
ティータイムに、日記をつける新習慣。
-[[マンスリーシール>https://www.midori-store.net/SHOP/223...
MDダイアリーシール
無地の手帳にシールで貼れるもの
~
**2025.06.27
GOAL:報告書、プロトタイプ、作品概要のチェックと最終発表...
***今週のタスク
-最終発表準備
-%%作品概要提出(7/4(金)13:00まで)%%
-%%プロトタイプ%%
-%%アンケート結果報告書%%
-学科サイト整理、更新
~
***制作
-ブラッシュアップ
--アンケート結果報告書
--プロトタイプ
--作品概要集
~
***相談結果
-永嶋先生
--アンケート結果報告書
データから見てわかる内容と、そこから考えた考察や回答の傾...
--作品概要修正
〜です(図1)。←記載の仕方注意。
~
**2025.06.20
GOAL:アンケート結果&プロトタイプ制作
***今週のタスク
-アンケート結果
-[[プロトタイプ制作>https://xd.adobe.com/view/0f37d260-50...
~
***制作
-アンケート結果をまとめる
--[[クロス集計(Excel)>https://docs.google.com/spreadshe...
①性別×後悔したことがあるか
②学年×後悔したことがあるか
③性別×祖父母との話しやすさ
④性別×会う頻度
⑤学年×会う頻度
⑥祖父母の所在×大学生の所在
~
--上位回答一覧
💬 特に「しておけばよかった」と後悔していること(自由記述...
話しておけばよかった :31人
一緒に出かければよかった :21人
何かを渡しておけばよかった:21人
会っておけばよかった :15人
一緒に過ごせばよかった :13人
🔍 傾向のポイント
・「後悔がある」人:「直接的なコミュニケーション(会話...
・「後悔がない」人は、毎日連絡を取っている・まだ元気・...
💬会う頻度が減った主な理由(上位5つ)
1. 一人暮らしを始めたから
→ 特に大学進学や地元を離れたことが背景にある場合が多い。
2. 自分や家族が忙しくなったから
→ 学校、バイト、就活、部活、兄弟の予定など。
3. 祖父母の他界・施設・入院などで物理的に会えなくなった
→ 祖父母の状況の変化(高齢化や病気)も多く見られた。
-プロトタイプ制作
アンケート結果からサイトの内容を決定
~
***相談結果
-永嶋先生
--アンケート集計について
クロス集計でアンケート分析
→一人暮らしと実家暮らしで、その後の質問の回答に変化がある...
どういう傾向が強く出ていたのかを把握する。
--プロトタイプの中身
アンケートの結果から、総括しつつデータを載せる。(1部抜粋...
~
**2025.06.13
GOAL:アンケート集計開始&プロトタイプ制作
***今週のタスク
-[[アンケート収集・集計>https://drive.google.com/drive/fo...
--情報デザイン研究 火3,4 3年
6月17日(火)17501
--Webデザイン演習 水3,4 2年
6月18日(水)17503
--ソーシャルデザイン演習 木3 1年
6月19日(木)1号館6階OA3
//[[''アンケートはこちら''>https://forms.office.com/r/r2g...
//アンケートのご協力お願いします!
-[[アイデアスケッチ(2025.06.13フォルダ追加)>https://dri...
-[[プロトタイプ制作>https://xd.adobe.com/view/0f37d260-50...
-作品概要の制作
~
**2025.06.06
GOAL:アンケートの修正・集計を取る&プロトタイプ作成開始
***今週のタスク
-アンケートの修正
//[[''アンケート(試作)''>https://forms.office.com/r/r2g...
大学生を対象に、祖父母との関係性を問うアンケートを作成
現時点の課題:存命・他界/父方・母方の違いをどうアンケート...
-[[アイデアスケッチ(2025.06.06フォルダ追加)>https://dri...
プロトタイプイメージ
-プロトタイプ制作(枠組み、動き方)
[[XDプロトタイプ>https://xd.adobe.com/view/0f37d260-509f-...
--参考
[[【XDの使い方】初心者・入門者向けの便利な機能>https://ww...
-冊子(枚数、サイズ決め)
~
**2025.05.23
GOAL:中間発表の講評を踏まえて試作開始
***今週のタスク
-%%サイトマップ、ワイヤーフレームの変更%%(アンケート後反...
-%%メインビジュアルの変更%%
-%%イメージの統一(悲しい<柔らかさ)%%
-ターゲット(大学生)→その世代だからできることの案検討 ★
-ポジティブに行動を移すには?(気づかせる?orネタを用意?...
★…アンケート結果により決定
~
***制作
-アンケート(試作)
//[[アンケート(試作)>https://forms.office.com/r/r2gCb1J...
大学生を対象に、祖父母との関係性を問うアンケートを作成
-[[アイデアスケッチ(2025.05.23フォルダ追加)>https://dri...
コンセプト設定、イメージ・ラフ
~
***調査
-[[Pinterest>https://pin.it/5HPLeTRWe]]
サイトの素材・雰囲気の参考
-[[人生であと何回の計算式>https://gemstoneglobes.net/equa...
(女性/男性の平均寿命 ー 現在の年齢 ) x 会える回数...
-[[あと何回会えるか考えてみた>https://note.com/nodamage__...
仮に祖父母が10年後、両親が35年後他界してしまうと仮定した...
年一回会う→祖父母に会える回数:10回、両親に会える回数:35回
-[[高齢者との会話に困らない話題8選!>https://fukushinail....
-[[祖父母との楽しい会話を深めるコツと会話例:家族の絆を育...
会話のネタ例→学生視点ではどうか?
-[[おばあちゃんと話すのに緊張>https://detail.chiebukuro.y...
大人になるにつれて話せなくなった、という事例
~
**2025.05.16
GOAL:中間発表
***講評
-井上先生
--柔らかい設定に意識
認知症の話をメインにするのではなく、孫と祖父母との対話を...
--サイトマップ
その他の項目を追加しておく(制作中に必要なものが出てくる...
サイトの概要のイメージとサイトマップの構造のイメージに統...
-永嶋先生
--ターゲットに沿ったメインビジュアルの変更
ターゲット:社会人を迎える学生
→子どもと祖父母ではない画像イメージが良い
--その世代だからできることを案として出す
対策…ワードが堅い。やわらかさ、ポジティブな表現にする
-岩田先生
--ポジティブに行動を移すにはどうしたら良いのか
電話やメールをすることの大切さに「気づけばいい」のか、電...
--重たいテーマ(病気)じゃなく、ポジティブな観点で見るデ...
(例)年にお盆と正月にしか帰省しない人
平均寿命とあなたの年齢から、あと◯回しか会えない!というよ...
(サイトがあったりするので見てみると良い)
~
**2025.05.09
GOAL:中間発表の準備
***作業
-サイトマップ
#image(サイトマップ.jpg,60%)
-ワイヤーフレーム
#image(ワイヤーフレーム.jpg,60%)
~
***参考事例
-サイトの情報のまとめ方
[[ポータルサイト・メディア・情報サイト>https://sankoudesign...
--[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
-サイト構成
--ページ分けされている分
[[子どもと医療>https://kodomotoiryo.com]]
--シングルページ
[[介護施設の防災・減災ガイド>https://bousai-fukushi.org]]
[[豆腐千食堂>https://yushoku.co.jp/tofukanshokudo/]](ヘ...
~
***相談結果
-永嶋先生
--プロトタイプの作成方法
XD or Figma
プロトタイプ 完成イメージ
--サイト構造について
読み進めていくなら…シングルページ(上から読み進める形。強...
最終発表までに、コードもいじっておく。
→プロトタイプで中身を詳しく作るまえに、枠組みを作った物を...
~
**2025.05.02
GOAL:方向性を固めてGWを迎えよう!
~
***現状調査
-[[YOUR STORIES>https://your-stories.jp]]
オリジナル絵本制作
-[[みてね>https://mitene.us]]
子どもの写真を簡単に共有、整理
~
***参考事例
-[[倉員優実/卒業研究>倉員優実/卒業研究]]
犬の迷子を防止する注意喚起webサイト
→ページの作り方の参考にする。
-[[名嘉はな/卒業研究>名嘉はな/卒業研究]]
生活の中に植物を取り入れ楽しめるフラワーショップの提案
→ブランディングの参考にする。
~
***相談結果
-永嶋先生
--孫世代をどこに絞る?
学業や就職に伴い、祖父母との交流が希薄になりがちな大学生...
--サイトの展開方法
①孫と祖父母の関係性を深めるためのコミュニケーションツール...
②孫と祖父母の関係性を深めるための提案をまとめたサイトの作成
~
***次回までにすること
-コミュニケーションツールの具体案を模索。
-工程表再構築
-サイトの雰囲気、枠組みの参考例を探す
~
~
**2025.04.25
***テーマ設定
「病気になる前からのコミュニケーションの種まき」を提案す...
孫と祖父母の関係性を育むツールのブランディング。
//「認知症と診断されたばかりの家族が、安心して“これから”...
//コンセプト:家族が当事者に対して「なにかできる」を感じ...
-ブランドサイト
--ブランドの説明
//--認知症について
-商品展開(まだまだ検討中)
--カレンダー
--手帳(お薬手帳や体調記録)
--塗り絵(家族で楽しめるもの)
~
***現状調査
孫と祖父母が会う頻度についての調査を行う。
-[[内閣府 祖父母との接触頻度>https://www8.cao.go.jp/koure...
『ほとんど毎日会う』33.2%
『年に数回会う』24.5%、
『月に1~2回会う』19.0%
-[[不動産ジャパン>https://www.fudousan.or.jp/topics/1607/...
--近居している祖父母では月に平均4.8回(1週間に約1回)
--近居していない祖父母では月に平均0.4回(2ヶ月に約1回)
「近居していない祖父母のうち52.6%は1年に約1~2回程度」で...
孫とどれくらいの頻度で会いたいか
--近居している祖父母では月に平均5.3回
--近居していない祖父母では月に平均1.6回
→「近居している祖父母もそうでない祖父母も理想が現状の頻度...
~
***相談結果
-永嶋先生
アンケートの作成報告、落とし所が広いのが難点
--認知症×記録に関する展開方法について
学科サイトでアンケート調査
→回答者は学生メインなので、多くが孫と祖父母の関係値
→認知症当事者の方と普段一緒に過ごす機会が多い人(介護職員...
→割合の調査が必要
--ブランディングへ方向転換?
孫と祖父母の関係性という部分にフォーカスしたブランド
塗り絵、手帳、カレンダーなどの商品展開を想定
→ターゲット、目的をどう絞るか
-岩田先生
テーマの落とし所がわからなくなってきた!
--認知症になったばかりの人のできたことの記録
→それは普段ならできてあたりまえのこと。それができなくなっ...
--ネガティブな記録ではなく、ポジティブな記録という発想の...
孫視点…頻繁に会えるわけでもない
息子・娘視点…あと何回会えるかわからない
→思い出の記録を普段から残しておこうという発想の転換
--発想展開
病気になる前に、コミュニケーションをとっておくべきでは?
そのためのツールを提供するという発想転換。
→【孫と祖父母の関係性】という部分に着目するのもいいかも
~
***次回までにすること
-作業(全体)
--%%調査(現場調査 / 先行事例 / 技法・技術)%%
--%%テーマ案の更新%%
--%%試作(アイデアスケッチなど)%%→ToDo欄にリンクあり
-作業(個人)
~
~
**2025.04.18
***テーマ決定
「認知症になったばかりの人」の「家族」に寄り添う。
-初期診断を受けたばかりの本人
「普通に暮らせてるけど、忘れっぽさが気になってきた」
「何ができなくなるの?これからどうなるの?」
-同居している家族
「まだ大丈夫って思いたいけど、ちょっと心配…」
「どう声をかけたらいい?何に気をつけるべき?」
→ この“グレーな不安”にやさしく寄り添いたい。
~
***現状調査
-[[高齢者に多い病気ランキング5選!>https://jos-senior.com...
1位:認知症
-[[認知症機能ケアプロジェクト>https://wellnesslab-report....
--アルツハイマー型認知症の特徴
長い年月をかけてゆっくり進行する
完治させる治療法がないが、薬などで進行を遅らせる方法が主。
-[[朝日生命 認知症の進行度別の症状とは?>https://anshinka...
--認知症全体の進行ステージ
進行度1:前兆
進行度2:初期
進行度3:中期
進行度4:末期
--アルツハイマー型認知症
「FAST(認知症機能評価別病期分類)」と呼ばれる、進行度や...
ステージ1:正常
ステージ2:ごく軽度な認知機能低下
ステージ3:軽度の認知機能低下
ステージ4:中程度の認知機能低下
ステージ5:やや重度の認知機能低下
ステージ6:重度の認知機能低下
ステージ7:非常に重度な認知機能低下
~
***先行事例
-紙媒体
--[[おぼえている手帳>https://oboeteiru.com]]
認知症の高齢者の方のために、記録を蓄積することで記憶の代...
--[[Myカスタム手帳>https://www.magsinc.jp/jpn/pages/magsw...
自分だけのたった一つの手帳が作れるサービス
-デジタル
認知症関連の紹介サイト
--[[テヲトル>https://theotol.soudan-e65.com]]
認知症ポータルサイト
--[[おやろぐ>https://www.oya-log.com]]
世界初、介護家族のための情報管理ツール。スケジュールやお...
→料金がかかる(契約期間)半年更新:3,960円/1年更新:6,600円
-アプリ
--[[介護サプリ>https://kaigosapuri.com/carerecord/]]
ケア記録アプリ
--[[ササエル>https://sasaeru.site]]
MCI・認知症診療をサポートするアプリ
~
***参考サイト
--[[福祉・介護|SANKOU>https://sankoudesign.com/category/c...
--[[スマホ特化・スマホ幅・モバイルファーストのサイト>https:...
スマホサイズを主として考える予定
~
***方向性
①デジタル×アナログでつながる家族の記録ツールの制作
例:Webのコミュニケーションカレンダー
・「共有できるWebカレンダー」家族が予定を入力・確認できる
・普段の様子を記録するアプリ
②介護家族のためのブランドサイト
例:家族介護の小さなサポートツールのシリーズ+ブランド提案
・複数のアイテム(冊子、カード、塗り絵カレンダーなど)を...
・それらを紹介するWebのランディングページを制作
・キャラクター展開
~
***相談結果
-永嶋先生
テーマの設定は確立している。アプローチ方法は色々あるので...
--記録管理
忘れてもいいんじゃない?というようなアプローチ
できないことの記録じゃなくできたことの記録
--アプリ化?
アプリ的なサイトとして製作(スマホ型)(ブラウザ)
インストールしなくてできるもの
--これから
どんなことが不安なのか?という「グレーな不安」の深掘り
~
***次回までにすること
-作業(全体)
--%%調査(現場調査 / 先行事例 / 技法・技術)%%
--%%テーマ案の更新%%
--%%試作(アイデアスケッチなど)%%→ToDo欄にリンクあり
--%%工程表(ガントチャート) ※単位:一日%%
--%%ToDoリスト%%
-作業(個人)
-%%アンケートの作成%%→学科サイトで宣伝してもらいたい
~
~
**2025.04.11
***調査
-認知症
--[[認知症にやさしいデザイン>https://www.city.fukuoka.lg....
--[[アルツハイマー型認知症手帳>https://med.towayakuhin.co...
日常の様子を記録するもの
症状が見られるものにチェックを入れていく
--[[アートリップ>http://www.artsalivejp.org/artrip/]]
認知症の方の記憶を呼び起こしたアートコミュニケーションプ...
--[[アートセラピーによる認知症ケア>https://iggy.llc-tsumi...
アートセラピー…絵や造形、刺繍などの芸術活動を通して、脳の...
--[[アートあ>https://art-a.jp]]
一流アートを用いてお客様の心のケアと認知機能の向上を目指...
//-地方創生×アートの関係について
//--[[×ART>https://www.meti.go.jp/press/2023/02/202402220...
//--[[Fukuoka Art Next>https://fukuoka-art-next.jp]]
~
***テーマ案候補
①認知症当事者を支える家族
当事者だけではなく、周りの家族にも寄り添いたい
-プロジェクト
-ブランディング
--薬管理
--メモ、カレンダー
--塗り絵、ちぎり絵
--絵を描く
②地方創生×アート
博多・天神などの都市開発により、都市圏が発展
→地方に目を向けた施策を考えたい
~
***キーワード
-認知症 ★
-子供の頃に聴いた音楽を好む 心理
-ニュー懐メロ
-地方創生
~
~
~
終了行:
*まごころ日和
大学生と祖父母の関わりを見つめ直し、行動のきっかけと継続...
#image(top-2.jpg)
-''Saki Miyaji''
-'''Keywords:Web design, Analysis, Grandparents'''
-https://skmyj.github.io/magokorodays/
-[[後期概要(610KB)>https://drive.google.com/file/d/1zMK...
-サイト内ダウンロード資料一覧
--[[アンケート結果報告書(PDF:A4サイズ10枚)(375KB)>ht...
--[[ガイドブック(2.3MB)>https://drive.google.com/file/d...
--[[まごころリスト(131KB)>https://drive.google.com/file...
--[[マンスリーカレンダー(フォルダ)>https://drive.google...
//🔗[[''アンケートはこちら''>https://forms.office.com/r/r2...
//アンケートのご協力お願いします!
~
**概要
***これは何?
これは、アンケート調査のデータから大学生と祖父母の関わり...
//『もっと話しておけばよかった』と後悔しないために。祖父...
//「病気になる前からのコミュニケーションの種まき」を提案...
//孫と祖父母の関係性を深めるためのコミュニケーションツー...
//思い出の記録を通じて、離れていても心の距離を縮めること...
//&color(red){これは何か・・を簡潔に};
~
***背景と目的
大学生になると、学業や就職活動で忙しくなり、祖父母との...
「今だからできる関わり」を見つけ、行動し、それを記録と...
//&color(red){プロジェクトの背景と目的};
~
***コンセプト
・大学生と祖父母の関わりをデータを通して知ることができる...
・祖父母とコミュニケーションを取るきっかけとして活用でき...
「まごころ活動」とは? →「孫」である私たちが、祖父母に向...
//「祖父母との思い出を記録する」ことをコンセプトに、孫と...
//&color(red){基本的な考え方、枠組み、視点など};
~
***成果物の仕様
-[[Webサイト>https://skmyj.github.io/magokorodays/]]
-[[後期概要(610KB)>https://drive.google.com/file/d/1zMK...
-サイト内ダウンロード資料一覧
--[[アンケート結果報告書(PDF:A4サイズ10枚)(375KB)>ht...
--[[ガイドブック(2.3MB)>https://drive.google.com/file/d...
--[[まごころリスト(544KB)>https://drive.google.com/file...
--[[マンスリーカレンダー(フォルダ)>https://drive.google...
---実際の使用感
#image(使用感.jpg,50%)
//-''前期最終発表での成果物''
//--[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/...
//#image(プロトタイプ_全体像.jpg,,50%);
//--サイトマップ、ワイヤーフレーム(ブラッシュアップ)
//|#image(サイトマップ_ブラッシュアップ.png)|#image(ワイ...
//--[[アンケート結果報告書(PDF:A4サイズ10枚)>https://d...
//--[[前期作品概要集>https://drive.google.com/drive/folde...
//|サイトマップ| |ワイヤーフレーム|
//|#image(サイトマップ.jpg,90%)| |#image(ワイヤーフレーム...
//#settableborder(none)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
-サイト制作、キャラクターデザイン、メインビジュアルのディ...
--[[宮路咲希>宮路咲希]]
-メインビジュアルのデザイン(依頼)
--[[山本彩花>山本彩花]]
~
***制作ツール
-Adobe XD
-Adobe Illustrator
-Visual Studio Code
-HTML
-CSS
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***プロジェクトの期間
2025.04.11~2025.12.26
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
~
***まとめ
大学生が祖父母に対してどのような思いや考えを持っている...
また、サイトやダウンロード資料には落ち着いた色合いとキ...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**調査
***現状調査
-[[九産大生対象のアンケート調査>https://docs.google.com/s...
詳しくは、成果物の報告書参照。
-孫と祖父母が会う頻度
--[[内閣府 祖父母との接触頻度>https://www8.cao.go.jp/kour...
『ほとんど毎日会う』33.2%
『年に数回会う』24.5%、
『月に1~2回会う』19.0%
--[[不動産ジャパン>https://www.fudousan.or.jp/topics/1607...
近居している祖父母では月に平均4.8回(1週間に約1回)
近居していない祖父母では月に平均0.4回(2ヶ月に約1回)
「近居していない祖父母のうち52.6%は1年に約1~2回程度」で...
---【孫とどれくらいの頻度で会いたいか】
近居している祖父母では月に平均5.3回
近居していない祖父母では月に平均1.6回
→「近居している祖父母もそうでない祖父母も理想が現状の頻度...
//-[[高齢者に多い病気ランキング5選!>https://jos-senior.c...
//1位:認知症
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[介護施設の防災・減災ガイド>https://bousai-fukushi.org]]
介護施設における災害への対策をまとめたWebサイト
-[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
//-[[倉員優実/卒業研究>倉員優実/卒業研究]]
//犬の迷子を防止する注意喚起webサイト
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-プロトタイプ
--[[【Adobe XD】プロトタイプのできることや使い方を初心者...
--[[【XDの使い方】初心者・入門者向けの便利な機能(YouTube...
//-日記
//--[[InDesign 使い方の基本【初心者向け】>https://www.van...
~
~
**プロジェクト管理
***スケジュール
-[[卒業研究工程表>https://docs.google.com/spreadsheets/d/...
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
-前期
--%%テーマ案決め%%
--%%工程表作成%%
--[[アイデアスケッチ>https://drive.google.com/drive/folde...
週ごとにフォルダ分けしています
--%%サイトマップ%%
--%%ワイヤーフレーム%%
--%%アンケート結果報告書%%
--%%プロトタイプ%%
-後期
--サイト制作
--展示準備
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2025.12.05
***作業
-説明パネル(12/12〆切)
-制作物ブラッシュアップ
--Webサイト
---行間
---ギャラリーに文章をつける(メインビジュアルは修正依頼済)
---画像の修正(切れている部分をなくす)
---キャラクターの背景
---ダウンロード資料のクレジットを明記
--概要集
---ブラッシュアップした分の画像差し替え
~
**2025.11.28
***作業
(体調不良のため作業ペース落とす)
-制作物ブラッシュアップ
--Webサイト
---サイト構造
---ボタンの表記・配置
---行間
~
**2025.11.21
GOAL:最終審査
***講評
-井上先生
--トップページのサイト構造について
「1. データを見る」と「2. まごころ活動を始めよう!」とい...
「現状を知る」というワードに変えるのはどうか?
--サイト構造について
3ステップあるとリズム感が出る
データを見て、「考えて・提案する」、行動するみたいな流れ...
-永嶋先生
--戻るボタンについて
ステップを踏みながら進んでいくイメージ→「次のステップに進...
--ダウンロード資料について
シールやスタンプなどを用意して、スモールステップから始め...
ダウンロード資料のクレジットがわかるようにする
-岩田先生
--なぜこのキャラクターなのか?
キャラクターの背景を持たせることで、ナビゲーター・お手伝...
--ビジュアル面について
---画像部分が切れている
---画像の枠は本当にいるのか
---行間
枠や形ではなく、空間を使って分けるべき
-大井さん
--まごころ活動の写真部分について
使い方に関するメモや一言を添えておくと、画像の使用感が伝...
~
***これからの作業
-制作物ブラッシュアップ
--Webサイト
---サイト構造
---ボタンの表記・配置
---行間
---ギャラリーに文章をつける
---画像の再挿入・空間で分けることを意識
・切れている部分をなくす
・ロゴと文章の印象を揃える等
---キャラクターの背景
---スモールステップを用意
・シールやスタンプなど
---ダウンロード資料のクレジットを明記
-展示準備
--説明パネル着手
~
**2025.11.14
***作業
-制作物ブラッシュアップ
★デスクトップでサイトを開いた時の見え方が違う
--%%ヘッダーの処理%%
--%%写真とダウンロードボタンのgrid処理を区別する%%
-学科サイトの整理
~
***相談結果
-永嶋先生
--まごころ日和(ロゴ)
---画質について
%%画像 SVGで保存(not png)(二倍などでも対応可能) %%
---%%デスクトップのサイズが大きい→max-width 500px%%
---ボタン
%%marginのサイズが大きいため、ダウンロードボタンのマージ...
---写真のギャラリー
%%Img-item img Vertical-align bottomで揃える%%
---コードについて
%%Javascript はいらない%%
%%mainの閉じタグがない→フッターの前におく%%
%%Divの閉じタグが抜けてる%%
~
**2025.10.31
***作業
-概要集ブラッシュアップ
-制作物ブラッシュアップ
-学科サイトの整理
~
***相談結果
-永嶋先生
--%%概要集%%
半角→全角
まとめ部分の文章は、実際の使用感の結果がわかると良い。(...
--サイト
まごころ活動ページの概要部分のインパクトが大きい
→画像ではなく、CSSで行うと、画像サイズや線のサイズをモバ...
---%%トップに戻るボタン%%
ドロップシャドウ設定で浮遊させる
文字が見えなくなるから小さめに
---%%ボタン%%
ダウンロードボタンと戻るボタンの色を変える
マンスリーカレンダーのダウンロードボタンはgridでも可(気...
~
**2025.10.24
***作業
-学科サイトの整理
--メインビジュアルの変更
-概要集の完成
-サイト制作(11/14までにブラッシュアップを終わらせる)
--文字の行間、画像位置などの微調整
~
***相談結果
-永嶋先生
--ダウンロードデータに関して
マンスリーカレンダーの点線:存在感減らす
--Webサイト
画像をギリギリでトリミング(余白が多く見えるため)
~
**2025.10.17
***制作
-Webサイト完成
--サイト構造の整理
画像はgridで並べる 1fr 1fr
ページ先のボタン
ヘッダーの遷移先はページに飛ぶようにする
サイトロゴに変更するのはどうか?(メインだし)
文章の改行、間隔の処理
フォントのダウンロード完了。(丸ゴシック)
-ダウンロードデータの完成(ガイドブックの表紙)
-メインビジュアル ラフ用意→イラストは山本彩花に依頼
#image(talk.png)
-まごころ活動ページ
--写真撮影(10月22日の4限、永嶋ゼミ室)
--材料調達(10月21日午後)
-学科サイトの整理
-概要集修正
~
***相談結果
-永嶋先生
--PDFダウンロードのコード
blank機能で前ページに戻れるようにダウンロードの対応をとる。
--遷移先ページの画像サイズ調整について
スマホサイズは縦並び(column)、タブレットサイズからは横...
→これの影響か、トップページのデータブロックとアクションブ...
--サイト内の文字サイズが微妙に異なる
タブレットとスマホで文字サイズを変更する際に、SafariとChr...
--メインビジュアルについて
キャラクターをトップに持ってくると、大学生と祖父母の関係...
--まごころ活動のページは写真を用意して、使用感を載せる。
--ページの最後にトップに戻るボタンを用意
キャラクターだとナビゲーション感が出るのでは
~
**2025.10.10
***制作
-メインビジュアルの作成
-コーディング
--画像、写真の挿入
--ダウンロード可能の状態にする
-まごころ活動(実際の使用感、印刷等)
--印刷
--写真撮影
-概要集の作成
[[概要集>https://drive.google.com/drive/folders/1iW-nrH8p...
-学科サイトの整理
~
***相談結果
-永嶋先生
--遷移先ページの画像サイズ調整について(スマホ版とPC版で...
スマホ版とPC版で、文字と絵の配置が若干異なる。
同じ仕様でできないか検討。PC版の時のイラストが大きいのも...
--PDFダウンロードの中身をどうするか
PDFデータをおけば解決する。
→うまくいかないため相談する。
--やっぱりループ画像が切れる件について
CSSで行うのを諦めて、ループ仕様のものに変更する
→写真とイラストのミスマッチ。ループ部分はイラストに全振り...
--文字フォント丸or角
→丸に変更、対応済み
~
**2025.10.03
***制作
-コーディング
[[GitHub(作業の度に随時更新)>https://github.com/skmyj/m...
--%%戻るボタンの作成%%
--%%PDFダウンロードボタンの作成%%
--%%ヘッダーのレスポンシブ(遷移先)%%
--%%スマホ版のみハンバーガーメニューの対応%%
--遷移先ページの画像サイズ調整→次回相談
-まごころ活動ガイドブックの作成
--まごころ活動リスト
[[アイデアスケッチ(2025.10.03フォルダ追加)>https://driv...
完成データも込み
~
***相談結果
-永嶋先生
質問事項
--遷移先のページのヘッター
元のページに戻れるように処理
--サイズによってマークの位置がズレてる?
枠の中の枠のサイズが大きい→微妙なサイズの時にズレが発生
100%に変更で、修正完了
--デスクトップだとループが途中で切れる
→画像の塊(5枚1セット)を3つ作ることで対応。
~
**2025.09.26
***制作
-コーディング
--[[GitHub(作業の度に随時更新)>https://github.com/skmyj...
--ボタン遷移先のサイトページの枠組みを作る
[[データページ>https://skmyj.github.io/magokorodays_data/]]
[[まごころ活動ページ>https://skmyj.github.io/magokorodays...
-Illustrator
--円グラフ、棒グラフの作成
-まごころ活動セット
--マンスリー
10月も引き続き使用感チェック
---A4サイズ
祖母の薬記録も継続中
A4に4ヶ月分のマンスリーが載ったタイプで印刷し、自分で使用
→友だちにもしてもらうか検討(2週間くらい?)
--まごころ活動ページのラフ作成
まごころ活動セットの作成(A4、PDFダウンロード)
【内容】
・サイトの内容の紙版
・まごころ活動リスト
・まごころマンスリー
---ページ設定(改)
1p:表紙
2p:無地
3p:はじめに、キャラクター
4,5p:データを見る
6,7p:まごころ活動
8,9p:まごころリスト
10〜15p:2ヶ月で1P
16p:裏表紙
[[アイデアスケッチ(2025.09.26フォルダ追加)>https://driv...
-メインビジュアル
[[つむぱぱ>https://tsumupapa.tokyo]]
[[KIDS SNACK LAB>https://kidssnacklab.com]]
メインビジュアルに、写真を使うかイラストを全面に載せるか...
~
***相談結果
-永嶋先生
質問事項
--スライドの部分
ループが途中で切れる、PCサイズにすると足りない
これを書くと画像サイズが変わる
→画像の塊(5枚1セット)を二つ作ることで解決。CSSのみで対...
--サイズ変更による画像データの変更
htmlに書くか、cssに書くか?
→HTMLに書く。(タブレットサイズを境に画像サイズ変更)
~
**2025.09.19
***制作
-コーディング
[[GitHub(作業の度に随時更新)>https://github.com/skmyj/m...
-プロトタイプ(Adobe XD)の完成
--[[PC版>https://xd.adobe.com/view/0f37d260-509f-4e02-8f3...
--[[スマホ版>https://xd.adobe.com/view/c5816eff-f299-426e...
~
***相談結果
-永嶋先生
スマホサイズからページを作って、タブレットサイズ→PCサイズ...
→トップページに加え、残りの2ページもスマホ版からデザイン...
→スマホ版のプロトタイプも大まかに作成して、コーディングに...
--%%サイト全体を中央揃え%%
--%%緑の枠の中にキャラクターを配置したい%%
--ヘッダー→ハンバーガーメニューに変更
~
**2025.09
GOAL:後期開始前にやるべきことを終わらせる!
***制作
-Webサイト
--トップページのビジュアル検討
--コーディング着手(9/5 永嶋先生へ相談)
[[Git Hub>https://github.com/skmyj/magokorodays]]
-[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/0f3...
サイトの枠組み完成後、中身の充実を図る
-まごころ活動リスト
A4印刷が無難。
--B6サイズ(モノクロ)、A6サイズ
自分で実際に記録をつける(8月、9月分)
#image(使用感チェック①.jpg,,50%);
B6サイズの方がシールのサイズに困らず、文字も書きやすい。
--A4サイズ
祖母に薬記録として渡した。(9月分のみ)
~
**2025.08
GOAL:夏休みの作業を進める!
***制作
-Webサイト
--トップページのビジュアル検討
--コーディング着手(9/5 永嶋先生へ相談)
-[[プロトタイプ(Adobe XD)>https://xd.adobe.com/view/0f3...
グラフ部分をillustratorで作成
-まごころ活動リスト
日記タイプorリストのみorマンスリー
↑どれがいいか全て試す
[[アイデアスケッチ(2025.08フォルダ追加)>https://drive.g...
【使用用途について】
--チェックリストは1ページだけ(巻末などに配置)
--日記データは2種類の配布形式
① 一括ダウンロード(まとめて印刷したい人向け)
② パーツごとダウンロード(必要な月やページだけ印刷したい...
---追加の案
①孫と祖父母で「選べる利用方法」を示す
例:「孫と使う」「祖父母が自分で使う」など利用シーンを紹介
②巻末リスト+Webサイト限定の「追加DLコンテンツ」
日記本体には「ベーシックなリスト1枚」だけ収録
サイトからは「月ごとの例付きチェックリスト」や「健康管理...
→「日記本体はシンプル(リスト1枚)」+「Webで追加DL可」展開
-[[マンスリーカレンダー(大枠、イラストは確定)>https://d...
--日付は各自記入タイプ
--B5サイズで作成
→真ん中で切るとB6サイズになり、A5サイズのノート、手帳に貼...
---B6サイズ(1枚に2ヶ月分)※モノクロで印刷済
|#image(1-2月.png)|#image(3-4月.png)|#image(5-6月.png)|
|#image(7-8月.png)|#image(9-10月.png)|#image(11-12月.png)|
---B5サイズ(12ヶ月分)
|#image(1月.png)|#image(2月.png)|#image(3月.png)|#image(4...
|#image(7月.png)|#image(8月.png)|#image(9月.png)|#image(1...
---A4サイズ ※カラーで印刷済み
A4タイプとA6タイプ(A4に4ヶ月分)
→A4タイプは祖母に薬記録として渡す
実際の使用感を見て、追加の案①を検討する。
~
***参考事例
-[[イラレ カレンダー制作方法>https://hikarium.com/calenda...
マンスリーカレンダータイプとリストの作成に活かす
-[[モンブラン>https://monf.jp]]
サイト内のキャラクターの雰囲気で参考にする
-[[メジナビ2025>https://www.mejiro.ac.jp/univ/mejinavi202...
ビジュアルと世界観で興味を引くサイト。インフォグラフィッ...
~
***調査
-手帳の代表的なサイズ
--A6サイズ(文庫本サイズ):105 × 148mm
→持ち運びやすく、文庫本と同じ大きさ。カバンに入れて普段使...
--B6サイズ:128 × 182mm
→A6より少し大きめで、書き込みやすさと携帯性のバランスが良...
--A5サイズ:148 × 210mm
→ノート感覚でしっかり書ける。机で使うのに向いていて、大学...
--B5サイズ:182 × 257mm
→大きめで書き込み量が多い人向け。持ち運びには少し不便。
市販されているスケジュール帳や日記帳の主流: A6・B6・A5
特に B6とA5 が人気
B6 → 携帯性重視、毎日持ち歩く手帳
A5 → 書きやすさ重視、記録や日記向き
-To Do リストの代表的なサイズ
--持ち歩きたい/タスクをパッと書きたい → A7・B7・A6
--しっかり管理したい/机で使う前提 → B6・A5
日記に組み込むなら、
A6:気軽さ・日常的に書ける
A5:書き込み量が多くても安心
~
**2025.07.18
GOAL:学科サイト、概要集ブラッシュアップ
***今週のタスク
-学科サイト更新(7月29日締切)
-ブラッシュアップ(7月29日締切)
--プロトタイプ
--概要集
-%%発表forms回答%%
-%%夏休みの制作スケジュール設定%%
~
***先行事例
--[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
~
***制作
-ワイヤーフレーム、サイトマップの再構築
|#image(サイトマップ_ブラッシュアップ.png)|#image(ワイヤ...
--サイトの中身
[[アイデアスケッチ(2025.07.18フォルダ追加)>https://driv...
---データ部分→インフォグラフィック
---ページ、サイト構造
シングル?ページ分割?リンクで飛ばすか?など検討
-プロトタイプ修正
-日記
--デザイン
~
***相談結果
-岩田先生
成果物の整理(目的、背景、コンセプト、中身の順序立て)
--なぜWebサイトにまとめるのか?
→祖父母と関わるという行動のきっかけをつくりたい
--個人で行った調査結果は成果に入れる。
調査したことはコンセプトに繋げていくという整理
--コンセプトは2つの軸で展開
---大学生と祖父母の関わりを知ってもらうこと
---コミュニケーションを取ること
-まとめ方
--アンケート調査結果
インフォグラフィックを用いて記事化する(データ、情報)
~
***夏休みの制作スケジュール
-7月
--先生に相談(7月28日:岩田先生)
--前期ブラッシュアップ完了(7月29日12時〆切)
-8月(盆前まで)
--プロトタイプ8割完成
--サイト枠組み着手(コード)
--日記第1稿 完成
-8月(盆明け)
--プロトタイプ完成
--日記第1稿 ブラッシュアップ
-9月(後期開始まで)
--サイト完成
--日記完成
~
**2025.07.11
GOAL:アクションプラン選定、これは何、背景・目的、コンセ...
***これは何?
アンケート調査のデータから大学生と祖父母の関わりを見つめ...
***背景・目的
大学生になると、学業や就職活動で忙しくなり、祖父母との交...
「今だからできる関わり」を見つけ、実行し、それを記録とし...
***コンセプト
「まごころ活動」とは?
→「孫」である私たちが、祖父母に向けて「真心」込めた関わり...
-データをインフォグラフィックで表現し、リアルな声、結果を...
-実際に行動に移せるPDFデータでの日記を用意。
-キャラクターを用いる
***成果物の仕様
-Webサイト
-日記(A5サイズ、PDFデータ配布を想定)
◯日記にした理由
''①“気持ち”を可視化する手段として最も親しみやすい''
自分の気持ちや出来事を記録する文化として長く親しまれてき...
調査で得た「もっと話しておけばよかった」「何もしてあげら...
''②“行動のきっかけ”と“継続”を支えるツールとして有効''
「記録する」ことを前提とすることで、小さなアクション(電...
キャラクターや記入例を活用し、負担感なく記録できるよう工...
PDF形式にすることで、「始めるきっかけ」としても配布しやす...
''③ “形”として残り、家族間・世代間の共有につながる''
「日記(PDF)」という目に見える形にすることで、家族や祖父...
調査からも「記録が残っていない」という後悔の声がある中で...
//今回、“日記”という形式を選んだのは、祖父母との関わりを...
~
***制作
-[[アイデアスケッチ(2025.07.11フォルダ追加)>https://dri...
-プロトタイプのブラッシュアップ
-日記の台割、ページ数の設定
ページ設定
1p:表紙
2p:無地
3p:まごころ活動リスト一覧
4-51p:1ヶ月ごとのまごころ活動記録(4P×12ヶ月)
【内容】
・マンスリー(見開き)
・フリースペース&今月の振り返り
52~53p:1年間の振り返り(見開き)
54p:裏表紙
--台割り
#image(台割.png)
~
***参考事例
-[[宮副咲葉/卒業研究>宮副咲葉/卒業研究]]
日つ記:月・日を逆に、毎日の月を記録し振り返る日めくり日記
台割、ページ数の参考
~
**2025.07.04
GOAL:最終発表
***講評
-井上先生
--祖父母の関係性を深めるだけ?(親に関しては)
親→祖父母:1世代こえた対象
世代間で情報がうけつがれていく、世代間のつながりという視...
-永嶋先生
--サイトに載せる調査結果の選定
調査結果から何個選んでサイトに載せるのか。
行動に移す形の具体例は何個か。
-岩田先生
--サイトのコンセプト、方向性の再構築
現状、祖父母との関わり方を結果を通して発信
→そこからわかった内容について提案
→祖父母との関わりの創出に繋げる
--コミュニケーション機会を増やすには、アクションプランの...
膨大なデータがある
データを載せる、共有することの意味はあるのか。
載せることで、行動が高まるのか。(事例調査が必要)
たくさんの情報が集まったことで、すべて網羅しようとすると...
(例)行動に移して、効果が高まったか、変化があったかどう...
~
***今週のタスク
-これは何?、背景・目的の再構築
-具体例(アクションプラン)の選定
-先行事例調査
~
***先行事例
まごころ活動→記録していくという実践(アクションプラン)
-日記
--[[朝とコーヒーと日記帳>https://shop.daigo.co.jp/item/10...
--[[夜とカフェオレと日記帳>https://shop.daigo.co.jp/item/...
--[[週末と紅茶と日記帳>https://shop.daigo.co.jp/item/1088...
ダイゴー手帳:ティータイムシリーズ
ティータイムに、日記をつける新習慣。
-[[マンスリーシール>https://www.midori-store.net/SHOP/223...
MDダイアリーシール
無地の手帳にシールで貼れるもの
~
**2025.06.27
GOAL:報告書、プロトタイプ、作品概要のチェックと最終発表...
***今週のタスク
-最終発表準備
-%%作品概要提出(7/4(金)13:00まで)%%
-%%プロトタイプ%%
-%%アンケート結果報告書%%
-学科サイト整理、更新
~
***制作
-ブラッシュアップ
--アンケート結果報告書
--プロトタイプ
--作品概要集
~
***相談結果
-永嶋先生
--アンケート結果報告書
データから見てわかる内容と、そこから考えた考察や回答の傾...
--作品概要修正
〜です(図1)。←記載の仕方注意。
~
**2025.06.20
GOAL:アンケート結果&プロトタイプ制作
***今週のタスク
-アンケート結果
-[[プロトタイプ制作>https://xd.adobe.com/view/0f37d260-50...
~
***制作
-アンケート結果をまとめる
--[[クロス集計(Excel)>https://docs.google.com/spreadshe...
①性別×後悔したことがあるか
②学年×後悔したことがあるか
③性別×祖父母との話しやすさ
④性別×会う頻度
⑤学年×会う頻度
⑥祖父母の所在×大学生の所在
~
--上位回答一覧
💬 特に「しておけばよかった」と後悔していること(自由記述...
話しておけばよかった :31人
一緒に出かければよかった :21人
何かを渡しておけばよかった:21人
会っておけばよかった :15人
一緒に過ごせばよかった :13人
🔍 傾向のポイント
・「後悔がある」人:「直接的なコミュニケーション(会話...
・「後悔がない」人は、毎日連絡を取っている・まだ元気・...
💬会う頻度が減った主な理由(上位5つ)
1. 一人暮らしを始めたから
→ 特に大学進学や地元を離れたことが背景にある場合が多い。
2. 自分や家族が忙しくなったから
→ 学校、バイト、就活、部活、兄弟の予定など。
3. 祖父母の他界・施設・入院などで物理的に会えなくなった
→ 祖父母の状況の変化(高齢化や病気)も多く見られた。
-プロトタイプ制作
アンケート結果からサイトの内容を決定
~
***相談結果
-永嶋先生
--アンケート集計について
クロス集計でアンケート分析
→一人暮らしと実家暮らしで、その後の質問の回答に変化がある...
どういう傾向が強く出ていたのかを把握する。
--プロトタイプの中身
アンケートの結果から、総括しつつデータを載せる。(1部抜粋...
~
**2025.06.13
GOAL:アンケート集計開始&プロトタイプ制作
***今週のタスク
-[[アンケート収集・集計>https://drive.google.com/drive/fo...
--情報デザイン研究 火3,4 3年
6月17日(火)17501
--Webデザイン演習 水3,4 2年
6月18日(水)17503
--ソーシャルデザイン演習 木3 1年
6月19日(木)1号館6階OA3
//[[''アンケートはこちら''>https://forms.office.com/r/r2g...
//アンケートのご協力お願いします!
-[[アイデアスケッチ(2025.06.13フォルダ追加)>https://dri...
-[[プロトタイプ制作>https://xd.adobe.com/view/0f37d260-50...
-作品概要の制作
~
**2025.06.06
GOAL:アンケートの修正・集計を取る&プロトタイプ作成開始
***今週のタスク
-アンケートの修正
//[[''アンケート(試作)''>https://forms.office.com/r/r2g...
大学生を対象に、祖父母との関係性を問うアンケートを作成
現時点の課題:存命・他界/父方・母方の違いをどうアンケート...
-[[アイデアスケッチ(2025.06.06フォルダ追加)>https://dri...
プロトタイプイメージ
-プロトタイプ制作(枠組み、動き方)
[[XDプロトタイプ>https://xd.adobe.com/view/0f37d260-509f-...
--参考
[[【XDの使い方】初心者・入門者向けの便利な機能>https://ww...
-冊子(枚数、サイズ決め)
~
**2025.05.23
GOAL:中間発表の講評を踏まえて試作開始
***今週のタスク
-%%サイトマップ、ワイヤーフレームの変更%%(アンケート後反...
-%%メインビジュアルの変更%%
-%%イメージの統一(悲しい<柔らかさ)%%
-ターゲット(大学生)→その世代だからできることの案検討 ★
-ポジティブに行動を移すには?(気づかせる?orネタを用意?...
★…アンケート結果により決定
~
***制作
-アンケート(試作)
//[[アンケート(試作)>https://forms.office.com/r/r2gCb1J...
大学生を対象に、祖父母との関係性を問うアンケートを作成
-[[アイデアスケッチ(2025.05.23フォルダ追加)>https://dri...
コンセプト設定、イメージ・ラフ
~
***調査
-[[Pinterest>https://pin.it/5HPLeTRWe]]
サイトの素材・雰囲気の参考
-[[人生であと何回の計算式>https://gemstoneglobes.net/equa...
(女性/男性の平均寿命 ー 現在の年齢 ) x 会える回数...
-[[あと何回会えるか考えてみた>https://note.com/nodamage__...
仮に祖父母が10年後、両親が35年後他界してしまうと仮定した...
年一回会う→祖父母に会える回数:10回、両親に会える回数:35回
-[[高齢者との会話に困らない話題8選!>https://fukushinail....
-[[祖父母との楽しい会話を深めるコツと会話例:家族の絆を育...
会話のネタ例→学生視点ではどうか?
-[[おばあちゃんと話すのに緊張>https://detail.chiebukuro.y...
大人になるにつれて話せなくなった、という事例
~
**2025.05.16
GOAL:中間発表
***講評
-井上先生
--柔らかい設定に意識
認知症の話をメインにするのではなく、孫と祖父母との対話を...
--サイトマップ
その他の項目を追加しておく(制作中に必要なものが出てくる...
サイトの概要のイメージとサイトマップの構造のイメージに統...
-永嶋先生
--ターゲットに沿ったメインビジュアルの変更
ターゲット:社会人を迎える学生
→子どもと祖父母ではない画像イメージが良い
--その世代だからできることを案として出す
対策…ワードが堅い。やわらかさ、ポジティブな表現にする
-岩田先生
--ポジティブに行動を移すにはどうしたら良いのか
電話やメールをすることの大切さに「気づけばいい」のか、電...
--重たいテーマ(病気)じゃなく、ポジティブな観点で見るデ...
(例)年にお盆と正月にしか帰省しない人
平均寿命とあなたの年齢から、あと◯回しか会えない!というよ...
(サイトがあったりするので見てみると良い)
~
**2025.05.09
GOAL:中間発表の準備
***作業
-サイトマップ
#image(サイトマップ.jpg,60%)
-ワイヤーフレーム
#image(ワイヤーフレーム.jpg,60%)
~
***参考事例
-サイトの情報のまとめ方
[[ポータルサイト・メディア・情報サイト>https://sankoudesign...
--[[5歳児検診ポータル>https://gosaiji-kenshin.com]]
健診の流れやケーススタディが見える、分かる、ポータルサイト
-サイト構成
--ページ分けされている分
[[子どもと医療>https://kodomotoiryo.com]]
--シングルページ
[[介護施設の防災・減災ガイド>https://bousai-fukushi.org]]
[[豆腐千食堂>https://yushoku.co.jp/tofukanshokudo/]](ヘ...
~
***相談結果
-永嶋先生
--プロトタイプの作成方法
XD or Figma
プロトタイプ 完成イメージ
--サイト構造について
読み進めていくなら…シングルページ(上から読み進める形。強...
最終発表までに、コードもいじっておく。
→プロトタイプで中身を詳しく作るまえに、枠組みを作った物を...
~
**2025.05.02
GOAL:方向性を固めてGWを迎えよう!
~
***現状調査
-[[YOUR STORIES>https://your-stories.jp]]
オリジナル絵本制作
-[[みてね>https://mitene.us]]
子どもの写真を簡単に共有、整理
~
***参考事例
-[[倉員優実/卒業研究>倉員優実/卒業研究]]
犬の迷子を防止する注意喚起webサイト
→ページの作り方の参考にする。
-[[名嘉はな/卒業研究>名嘉はな/卒業研究]]
生活の中に植物を取り入れ楽しめるフラワーショップの提案
→ブランディングの参考にする。
~
***相談結果
-永嶋先生
--孫世代をどこに絞る?
学業や就職に伴い、祖父母との交流が希薄になりがちな大学生...
--サイトの展開方法
①孫と祖父母の関係性を深めるためのコミュニケーションツール...
②孫と祖父母の関係性を深めるための提案をまとめたサイトの作成
~
***次回までにすること
-コミュニケーションツールの具体案を模索。
-工程表再構築
-サイトの雰囲気、枠組みの参考例を探す
~
~
**2025.04.25
***テーマ設定
「病気になる前からのコミュニケーションの種まき」を提案す...
孫と祖父母の関係性を育むツールのブランディング。
//「認知症と診断されたばかりの家族が、安心して“これから”...
//コンセプト:家族が当事者に対して「なにかできる」を感じ...
-ブランドサイト
--ブランドの説明
//--認知症について
-商品展開(まだまだ検討中)
--カレンダー
--手帳(お薬手帳や体調記録)
--塗り絵(家族で楽しめるもの)
~
***現状調査
孫と祖父母が会う頻度についての調査を行う。
-[[内閣府 祖父母との接触頻度>https://www8.cao.go.jp/koure...
『ほとんど毎日会う』33.2%
『年に数回会う』24.5%、
『月に1~2回会う』19.0%
-[[不動産ジャパン>https://www.fudousan.or.jp/topics/1607/...
--近居している祖父母では月に平均4.8回(1週間に約1回)
--近居していない祖父母では月に平均0.4回(2ヶ月に約1回)
「近居していない祖父母のうち52.6%は1年に約1~2回程度」で...
孫とどれくらいの頻度で会いたいか
--近居している祖父母では月に平均5.3回
--近居していない祖父母では月に平均1.6回
→「近居している祖父母もそうでない祖父母も理想が現状の頻度...
~
***相談結果
-永嶋先生
アンケートの作成報告、落とし所が広いのが難点
--認知症×記録に関する展開方法について
学科サイトでアンケート調査
→回答者は学生メインなので、多くが孫と祖父母の関係値
→認知症当事者の方と普段一緒に過ごす機会が多い人(介護職員...
→割合の調査が必要
--ブランディングへ方向転換?
孫と祖父母の関係性という部分にフォーカスしたブランド
塗り絵、手帳、カレンダーなどの商品展開を想定
→ターゲット、目的をどう絞るか
-岩田先生
テーマの落とし所がわからなくなってきた!
--認知症になったばかりの人のできたことの記録
→それは普段ならできてあたりまえのこと。それができなくなっ...
--ネガティブな記録ではなく、ポジティブな記録という発想の...
孫視点…頻繁に会えるわけでもない
息子・娘視点…あと何回会えるかわからない
→思い出の記録を普段から残しておこうという発想の転換
--発想展開
病気になる前に、コミュニケーションをとっておくべきでは?
そのためのツールを提供するという発想転換。
→【孫と祖父母の関係性】という部分に着目するのもいいかも
~
***次回までにすること
-作業(全体)
--%%調査(現場調査 / 先行事例 / 技法・技術)%%
--%%テーマ案の更新%%
--%%試作(アイデアスケッチなど)%%→ToDo欄にリンクあり
-作業(個人)
~
~
**2025.04.18
***テーマ決定
「認知症になったばかりの人」の「家族」に寄り添う。
-初期診断を受けたばかりの本人
「普通に暮らせてるけど、忘れっぽさが気になってきた」
「何ができなくなるの?これからどうなるの?」
-同居している家族
「まだ大丈夫って思いたいけど、ちょっと心配…」
「どう声をかけたらいい?何に気をつけるべき?」
→ この“グレーな不安”にやさしく寄り添いたい。
~
***現状調査
-[[高齢者に多い病気ランキング5選!>https://jos-senior.com...
1位:認知症
-[[認知症機能ケアプロジェクト>https://wellnesslab-report....
--アルツハイマー型認知症の特徴
長い年月をかけてゆっくり進行する
完治させる治療法がないが、薬などで進行を遅らせる方法が主。
-[[朝日生命 認知症の進行度別の症状とは?>https://anshinka...
--認知症全体の進行ステージ
進行度1:前兆
進行度2:初期
進行度3:中期
進行度4:末期
--アルツハイマー型認知症
「FAST(認知症機能評価別病期分類)」と呼ばれる、進行度や...
ステージ1:正常
ステージ2:ごく軽度な認知機能低下
ステージ3:軽度の認知機能低下
ステージ4:中程度の認知機能低下
ステージ5:やや重度の認知機能低下
ステージ6:重度の認知機能低下
ステージ7:非常に重度な認知機能低下
~
***先行事例
-紙媒体
--[[おぼえている手帳>https://oboeteiru.com]]
認知症の高齢者の方のために、記録を蓄積することで記憶の代...
--[[Myカスタム手帳>https://www.magsinc.jp/jpn/pages/magsw...
自分だけのたった一つの手帳が作れるサービス
-デジタル
認知症関連の紹介サイト
--[[テヲトル>https://theotol.soudan-e65.com]]
認知症ポータルサイト
--[[おやろぐ>https://www.oya-log.com]]
世界初、介護家族のための情報管理ツール。スケジュールやお...
→料金がかかる(契約期間)半年更新:3,960円/1年更新:6,600円
-アプリ
--[[介護サプリ>https://kaigosapuri.com/carerecord/]]
ケア記録アプリ
--[[ササエル>https://sasaeru.site]]
MCI・認知症診療をサポートするアプリ
~
***参考サイト
--[[福祉・介護|SANKOU>https://sankoudesign.com/category/c...
--[[スマホ特化・スマホ幅・モバイルファーストのサイト>https:...
スマホサイズを主として考える予定
~
***方向性
①デジタル×アナログでつながる家族の記録ツールの制作
例:Webのコミュニケーションカレンダー
・「共有できるWebカレンダー」家族が予定を入力・確認できる
・普段の様子を記録するアプリ
②介護家族のためのブランドサイト
例:家族介護の小さなサポートツールのシリーズ+ブランド提案
・複数のアイテム(冊子、カード、塗り絵カレンダーなど)を...
・それらを紹介するWebのランディングページを制作
・キャラクター展開
~
***相談結果
-永嶋先生
テーマの設定は確立している。アプローチ方法は色々あるので...
--記録管理
忘れてもいいんじゃない?というようなアプローチ
できないことの記録じゃなくできたことの記録
--アプリ化?
アプリ的なサイトとして製作(スマホ型)(ブラウザ)
インストールしなくてできるもの
--これから
どんなことが不安なのか?という「グレーな不安」の深掘り
~
***次回までにすること
-作業(全体)
--%%調査(現場調査 / 先行事例 / 技法・技術)%%
--%%テーマ案の更新%%
--%%試作(アイデアスケッチなど)%%→ToDo欄にリンクあり
--%%工程表(ガントチャート) ※単位:一日%%
--%%ToDoリスト%%
-作業(個人)
-%%アンケートの作成%%→学科サイトで宣伝してもらいたい
~
~
**2025.04.11
***調査
-認知症
--[[認知症にやさしいデザイン>https://www.city.fukuoka.lg....
--[[アルツハイマー型認知症手帳>https://med.towayakuhin.co...
日常の様子を記録するもの
症状が見られるものにチェックを入れていく
--[[アートリップ>http://www.artsalivejp.org/artrip/]]
認知症の方の記憶を呼び起こしたアートコミュニケーションプ...
--[[アートセラピーによる認知症ケア>https://iggy.llc-tsumi...
アートセラピー…絵や造形、刺繍などの芸術活動を通して、脳の...
--[[アートあ>https://art-a.jp]]
一流アートを用いてお客様の心のケアと認知機能の向上を目指...
//-地方創生×アートの関係について
//--[[×ART>https://www.meti.go.jp/press/2023/02/202402220...
//--[[Fukuoka Art Next>https://fukuoka-art-next.jp]]
~
***テーマ案候補
①認知症当事者を支える家族
当事者だけではなく、周りの家族にも寄り添いたい
-プロジェクト
-ブランディング
--薬管理
--メモ、カレンダー
--塗り絵、ちぎり絵
--絵を描く
②地方創生×アート
博多・天神などの都市開発により、都市圏が発展
→地方に目を向けた施策を考えたい
~
***キーワード
-認知症 ★
-子供の頃に聴いた音楽を好む 心理
-ニュー懐メロ
-地方創生
~
~
~
ページ名: