LogoMark.png

田代爽乃/情報デザイン研究II の変更点

#author("2024-05-29T14:00:48+09:00;2023-12-06T13:45:20+09:00","default:member","member")
*芸術学部専用サイト 九芸パレット
芸術学部生に寄り添ったサイトの考案・制作

#image(mainvisual.jpg)

-''田代爽乃''
-'''Keywords：information, website, communication'''
-[[九芸パレットのプロトタイプ>https://www.figma.com/proto/lm0f9gAFvP0eJOeSN5oO3q/%E8%8A%B8%E5%AD%A6%E3%82%B5%E3%82%A4%E3%83%88%E7%A0%94%E7%A9%B6%E3%83%81%E3%83%BC%E3%83%A0's-team-library?page-id=0%3A1&type=design&node-id=2367-10&viewport=353%2C283%2C0.15&t=6aNRKUVZloAL8Rms-1&scaling=scale-down&starting-point-node-id=2367%3A10&mode=design]]
~

**概要
***これは何？
芸術学生に寄り添ったサイト
~

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

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

~

***コンセプト
-情報が拾いやすく、整理されていて利用しやすいサイト
-スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す
-丸みを帯びた形や明るい色を活用して、だれもが親しみやすくなるようポップな雰囲気に
~

***成果物の仕様
webサイト
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~

-[[サイトマップ>https://drive.google.com/file/d/1uaS-xuWEIAddZTu5_aimPM6h0TR-stq-/view?usp=sharing]]
#image(sitemap20231204.jpg)
~
-[[スマホ版ワイヤーフレーム>https://drive.google.com/drive/folders/1ymN-LoYgfhkXk2_52WNiYVhjhG4qAiSa?usp=sharing]]
~
-[[PC版ワイヤーフレーム>https://drive.google.com/drive/folders/1vi-9bBqekDLNk-aLBHemLo-YzZXemkOG?usp=sharing]]
~
-[[プロトタイプ>https://www.figma.com/proto/lm0f9gAFvP0eJOeSN5oO3q/%E8%8A%B8%E5%AD%A6%E3%82%B5%E3%82%A4%E3%83%88%E7%A0%94%E7%A9%B6%E3%83%81%E3%83%BC%E3%83%A0's-team-library?page-id=0%3A1&type=design&node-id=2367-10&viewport=353%2C283%2C0.15&t=6aNRKUVZloAL8Rms-1&scaling=scale-down&starting-point-node-id=2367%3A10&mode=design]]
~

***メンバー
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
-[[江川珠貴>江川珠貴/情報デザイン研究II]]　サイトマップ、メインビジュアル、プロトタイプ
-[[田代爽乃>田代爽乃/情報デザイン研究II]]　PC版ワイヤーフレーム、プロトタイプ
-[[西山実伶>西山実伶/情報デザイン研究II]]　情報管理、プロトタイプ
-[[濱有希子>濱有希子/情報デザイン研究II]]　ワイヤーフレーム、プロトタイプアニメーション
-[[渡辺侑貴>渡辺侑貴/情報デザイン研究II]]　UI、プロトタイプ
~

***制作ツール
-ハードウエア
--MacbookAir
--iPad
-ソフトウエア
--ibisPaint
--PowerPoint
--Adobe Illustrator 2023
--Adobe XD
--figma
~

***プロジェクトの期間
2023.09.20 - 2023.12.20
~

***まとめ
//-中間発表
//後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学//部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく//現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部//内の情報共有の場として相応しい内容と構成にしていきたいと考えている。その//ために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイト//マップの構成などを納得するまでブラッシュアップし続けていきたい。
//今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立や///イメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように//計画的に進められなかった。今後はスケジュールをしっかり管理していきなが//ら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解//決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までには//webサイトの完成イメージをより固めていき、プロトタイプを完成させたい。
サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。&br;最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。&br;また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思います。
~
~


**調査

***現状調査
-K's lifeが使いづらい
-Teamsの利用率が低い
-芸学の情報が埋もれてしまう
~

***先行事例
-[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]]
-[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]]
-[[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]]
-[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]]
-[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[Figma使い方>https://www.profuture.co.jp/mk/column/39138]]
-[[Figmaアニメーション>https://help.figma.com/hc/ja/articles/360040314193-Figmaのプロトタイピングのガイド]]
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[Googleスプレッドシート>https://docs.google.com/spreadsheets/d/1cPRE-CDCIj2dW32liH2MVeflXqMN_flyC_M7iub3REM/edit?usp=sharing]]
~

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

//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr

**2023.05.29
***あしらいの先行事例2
リベロホーム https://liberohome.jp/
ホールケーキ製作所 https://palette-cakefactory.com/
LUNCH.Inc https://lanch.jp/
iDID https://idid.team/
~
~

**2023.12.20
***あしらいの先行事例2
個人作業
[[Pinterest>https://pin.it/41jKchx]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.12.13
***あしらいの先行事例
個人作業
[[Pinterest>https://pin.it/41jKchx]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.12.06
***最終発表メモ

九芸パレットについて
-元々ある情報を活用する(公式サイトにリンクするなど)
-次の世代の事も考えて、引き継ぎしやすいように仕様書などの制作を行う
~

発表について
-発表の際には各自の役割についても説明した方が良い
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.11.29
~
~
***PC版ワイヤーフレームの修正
個人作業
[[Googleドライブ>https://drive.google.com/drive/folders/1vi-9bBqekDLNk-aLBHemLo-YzZXemkOG?usp=drive_link]]
~
***Figmaでの共同作業
担当：学内情報
[[プロトタイプ>https://www.figma.com/file/lm0f9gAFvP0eJOeSN5oO3q/%E8%8A%B8%E5%AD%A6%E3%82%B5%E3%82%A4%E3%83%88%E7%A0%94%E7%A9%B6%E3%83%81%E3%83%BC%E3%83%A0's-team-library?type=design&node-id=0%3A1&mode=design&t=86HOuoIDfRt7nzIQ-1]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.11.22
***PC版ワイヤーフレームの修正
個人制作
[[Web版ワイヤーフレーム>https://drive.google.com/drive/folders/1bcatsXAwOIiq1t0N1hjAilQY8kaN2z2W?usp=drive_link]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.11.15
***プロトタイプに使用するWordPressテーマの調査
個人調査
-[[Lightning>https://lightning.vektor-inc.co.jp/demo-site/]]
-[[Cocoon>https://wp-cocoon.com/]]
-[[XeoryExtension>https://xeory.jp/]]
-[[Fukasawa>https://ja.wordpress.org/themes/fukasawa/]]
-[[OnePress>https://ja.wordpress.org/themes/onepress/]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.11.08
***スマホ版ワイヤーフレーム案の制作
個人作業
[[AdobeXD>https://xd.adobe.com/view/8c302d54-50cb-46de-942b-f4604353123b-d963/]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.11.01
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.10.25
***ワイヤーフレームの制作
個人作業
-[[ワイヤーフレーム1>https://drive.google.com/file/d/1PuGefDhmlhj0lugtIwJgKfTZnLKovhz9/view?usp=drive_link]]
-[[ワイヤーフレーム2>https://drive.google.com/file/d/1wCEKQVK3smO77PUIn6afzaOSQwKWwLNC/view?usp=drive_link]]
-[[ワイヤーフレーム3>https://drive.google.com/file/d/1taCTtwwAeGzFK6Pre09MELE_y21YW0Wl/view?usp=drive_link]]
~
***プロジェクトミーティング
[[プロジェクトメモサイト>Project/九芸パレット]]
~
~

**2023.10.18
***ワイヤーフレームの制作(仮)
個人作業
-[[ワイヤーフレーム(仮)>https://drive.google.com/drive/folders/14gCyi-EatAWhZVQVyTMQ58qP_Fpk7_tC?usp=sharing]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.10.11
***先行事例
個人調査
-[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]]
-[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]]
-[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp/]]
-[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]]
-[[映画「窓辺にて」公式サイト>https://www.madobenite.com/#]]
-[[tumugi助産院>https://tsumugi-mw.com]]
-[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]]
-[[森と踊る>https://www.moritoodoru.co.jp]]
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.10.04

***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.09.27
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~

**2023.09.20
***メモ
-PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか
-サイトの基本の構成を考える
-芸術学部生全体へのアンケートの制作
-アンケートから、足した方がいい項目を考える
-サイトマップの制作
-ワイヤーフレームの制作
-サイトの制作
-役割を分担し、それぞれで活動する
~
***プロジェクトミーティング
[[プロジェクトノート>Project/九芸パレット]]
~
~
~