濱有希子/情報デザイン研究II のバックアップ(No.13)

芸術学部専用サイト - 九芸パレット -

芸術学部生に寄り添ったサイトの考案・制作

濱　有希子
Keywords：information, website, communication
https://www.example.com
プロジェクトノート

概要

これは何？

芸術学生に寄り添ったサイト

背景と目的

背景
- K’sLifeが使いにくい、依存している
- 他学科が何をしているかわからない
- 芸学の情報が拾いづらい
- 情報の発信源がまとまっていない

目的
- 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる

コンセプト

情報が拾いやすい
整理されていて利用しやすい
スッキリと見せるために<シンプル>に
だれもが親しみやすくなるよう<ポップ>な雰囲気に

成果物の仕様

Webサイト
サイトマップ

ワイヤーフレーム

メンバー

制作ツール

iPad
ibisPaint
PowerPoint
Adobe Illustrator 2023
Adobe XD
WordPress

プロジェクトの期間

2023.09.20 - 2023.12.20　（仮）

まとめ

後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。
今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。

調査

現状調査

先行事例

技法・技術情報

プロジェクト管理

スケジュール

スケジュール表（全体）

ToDo

~~ターゲット層の決定~~
スケジュール決定
アンケート
サーバー決定
開発エンジンの決定
目的の明確化
コンセプト決定
サイトデザイン
コーディング
プロトタイプ作成
実装

進捗記録

2023.10.25

第10回ミーティング内容

サイトマップ更新
ワイヤーフレーム更新

サイトマップ更新
Googleドライブ
ワイヤーフレーム更新
Googleドライブ

第9回ミーティング内容

スケジュール決定
サイトメインカラー話し合い
サイトフォント案出し
サイトマップ更新
ワイヤーフレーム更新

スケジュール決定
スケジュール表（全体）
サイトメインカラー話し合い
- 青（世界で一番好まれている色）
- 白黒（九芸の色を定めないようにするため）
- 五色（サイトに使いたい）
サイトフォント案出し
- 手書き
- 明朝体
- ゴシック
- その他
サイトマップ更新
Googleドライブ
ワイヤーフレーム更新
Googleドライブ

2023.10.18

第7回ミーティング内容

担当決め
サイトマップ内容仮決定

担当決め
- サイトマップ　江川珠貴
- ワイヤーフレーム　田代爽乃
- ロゴデザイン　西山実伶　濱有希子　渡辺侑貴
サイトマップ内容仮決定
Googleドライブ
次回までにすること
それぞれの担当内容を仕上げてくる

第8回ミーティング内容

ロゴ案決定
サイトマップ確認
ワイヤーフレーム話し合い

ロゴ案決定
- シンボルマーク
- ロゴタイプ
サイトマップ確認
サイトマップ
ワイヤーフレーム話し合い
- フッター（SNSアイコン、メアド、サイトマップ、©️）
- サイドメニュー（九芸WORKS、九産HP、九芸、言語設定、年間スケジュール、仮：お知らせ）
次回までにすること
- ロゴ作成
- サイトマップ改正
- サイトマップ改正

2023.10.11

ロゴのラフ制作
サイトマップ作成
参考事例を探す

2023.10.04

第四回ミーティング内容

スケジュール決め
メニュー構成案
サイトマップ
ワイヤーフレーム

10月のToDo
- ワイヤーフレーム
- サイトマップ
- デザイン決め（UI、色、レイアウト）
- タイトル
- ロゴ
- 開発エンジン決め（10/15 〆切）
- アンケート内容決め（10月末）

開発エンジン別（メリット、デメリット）
```
WordPress
```
- メリット
  - 管理しやすい
  - 更新しやすい
  - 参考テーマがある
  - 土台を作れば・・・
- デメリット
  - 編集にログインが必要
  - サーバーを借りる必要がある（シン・アカウント）
  - 1から作成の経験はなし

Googleサイト

メリット
- 操作しやすい
- 簡単に編集できる
デメリット
- 安っぽい
- レイアウトを変更できない

PukiWiki

メリット
- 整理しやすい
- 慣れたら編集が簡単
- 大人数の編集に向いている
デメリット
- わからないことが多い
- お知らせが目立たない

