#author("2023-11-22T13:40:10+09:00;2023-11-01T12:22:07+09:00","default:member","member") *九芸パレット 芸術学部生に寄り添ったサイトの考案・制作 #image(mainvisual.png) -''西山実伶'' -'''Keywords:information, website, communication''' //-https://www.example.com -[[Project/九芸パレット]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何? //&color(red){これは何か・・を簡潔に}; 芸術学生に寄り添ったサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的};-背景 -背景 --K’sLifeが使いにくい、依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -情報が拾いやすく、整理されていて利用しやすいサイト -スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -Webサイト -[[サイトマップ>https://drive.google.com/file/d/1uaS-xuWEIAddZTu5_aimPM6h0TR-stq-/view?usp=sharing]] #image(sitemap20231030.jpg) -[[ワイヤーフレーム>https://drive.google.com/file/d/1WK-0NvI7QE8kjK4WKTj7A2wy9cy6pNiZ/view?usp=sharing]] |#image(wireframe1.png)|#image(wireframe2.png)|#image(wireframe3.png)| ~ ***メンバー //&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記}; -[[江川珠貴>江川珠貴/情報デザイン研究II]] -[[田代爽乃>田代爽乃/情報デザイン研究II]] -西山実伶 -[[濱有希子>濱有希子/情報デザイン研究II]] -[[渡辺侑貴>渡辺侑貴/情報デザイン研究II]] ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; -ハードウエア --MacbookAir --iPad -ソフトウエア --ibisPaint --PowerPoint --Adobe Illustrator 2023 --Adobe XD --WordPress ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; 2023.09.20 - ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 中間発表 後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。 今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -K's lifeが使いづらい -Teamsの利用率が低い -芸学の情報が埋もれてしまう ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[ソーシャルデザイン学科>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]] UI → [[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[WordPressテーマ作り方>https://www.conoha.jp/lets-wp/wptheme-selfmade/]] -[[WordPressテーマ編集方法>https://www.conoha.jp/lets-wp/wp-edit/]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[スケジュール表>https://docs.google.com/spreadsheets/d/1cPRE-CDCIj2dW32liH2MVeflXqMN_flyC_M7iub3REM/edit?usp=sharing]] //-[[スケジュール表(個人)>https://docs.google.com/spreadsheets/d/1-Zz8ZTe-WB8ZG29fEnofZIe4nfS7CHHI99zcQMwsPw0/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%ターゲット層の決定%% -スケジュール決定 -アンケート -サーバー決定 -%%開発エンジンの決定%% -%%目的の明確化%% -%%コンセプト決定%% -サイトデザイン -コーディング -プロトタイプ作成 -実装 //***NotToDo //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.15 ~ ~ **2023.11.08 -[[スマホ版ワイヤーフレーム>https://xd.adobe.com/view/30881cf2-7d01-4cd2-83e8-b577525be932-65db/]] ~ ~ **2023.11.01 ***中間発表 -プッシュ通知ではなく、プル型の通知にした方がいい -毎日見にきてもらうようにするためには? →毎日更新するなど方法を考える -ポータルサイトとしての役割を果たすようにする -ワイヤーフレームのスマホ版 -情報の集め方の工夫 -学部の情報収集の仕組みを整えた方がいい →広報委員などを各学科で作る ~ ~ ~ **2023.10.25 ***ロゴ -九芸を象徴する公式ロゴがない --ここで制作してしまうと、九芸の公式ロゴとして認識される可能性 --線のみのロゴにしてみる、パレットの形に寄せる? --制作するとしたら、理念をしっかり考える必要がある --シンボルマークは無くしてみるのもあり? -今決めるよりもサイトが形になってからその雰囲気に合わせて制作したほうが良い ~ ***サイト内容 -トップページの上部の大きな写真は必要かどうか -メインメニューの順番を変更(イベント→プロジェクト→学内) --更新されるページを先に、固定ページを後ろの方にする -お知らせ情報とピックアップ情報の差別化 --本当に必要かどうか -お知らせ情報に写真も一緒に載せるかどうか -サイトのUI --スッキリとした情報のシンプルさ、現代の学生に馴染みやすいポップさ --サイト内の模様や柄に合わせたUI(参考:[[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]]) ~ ~ **2021.10.18 ***ミーティング内容 -サイトマップ仮決定 -ロゴ案決定 ~ ***サイトマップ 10月16日時点 #image(sitemap01.jpg) ~ 10月18日時点 #image(sitemap02.png) -メインメニューの並び順を変更 -運営の連絡先をサイドメニューに追加 ~ ***ロゴ案 --[[シンボルマーク>https://drive.google.com/drive/folders/1QU_Iyl1s5Ha2EJIK1Opg5N5odRgol7jm?usp=sharing]] --[[ロゴタイプ>https://drive.google.com/drive/folders/1D8YIAZCAVmlVUUOYVtYEHh8hK6WbjOj6?usp=sharing]] ~ ~ **2023.10.11 ***ミーティング内容 -サイトマップの案出し -ワイヤーフレームの先行事例 -ロゴデザインのデザイン決め ~ ***サイトマップの案出し -個人のサイトマップ案([[Googleドライブ>https://drive.google.com/file/d/1QB6h3JIjRWDQrtQeA5yn76QGL4MVRY_w/view?usp=drive_link]]) #image(jamboard03.png) ~ ***ワイヤーフレームの先行事例調査 個人での調査 -[[明暮焙煎所>https://akekure-beans.com]] --シンプルなデザインで見やすい --ナビゲーションの背景透過&追従機能を参考にしたい -[[イヌパシー>https://www.inupathy.com]] --シンプルで色使いが可愛い。雰囲気を参考にしたい チームでの調査(参考決定) 色味→[[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]] 構成→[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]] UI→[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] ~ ***ロゴデザインの案出し -個人のラフ案 [[Googleドライブ>https://drive.google.com/drive/folders/1qwUkrFgQwupLcEyIi_6-Y7WoTWw9Jbi5?usp=sharing]] -チームのラフ案 [[Googleドライブ>https://drive.google.com/drive/folders/11_K5Q9c65zpHah9gAjRblfeJoT2j0K8j?usp=sharing]] ~ ~ **2023.10.4 ***ミーティング内容 -スケジュール管理 -ToDo確認 -webの全体的な雰囲気・内容案 -サイトマップのアイデア出し -サイト名案 ~ ***雰囲気・内容の案出し -案① シンプル --情報が見やすくて、スッキリしている -案② ポップ --学生も使うため、学生らしさのある明るい雰囲気のサイトにしたほうがいいかも? -案③ シンプルポップ &color(red){決定}; --上2つを掛け合わせたデザイン --見やすいかつ、学生らしい明るいデザイン。 ~ ***サイトマップのアイデア出し(メンバー全員で) [[Jamboard>https://jamboard.google.com/d/15ohngrylX6npFT5DygOxFxURtYyn0RX929HU3lmSjac/edit?usp=sharing]] #image(jamboard01.png) #image(jamboard02.png) ~ ***サイト名案出し -条件 --日本語で表記する --芸術学部だとわかるようにする ~ ***次回までにやること -サイトマップ試作 -ワイヤーフレームの先行事例 -ロゴデザインのラフ ~ ~ **2023.09.27 ***ミーティング内容 -概要決め -ターゲット層・権限範囲 -必要なメニュー決め -アンケート内容 詳細>>[[Project/九芸パレット]] ~ ***概要 -これは何 芸術学生に寄り添ったサイト -背景 --K’sLifeが使いにくい、依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる -コンセプト --情報を拾いやすく、使いやすいサイト --面倒臭くならないサイト ~ ~ **2023.09.20 ***ToDoメモ -PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか -サイトの基本の構成を考える -芸術学部生全体へのアンケートの制作 -アンケートから、足した方がいい項目を考える -サイトマップの制作 -ワイヤーフレームの制作 -サイトの制作 -役割を分担し、それぞれで活動する ~ ***テーマ案 -芸術学部内部用のWebサイト制作(グループ) -柳川うなぎめし ~ ***先行事例の調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] --ソーシャルデザイン学科の授業内容や情報共有サイト。PukiWikiを使っている。 -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] --九州産業大学に関するサイト。 ~ ~ ~