Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

2015年7月期AITC女子会「今、Webサイト作りに求められること」

384 views

Published on

発表日:2015年7月18日 AITC女子会
イベント名:最新技術を学ぶ~Web編~
タイトル:今、Webサイト作りに求められること
発表者:合同会社アライアンス・ポート 山辺真幸
案内URL:http://aitc.jp/events/20150718-Women/info_v2.html

Published in: Internet
  • Be the first to comment

  • Be the first to like this

2015年7月期AITC女子会「今、Webサイト作りに求められること」

  1. 1. 今、Webサイト作りに求められること 山辺真幸(合同会社アライアンス・ポート)
  2. 2. 山辺 真幸(やまべ・まさき) Designer 合同会社 アライアンス・ポートCEO
 慶應義塾大学大学院 政策・メディア研究科 助教(有期・研究奨励II) 多摩美術大学美術学部情報デザイン学科 非常勤講師
 今、Webサイト作りに求められること
  3. 3. 経歴 法政大学 工学部 電子情報学科 卒(半導体) 岐阜県立国際情報科学芸術アカデミー 卒(情報デザイン)
 株式会社永原康史事務所(グラフィックデザイン) 2005年:愛知万博「サイバー日本館」ウェブディレクター 2006年:合同会社アライアンス・ポート創業 今、Webサイト作りに求められること
  4. 4. デザインの役割とはコミュニケーションの形成 「人と人」「物と人」「情報と人」をつなぐことにあると考え、
 デジタル、アナログのメディアを問わず 関わる全ての人との協調(Alliance)を重視し それらをつなぐ媒介(Port)となることを目指しています。 今、Webサイト作りに求められること
  5. 5. 今、Webサイト作りに求められること 【プロジェクト例(美術館・文化施設)】
  6. 6. 東京都現代美術館 2014年 
  7. 7. 日本科学未来館 2013年 
  8. 8. せんだいメディアテーク 2013年 
  9. 9. トーキョーワンダーサイト 2008年・2012年 
  10. 10. 山口情報芸術センター 2007年(現在第2期リニューアル中)
  11. 11. 今、Webサイト作りに求められること 【プロジェクトの共通点】 公式サイトを一新し、CMSを構築する マルチモバイル対応 計画策定やコンサルティング・セキュリティ対策 etc…
  12. 12. 今、Webサイト作りに求められること 【共通する背景】 入館者減少時代・低予算 多種、多様なイベント、事業形態 即時性・告知・効果的なPR ビジュアルクオリティ 映像メディア対応 サイト運用フロー・トレーニング 意思決定プロセス  etc...
  13. 13. 今、Webサイト作りに求められること 【ウェブ制作の流れ】
  14. 14. 今、Webサイト作りに求められること クライアントとの ワークショップ
  15. 15. 今、Webサイト作りに求められること せんだいメディアテークでのワークショップ
  16. 16. 今、Webサイト作りに求められること 【コンセプトをデザインするためのワークショップ】 • 「who」「誰に」 • 「what」「何を」 • 「story」「リアクション」
  17. 17. 今、Webサイト作りに求められること コミュニケーションのモデル図を策定し、コンセプトを共有 東京のクリエーター 日本のクリエーター コレクター キュレーター 東京 / TOKYO[ 都民 ] TWS のミッション 海外のクリエーター 日本のユーザー 世界のユーザー 動画 レジデンス アーカイブ クリエーター アーカイブ ニュース カレンダー イベント 意義を知る 成果を知る今を知る トーキョーワンダーサイトのコミュニケーションモデル
  18. 18. 今、Webサイト作りに求められること 山口情報芸術センターのコミュニケーションモデル
  19. 19. 今、Webサイト作りに求められること 日本科学未来館のコミュニケーションモデル(リニューアル前) 館 利用者 イベント 常設展 企画展 一般層 告知 来館 メルマガ 購読 クラブ 入会 ウェブサイト
  20. 20. 今、Webサイト作りに求められること 日本科学未来館のコミュニケーションモデル(リニューアル後) 館 利用者 イベント 常設展 企画展 一般層 <広報・来館> <コミュニケーション> 関心を高めるコミュニケーション 告知 来館 リピータ ー化 メルマガ 購読 振り返り クラブ 入会 自由に 調べる テーマ・ キーワード の提示 対象となるコンテンツ 常設展、企画展、関連イベント ブログ、 など、さまざまな情報 興味に訴え・情報を呼び出すため のキーワード オススメする情報の 切り口(テーマやトピック) シェア・拡散 他者 引き上げ
  21. 21. 今、Webサイト作りに求められること トーキョーワンダーサイトでのワークショップ 【IA・情報設計のためのワークショップ】
  22. 22. 今、Webサイト作りに求められること トーキョーワンダーサイトでのワークショップ 議論の過程を視覚化し、クライアントが主体的に参加する
  23. 23. 今、Webサイト作りに求められること 議論の結果をワイアーフレームに固定
  24. 24. 今、Webサイト作りに求められること ビジュアルデザインに反映させる
  25. 25. ヒアリング、ワークショップ、デザインプロセス
 詳しく知りたい方は、         「共創型デザイン」の進め方          http://www.allianceport.jp/process/ 今、Webサイト作りに求められること
  26. 26. 今、Webサイト作りに求められること 【Web制作(リニューアル)のきっかけ】
  27. 27. 今、Webサイト作りに求められること 【きっかけとしてよく聞かれるワード】 10年前  「イメージが古くなったので刷新」 5年前  「CMSを導入したい」 2年前  「スマホに対応したい」 今は? 「アーカイブ」
  28. 28. アーキビスト(Archivist) 永久保存価値のある情報を査定、収集、整理、保存、 管理し、閲覧できるよう整える専門職を指す。 今、Webサイト作りに求められること 【アーキビストとは?】 確実な過去の記憶として永続的な価値を持つ記録を保存し、その記録の山の中から、 その人が必要としている情報をみつけ、その情報を理解する手助けをする者である。 (http://ja.wikipedia.org/wiki/アーキビスト より) 「キュレーター」とは異なる
  29. 29. 1. 形のないものをいかにリアルに記録するか 2. 時間を越えた「文脈」を伝えるにはどうするか 今、Webサイト作りに求められること 【関心の高い課題】
  30. 30. イベント ワークショップ シンポジウム パフォーマンス etc… 今、Webサイト作りに求められること 形のないもの 展示 作品 図書 etc… 形のあるもの
  31. 31. 未来館の常設展「ともに進める医療」のページ=形のあるもの
  32. 32. 形のないものも含め「医療」に関して未来館が発するの全ての情報
  33. 33. 「展示キーワード」をハブとし、形のあるものと 形のないものをつなぐExplore Miraikanを新設
  34. 34. 今、Webサイト作りに求められること 時間を越えた「文脈」 現在あるものと過去のものの連続性 常に「進行形」 鑑賞から、参加へ
  35. 35. せんだいメディアテークの「プロジェクトリスト」 参加型であるものが多く、プロジェクトは数年に及ぶこともある
  36. 36. プロジェクトの中から派生的に展覧会等の企画が発生する アウトプットの形はさまざま
  37. 37. さらに、その展覧会に関わるさまざまなイベントや更新情報がある 多層的であり、文脈を重視した構造が求められる
  38. 38. トーキョーワンダーサイトはアーティスト・イン・レジデンスプログラムで 滞在するアーティストが期間中に制作を行うなど、常に進行形のものがある
  39. 39. ・文化の継承 ・それぞれの館の理念・ミッションの推進 今、Webサイト作りに求められること 【Webサイトを通じて伝えたい】
  40. 40. リニューアル前のコミュニケーションモデル:日本科学未来館 館 利用者 イベント 常設展 企画展 一般層 告知 来館 メルマガ 購読 クラブ 入会 ウェブサイト 最新の情報
  41. 41. 館 利用者 イベント 常設展 企画展 一般層 <広報・来館> <コミュニケーション> 関心を高めるコミュニケーション 告知 来館 リピータ ー化 メルマガ 購読 振り返り クラブ 入会 自由に 調べる テーマ・ キーワード の提示 対象となるコンテンツ 常設展、企画展、関連イベント ブログ、 など、さまざまな情報 興味に訴え・情報を呼び出すため のキーワード オススメする情報の 切り口(テーマやトピック) シェア・拡散 他者 引き上げ 最新の情報 蓄積された情報 リニューアル後のコミュニケーション
  42. 42. 【リニューアル後の変化】
  43. 43. 山口情報芸術センター(YCAM) →情報プラットフォームの活性化 →蓄積データが資産に。 •ニュース、イベント関係 約900件 •アーティストデータ 約350件 •作品データ 約80件 トーキョーワンダーサイト →若手アーティスト支援、  情報活性化のための仕組みを実現 →手戻りなく短期間(約3ヶ月)でリニューアル →現在まで大きなリニューアルが不要 今、Webサイト作りに求められること
  44. 44. 今、Webサイト作りに求められること 【Webサイトに期待されること】
  45. 45. 今、Webサイト作りに求められること google index数の比較 (2014/3)
  46. 46. ・情報の発信する視点から、情報を蓄積する視点へ   いかに有効活用・再利用するか   平面的ではなく立体的な構造 ・より多様なコンテンツをハンドリングできること 今、Webサイト作りに求められること 【Webサイトに期待されること】
  47. 47. ・豊富なフロントエンドフレームワークの登場 ・CMS(Contents Management System)のAPI 今、Webサイト作りに求められること 【技術動向】 単にHTMLを生成するのではなく、 多様なデータを格納し、リレーションできる 柔軟で持続性の高いウェブサイトの実現
  48. 48. 東京都現代美術館様の事例 Blog on Business vol.10 に掲載 せんだいメディアテーク様の事例 Web Designing 2013年10月号 「Inside Story - あの新着サイトの制作現場から」に掲載 今、Webサイト作りに求められること プロジェクトの詳細は
  49. 49. ご清聴ありがとうございました。 ご意見・ご質問はお気軽にご連絡ください。 info@allianceport.jp

×