HTML/CSS

メリット
- 1から制作経験あり
- 自由度が高い
デメリット
- 編集がむずかしい、知識が必要

決定　WordPress

タイトル決め
- 条件
  - 日本語
  - 芸術学部だとわかるように
  - 「九産の〜」

アイデアメモ
- 芸術に関する名前を入れたい
- 掲示板的な言葉（？）
- 産芸
- 九芸ネットワーク
- 九ふぉ（九産×インフォメーション）
- KSU Art Note（KAN）仮決定

担当決め
- タイトルロゴ（KSU Art Note / KAN） →　全員
- レイアウト（スマホ、PC）　→ １人
  - UI（ボタン、メニューバー etc.）　→　２人
  - ビジュアル　→　２人
  - ページ構成　→　２人

サイトの雰囲気、方向性案
- シンプルポップ　　★
- ~~かわいい~~
- パステル
- レトロ
- ~~手書き風~~
- ~~ネオン~~
- ~~ビビット~~
- ~~モノクロ~~
- ナチュラル
- ~~おしゃれ~~
- シック
- 幾何学
- モダン
- キャンバス
- ノート風

第3回ミーティング内容
アンケート内容決定・作成

共通
- 展示会や芸学のプロジェクト情報の入手先（選択）
- 普段使用している媒体の使いづらいと思う点（選択、自由記入）
- 芸術学部のサイト（九芸）を知っているか（選択）
- 他学科の情報（プロジェクト等）を知りたいか（選択）
- 芸学に関するどのような情報を入手したいか（選択）
- その他要望（自由記入）
- 所属情報（選択）

学生
- 研究に興味があるか
  - 参加したいと思うか
  - 学籍番号、名前

教員
- 名前
- 授業用の連絡先を載せていいか

アイデア出し

2023.09.27

第2回ミーティング内容

概要を決める
アンケートの内容決定
メニュー項目
編集権限

概要

これは何
芸術学生に寄り添ったサイト

背景
- K’sLifeが使いにくい、依存している
- 他学科が何をしているかわからない
- 芸学の情報が拾いづらい
- 情報の発信源がまとまっていない

目的
芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる

コンセプト
- 情報を拾いやすく、使いやすいサイト
- 面倒臭くならないサイト

アンケート内容

生徒
- K'slife利用頻度
  (用途、利用しない理由)
- Teamsの利用頻度
  (用途、利用しない理由)
- どこで芸術学部関連のイベントなどの情報を得ているか
- 他学科の情報を知りたいか
- 芸学サイトにあってほしい項目、理由
- その他要望
- 興味ある人
教師
- Teamsの利用頻度
  (用途、利用しない理由)
- HTML/CSS、Word Press、PukiWiki
- 芸学サイトにあってほしい項目、理由
- その他要望
- 連絡先を掲載していいかの確認

第1回ミーティング内容

ターゲット層決め
編集権限の範囲
アンケート内容決定（生徒向け）
メニュー決め（必須事項のみ）
概要の明確化
内部用か外部ありか

メモ

ターゲット層決め
KSU芸術学部　先生・生徒

ニーズ
- 芸術学部の情報の集積
- 学部内の情報共有場所

編集権限の範囲
- 先生
- 学生運営メンバー

閲覧権限の範囲
オープン（仮）
＊WordPressなら差別化できる（アカウント必須）

メニュー編成
- ホーム
  - イベント情報
  - プロジェクト情報
  - 言語設定
- セッション
- キャリア情報
- 教員紹介
- 運営コンタクト

次回までにやること
- 編集権限
- アンケート内容考える
- メニュー項目追加あれば

プロジェクトミーティング

プロジェクトメモサイト作成?

2023.09.20

メモ

PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか
サイトの基本の構成を考える
芸術学部生全体へのアンケートの制作
アンケートから、足した方がいい項目を考える
サイトマップの制作
ワイヤーフレームの制作
サイトの制作
役割を分担し、それぞれで活動する

テーマ案

芸術学部内部用のWebサイト制作(グループ)

先行事例の調査

プロジェクトミーティング

プロジェクトメモサイト作成