ギター基礎講座サイト
Basic Guitar Course ・・・・・・・・・・・・・・・・
- Itsuki Shibata
- Keywords:design,guitar,site,
- ギター基礎講座サイト
概要
これは何?
・これは、独学でギターを学んだ自分がギターを始める初心者の方に、このサイト1つで完璧にギターの知識を得られて、簡単に上達をすることを目指す初心者特化型のサイトです。
背景と目的
・僕は周りにギター経験者がいないことや習い事に行くにはギターを買う費用の影響で躊躇するといった理由でギターを独学で学び始めました。その際にやることが多かったり、細かい点やコツが分からなかったり、そもそもまず何からすればいいかもわからず、ネットや本、直接楽器屋さんに出向いてどうにか1から頑張って学んできました。その影響でギターを練習したり、知識を増やすのはとても大変でした。例えば、ギターを買う点の注意やギターのやり方、コツ そして、ギターの管理方法や扱い方などです。その際にいつもサイトたった1つで初心者でも完璧にわかりやすくギターの知識を得られ、学ぶことができ、簡単に上達することのできる初心者特化型のサイトがあればいいなと思っていました。そこで、僕は今回の情報デザイン研究をきっかけに初心者やギターに少しでも興味があるのに、諦めや挫折をしてしまいギターから離れていく人に向けて、ギターを好きになってもらったり、簡単に上達してもらえるようなサイトを作る研究をすることにしました。
コンセプト
・なにもわからない初心者に特化してサイトを構築する
・独学でギターを学んだ自分視点から初心者の方に満足してもらう
・初心者に莫大な量の知識を教えるのではなく最低限必要な情報だけを記載し
少しでもギターにハマってもらうそして、ネットに溢れるギターを教える動画
やサイトとは違う自分の色を出す
・ラフなスタイルでのめりこめやすいサイトづくりを徹底する
成果物の仕様
・googleサイト
制作ツール
・MacBook Air
プロジェクトの期間
・2023.4.11 - 2023.07.11
まとめ
・今回の研究テーマでは、ギターの基礎をサイトを使って他者に伝えるということをしました。その中で、動画やイラスト、文章での説明を頑張りました。動画制作では、あまり長くなりすぎないように”短く伝えたいことをわかりやすく伝える”ということを意識して作ったりと工夫をしました。また、サイト全体に言えることですが、できるだけ挫折をさせないようにラフな形や親しみやすく思ってもらえるように作りました。特に、色合いや言葉遣いを気をつけて、今回のテーマの研究に臨みました。しかし、離れた状態でどこまで初心者の方の力になれるだろうと何度も考え構築するのが大変でした。
最後に、今回のテーマでは自分の好きなギターを何もわからない人へ向けて工夫をしたり、制作を練ったりして、1から自分で何かを始めるということは新鮮でとても楽しく、自分のこれからの研究テーマへのヒントを得ることができた。
調査
現状調査
- 著作権などには注意する
- 参考サイトや動画の内容に偏り過ぎず、自分の色を出す
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
進捗記録
2023.7.4
作業内容
- 最終発表を終えてのブラッシュアップ
- サイト内の各メニューページのヘッダー写真変更
変更前
変更後
・変更前のメニューバーと比べると左右の黒い枠がなくなり、
メニューバーの言葉が見やすくなった。全体的にスッキリとなり、
文字も大きくなり読みやすくなった。(変更前画像の赤い下線)
- サイト内の文章のフォントの大きさや配列の整理
- メニューバーのまずはここでのピックのイラストを写真に変更
変更前
変更後
・下手なイラストとは違い、写真で実際の現物を載せた方がわかりやすく
情報が伝わりやすくなった。
- 随時、動画や文章等のサイト内更新
2023.6.20
作業内容
- ギター基礎講座用完成参考動画作成
- ギター基礎講座サイト更新
- サイト内の配色や言葉の整理
- 14本の参考動画やイラストをサイト内に記載
- サイトを利用した人の感想 ※要約しています
・コードの押さえ方や特徴についてしっかり説明されていてよかった
・言葉がたくさん並びすぎて読みにくい
・ステップごとに練習出来るのが良い
- サイトトップページ作成・更新
- 本サイトと他サイトの違い
- 本サイト
・本サイトは初心者に特化した作りになっているので
不必要な点はできるだけ添削して作った
- 他サイト
・初心者に教えるべきことだが、その内容が多すぎて
ややこしく、やる気を失くしてしまう
- コード譜を載せる際のイラスト制作
- 学科サイト更新
2023.6.13
作業内容
- サイト更新
- エレキギターとアコースティックギターでの線引き構築
- 動画撮影
- 学科サイト更新
2023.6.6
作業内容
- サイト更新
- 基礎講座用完成参考動画字コンテ
- 教えるコードの題名→全体のアップ、指板のアップ→お手本→補足
- 中間発表
2023.5.30
作業内容
- ギター基礎講座用完成参考動画絵コンテ
- サイト更新
- 中間発表
- 学科サイト更新
2023.5.23
作業内容
2023.05.16
作業内容
先行事例の調査
2023.05.09
作業内容
- サイト更新
- ギター基礎講座試作動画洗出
- 良い点
- 文字で説明されるので確認ができるため理解しやすい
- 短い動画にまとめられているので気軽に見れる
- 悪い点
- 文字での説明のみのためやることの進み具合がわからない
- カメラの視点が少ない
- 動画が単調で見ていて楽しくない・やる気が出ない
- 改善点
- 声での説明も加える
- 明るく親しみやすい動画作りをする
- 細かい動作やポイントの説明もしっかりと増やす・表示する
- カメラの視点を増やす
2023.05.02
作業内容
- ギター基礎講座サイト作成⇩
- ギター基礎講座試作動画作成
- サイトマップ作成
- ワイヤーフレーム作成
先行事例の調査
2023.04.25
作業内容
先行事例の調査
2023.04.18
作業内容
先行事例の調査
2023.04.11
作業内容
先行事例の調査