• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 渡辺侑貴/情報デザイン研究II へ行く。
  • 1 (2023-09-20 (水) 14:20:30)
  • 2 (2023-09-20 (水) 14:20:30)
  • 3 (2023-09-20 (水) 14:20:30)
  • 4 (2023-09-20 (水) 14:20:30)
  • 5 (2023-09-20 (水) 14:20:30)
  • 6 (2023-09-20 (水) 14:20:30)
  • 7 (2023-09-20 (水) 14:20:30)
  • 8 (2023-09-20 (水) 14:20:30)
  • 9 (2023-09-20 (水) 14:20:30)
  • 10 (2023-09-20 (水) 14:20:30)
  • 11 (2023-10-25 (水) 17:14:08)
  • 12 (2023-10-25 (水) 17:14:08)
  • 13 (2023-11-01 (水) 12:29:53)
  • 14 (2023-11-15 (水) 11:17:22)
  • 15 (2023-11-22 (水) 16:53:17)
  • 16 (2023-11-22 (水) 16:53:17)
  • 17 (2023-11-22 (水) 16:53:17)
  • 18 (2023-11-22 (水) 16:53:17)
  • 19 (2023-12-06 (水) 11:24:54)
  • 20 (2023-12-06 (水) 11:24:54)
  • 21 (2023-12-06 (水) 11:24:54)
  • 22 (2023-12-13 (水) 17:24:27)
  • 23 (2023-12-13 (水) 17:24:27)

---

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

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

• Tamaki Egawa
• Keywords：information, website, communication
• 九芸パレットのプロトタイプ

概要

これは何？

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

背景と目的

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

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

コンセプト

• 情報が拾いやすい
• 整理されていて利用しやすい
• スッキリと見せるためにシンプルに
• 丸みを帯びた形や明るい色を活用して、だれもが親しみやすくなるようポップな雰囲気に
  
  

成果物の仕様

• サイトマップ
  

• スマホ版ワイヤーフレーム

• PC版ワイヤーフレーム

• プロトタイプ
  
  

メンバー

• 江川珠貴
• 田代爽乃
• 西山実伶
• 濱有希子
• 渡辺侑貴
  
  

制作ツール

• ハードウエア
  • MacbookAir
  • iPad
• ソフトウエア
  • ibisPaint
  • PowerPoint
  • Adobe Illustrator 2023
  • Adobe XD
  • figma
    
    

プロジェクトの期間

2023.09.20 - 2023.12.20　（プロトタイプ完成まで）

まとめ

結論として、サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。
最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。
また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思います。

調査

現状調査

• K's lifeが使いづらい
• Teamsの利用率が低い
• 芸学の情報が埋もれてしまう
  
  

先行事例

• ソーシャルデザイン学科
• 九州産業大学 芸術学部
  
  

参考サイト

色味 → 株式会社ABI新卒採用サイト
構成 → 公立大学法人 長岡造形大学
UI → マカロニえんぴつ Official Website

技法・技術情報

• Figma使い方
• Figmaアニメーション
  
  
  
  

プロジェクト管理

スケジュール

Googleスプレッドシート

ToDo

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

---

---

2023.11.29

作業

Figmaでの共同作業(学内情報)
プロトタイプ

• メインビジュアル作成
  
  
  
• スマホ版プロトタイプ（イベントページ、その他微調整）
  
  
  

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

プロジェクトノート

2023.11.22

作業

• ワイヤーフレームのボタン変更
  
  
  
  

2023.11.15

スマホ版ワイヤーフレーム制作改良

ワイヤーフレーム1
ワイヤーフレーム2

2023.11.08

スマホ版ワイヤーフレーム制作

ワイヤーフレーム1
ワイヤーフレーム2

2023.11.01

中間発表

• プッシュ通知ではなく、プル型の通知にした方がいい
• 毎日見にきてもらうようにするためには？
  →毎日更新するなど方法を考える
• ポータルサイトとしての役割を果たすようにする
• ワイヤーフレームのスマホ版
• 情報の集め方の工夫
• 学部の情報収集の仕組みを整えた方がいい
  →広報委員などを各学科で作る
  
  

第11回ミーティング内容

• 中間発表で気になったこと
  push型とpull型とは

2023.10.25

第9回ミーティング内容

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

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

第10回ミーティング内容

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

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

2023.10.18

第7回ミーティング内容

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

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

第8回ミーティング内容

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

• ロゴ案決定
  • シンボルマーク
  • ロゴタイプ
    
    
• サイトマップ確認
  サイトマップ
  
  
• ワイヤーフレーム話し合い
  • フッター（SNSアイコン、メアド、サイトマップ、©️）
  • サイドメニュー（九芸WORKS、九産HP、九芸、言語設定、年間スケジュール、仮：お知らせ）
    
    
    
    

2023.10.11

第5回ミーティング内容

サイトマップアイデア出し
サイトロゴアイデア出し

九産大の９、パレット感、芸学の5色を入れたデザイン

• 次回までにすること
  • サイト先行事例
  • サイトマップ案
  • サイトロゴラフ
    
    

第6回ミーティング内容

• 先行事例
  色味→株式会社ABI新卒採用サイト
  構成→公立大学法人 長岡造形大学
  UI→マカロニえんぴつ Official Website
  
  
• ロゴデザイン試作
  Googleドライブ
  
  
  
  

2023.10.04

第三回ミーティング内容

アンケート内容決定・作成

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

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

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

第4回ミーティング

• スケジュール決め
• ToDo確認
• メニュー構成案出し（続き）
• サイトマップ制作
• ワイヤーフレーム制作
• タイトル決め
  
  
  

10月のToDo

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

開発エンジン別（メリット、デメリット）

WordPress　決定

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

Googleサイト

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

PukiWiki　

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

HTML/CSS

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

タイトル決め

• 条件
  • 日本語
  • 芸術学部だとわかるように
  • 「九産の〜」

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

担当決め

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

サイトの雰囲気、方向性案

• シンプルポップ　　★
• かわいい
• パステル
• レトロ
• 手書き風
• ネオン
• ビビット
• モノクロ
• ナチュラル
• おしゃれ
• シック
• 幾何学
• モダン
• キャンバス
• ノート風
  
  
  
  

2023.09.27

第一回ミーティング内容

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

メモ

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

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

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

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

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

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

メモ

https://design.kyusan-u.ac.jp/socialdesign/?芸術学部専用サイトの開発

第二回ミーティング内容

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

概要

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

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

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

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

アンケート内容

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

2023.09.20

メモ

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

テーマ案

• 芸術学部内部用のWebサイト制作(グループ)
• プロジェクトノート
  
  

先行事例の調査

• ソーシャルデザイン学科
• 九州産業大学 芸術学部