休憩設計
休憩という存在に向き合って、1日をより良く過ごすためのサイト
概要
これは何？
休憩という存在に向き合って、1日をより良く過ごすためのサイト
背景と目的
近年はスマホ・タブレット・PCの所持が当たり前になってきて、それと同時にモニターに向かい長時間作業する人が増えています。しかし休憩時間は軽視されやすく、SNSやスマホを見続けてしまい、十分に休めないまま時間を浪費してしまう課題があります。そこで、休憩の内容に注目し、「何をするか」と「どれくらい休むか」を決めて記録できるサイトを作成します。1日の休憩を可視化し、1日の振り返りや改善につなげることで、休憩の質という観点から1日をより良くするきっかけ作りを目的としています。
コンセプト
- 各休憩によって期待される効果も一緒にわかるようにすることで、その時々に適した休憩を取れるようにする。
- 休憩をする前に何をするかと時間を決めて（仮眠、食事、散歩......）1日終了時点でその日のタイムスケジュールが作成できるようにすることで、1日を振り返るきっかけを作る。
成果物の仕様
GitHubにて公開するWebサイト
制作ツール
Adobe Illustrator
VScode
Procreate
figma
プロジェクトの期間
2026.04.10 - 2026.12.04
まとめ
方向性は定まってきたと考えているので、前期は必要機能の選定やデザイン作成、サイト内の素材を作成し、後期で形にするという作業に取り掛かろうと考えている。
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- 必要機能の選定
- サイトマップ作成
- ワイヤーフレーム作成
- サイトデザイン案作成
- サイト内で使う素材の作成
- コーディング
進捗記録
2026.05.15
メモ
- 日常の記録をとるコンピュータと離れたところでどういった時に休憩をしているのかなど、日常のログを記録して休憩について考えると良いかも。
- 携帯やパソコンを触っていない時間を記録しようがない
- 休憩においては肉体労働もあると思うのでそれも含めて休憩について考えられると良いかも
- 実際に自分の1日を記録したいと考えている
- サイトの実装したい機能をまとめる
小休憩で推奨される休憩
軽い散歩（5〜10分）
階段昇降
ストレッチ
目を閉じる・遠くを見る
仮眠（10〜30分）
深呼吸
瞑想・マインドフルネス
水分補給
コーヒーブレイク
コーヒーナップ
自然を見る・外気に触れる
軽い筋トレ
ヨガ
雑談・コミュニケーション
軽食・健康的な間食
日光を浴びる
姿勢変更・立ち上がる
3分程度の運動休憩
作業切替（軽いタスクへ）
呼吸＋ストレッチの組み合わせ
軽い家事・整理整頓
ペットと触れ合う
ガムを噛む
軽いマッサージ
アロマ・香りを使う
2026.05.08
現状調査
2026.05.01
メモ
- デスクワークに限らずという考えもある
- 背景はあくまで世の中の現状メイン
- 現時点で必要な機能を説明できるようにすると聞く側もわかりやすい。
- 作業・休憩という言葉は他の言い方、他の事柄にもっと広く言い換えることができそう
2026.04.24
テーマ
- ”休憩で何をするのか何をしたのかどれだけしたのか”
- 時間管理を助けるサイト
- 集中力アップを助けるサイト
- 仮眠の重要性を助けるサイト
メモ
- 作業時間ではなく休憩時間の記録とタイマー
- 休憩をする前に何をするかと時間を決める（仮眠、食事、散歩......）
- 1日終了時点でその日のタイムスケジュールが作成される
- 休憩時間が少なければもっと休憩を取る
- 休憩時間が多ければ少なくして1日の使い方を改善
休憩という存在に向き合って、1日をより良く過ごすためのサイト
＿＿＿＿＿＿＿＿＿＿＿＿＿＿
- タイマーx締切
- タイマーx
- 仮眠x
- 音x
- 前期までの成果物
参考事例
タイマー参考事例
タイマー参考事例 動画
2026.04.17
メモ
- アンケートはしてもいいが大変
- 仮眠にこだわりすぎずタイマー視点で見るのもアリかも
- 時間管理
- とりあえず最初はやりたい機能や作りたいものを全部考えてみる
ポモドーロタイマーのデメリット
- 「時間で区切ることが、必ずしも価値を生まない」
- 作業の質より“時間内に終わらせること”が目的化する
- ポモドーロを回した回数＝成果のように錯覚しやすい
↓
ポモドーロタイマーにこだわらなくてもいいかも。
タイマーにするなら自由度が大事かも
- カスタマイズできるタイマー
- 音楽
- タイマー設定
- 天気
- 背景
- 通知
- 時間
- 画面ロック
2026.04.10
テーマ案
- ゆっくり
- 通知
- "集中"
- "仮眠"
- タイマー
- "ポモドーロタイマー"
手段
参考事例
