Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Yoshinori OHTA
PDF, PPTX
2,207 views
Web制作会社とBA、ここ15年の変貌
2017-01-18 たまキャリ#1 の資料です。
Internet
◦
Read more
1
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 37
2
/ 37
3
/ 37
4
/ 37
5
/ 37
6
/ 37
7
/ 37
8
/ 37
9
/ 37
10
/ 37
11
/ 37
12
/ 37
13
/ 37
14
/ 37
15
/ 37
16
/ 37
17
/ 37
18
/ 37
19
/ 37
20
/ 37
21
/ 37
22
/ 37
23
/ 37
24
/ 37
25
/ 37
26
/ 37
27
/ 37
28
/ 37
29
/ 37
30
/ 37
31
/ 37
32
/ 37
33
/ 37
34
/ 37
35
/ 37
36
/ 37
37
/ 37
More Related Content
PDF
今やWeb制作者じゃなくなった私の仕事実態
by
力也 伊原
PDF
働き方のプロトタイピング
by
力也 伊原
PDF
年末調整の情報設計
by
力也 伊原
PDF
フロントエンドからの発想
by
力也 伊原
PDF
プロトタイピングツール投入のケーススタディ
by
力也 伊原
PDF
アクセシブルなナビゲーションデザインの考え方
by
力也 伊原
PDF
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
by
力也 伊原
PDF
あなたの価値を高めるWebアクセシビリティ
by
力也 伊原
今やWeb制作者じゃなくなった私の仕事実態
by
力也 伊原
働き方のプロトタイピング
by
力也 伊原
年末調整の情報設計
by
力也 伊原
フロントエンドからの発想
by
力也 伊原
プロトタイピングツール投入のケーススタディ
by
力也 伊原
アクセシブルなナビゲーションデザインの考え方
by
力也 伊原
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
by
力也 伊原
あなたの価値を高めるWebアクセシビリティ
by
力也 伊原
What's hot
PDF
Web制作 あとで揉めないための確認のポイント
by
高本 徹
PDF
情報構造設計の基礎知識
by
力也 伊原
PDF
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
PDF
イマドキWebメディアの制作手法
by
Keisuke Imura
PDF
アクセシビリティとこれからのWebデザイン
by
力也 伊原
PDF
聞いて覚えるマテリアルデザイン入門
by
正樹 平野
PDF
コーディングを考慮したWebデザインガイドライン
by
Hiroyuki Makishita
PDF
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
by
Satoru MURAKOSHI
PDF
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
PDF
Webディレクション講座 - 初級編 -
by
Colorkrew
PDF
レスポンシブWebデザインの基礎
by
Hiroyuki Ogawa
PDF
コンバージョン心理学によるウェブ・デザイン
by
Toshihiko Yamakami
PDF
ディレクターが知っておくべき3つのデザインディレクションのルール
by
INFOBAHN.inc(株式会社インフォバーン)
PDF
ブランディングを意識したサービス開発の一歩
by
Haiji Haiiro
PDF
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
by
Izumi Izuizu
PDF
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
by
Akiko Kurono
PDF
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
by
Seiko Kuchida
PDF
ディレクターが身につけておきたいチームビルディング
by
eriko yamada
PDF
Webアクセシビリティの現状ダイジェスト
by
Kazuhito Kidachi
PDF
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
by
schoowebcampus
Web制作 あとで揉めないための確認のポイント
by
高本 徹
情報構造設計の基礎知識
by
力也 伊原
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
by
力也 伊原
イマドキWebメディアの制作手法
by
Keisuke Imura
アクセシビリティとこれからのWebデザイン
by
力也 伊原
聞いて覚えるマテリアルデザイン入門
by
正樹 平野
コーディングを考慮したWebデザインガイドライン
by
Hiroyuki Makishita
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
by
Satoru MURAKOSHI
Webアクセシビリティの現状ダイジェスト 2014
by
Mitsue-Links Co.,Ltd. Accessibility Department
Webディレクション講座 - 初級編 -
by
Colorkrew
レスポンシブWebデザインの基礎
by
Hiroyuki Ogawa
コンバージョン心理学によるウェブ・デザイン
by
Toshihiko Yamakami
ディレクターが知っておくべき3つのデザインディレクションのルール
by
INFOBAHN.inc(株式会社インフォバーン)
ブランディングを意識したサービス開発の一歩
by
Haiji Haiiro
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
by
Izumi Izuizu
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
by
Akiko Kurono
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
by
Seiko Kuchida
ディレクターが身につけておきたいチームビルディング
by
eriko yamada
Webアクセシビリティの現状ダイジェスト
by
Kazuhito Kidachi
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
by
schoowebcampus
Similar to Web制作会社とBA、ここ15年の変貌
PPTX
「マシンリーダビリティ」がユーザー体験を加速する
by
Yoshinori OHTA
PDF
これからのWeb制作に必要な3つの心得
by
WAVE_Presentation
PDF
アクセシビリティキャンプ東京 #4 開催にあたり
by
Kazuhito Kidachi
PPT
Enterprise2.0 = BPMS + Social Computing + SaaS(Office2.0)
by
Tomoaki Sawada
PDF
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
by
力也 伊原
PDF
アクセス解析サミット2011「データドリブンなチームを目指せ」
by
Makoto Shimizu
PDF
マークアップエンジニアのキャリアパス
by
Yu Morita
「マシンリーダビリティ」がユーザー体験を加速する
by
Yoshinori OHTA
これからのWeb制作に必要な3つの心得
by
WAVE_Presentation
アクセシビリティキャンプ東京 #4 開催にあたり
by
Kazuhito Kidachi
Enterprise2.0 = BPMS + Social Computing + SaaS(Office2.0)
by
Tomoaki Sawada
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
by
力也 伊原
アクセス解析サミット2011「データドリブンなチームを目指せ」
by
Makoto Shimizu
マークアップエンジニアのキャリアパス
by
Yu Morita
More from Yoshinori OHTA
PPTX
世界を変えるクラウドサインの取り組み
by
Yoshinori OHTA
PDF
個人情報の観点から見るサイトセキュリティの重要性
by
Yoshinori OHTA
PDF
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
by
Yoshinori OHTA
PDF
実はできているWebアクセシビリティ ヒカラボ編
by
Yoshinori OHTA
PPTX
アクセシビリティガイドラインの見方・使い方 002
by
Yoshinori OHTA
PDF
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
by
Yoshinori OHTA
PDF
アクセシビリティからはじめる、WebサイトのUXデザイン
by
Yoshinori OHTA
PDF
デザイニングWebアクセシビリティ 誕生秘話
by
Yoshinori OHTA
PPTX
アクセシビリティ vs セキュリティ ~こんな対策はいらない!~
by
Yoshinori OHTA
PPTX
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
by
Yoshinori OHTA
世界を変えるクラウドサインの取り組み
by
Yoshinori OHTA
個人情報の観点から見るサイトセキュリティの重要性
by
Yoshinori OHTA
アクセシビリティvsセキュリティ ~こんな対策はいらない!~
by
Yoshinori OHTA
実はできているWebアクセシビリティ ヒカラボ編
by
Yoshinori OHTA
アクセシビリティガイドラインの見方・使い方 002
by
Yoshinori OHTA
アクセシビリティからはじめる、WebサイトのUI/UXデザイン
by
Yoshinori OHTA
アクセシビリティからはじめる、WebサイトのUXデザイン
by
Yoshinori OHTA
デザイニングWebアクセシビリティ 誕生秘話
by
Yoshinori OHTA
アクセシビリティ vs セキュリティ ~こんな対策はいらない!~
by
Yoshinori OHTA
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
by
Yoshinori OHTA
Web制作会社とBA、ここ15年の変貌
1.
Web制作会社とBA ここ15年の変貌 2017-01-18たまキャリ#1 株式会社ビジネス・アーキテクツ 太田良典
2.
自己紹介 2
3.
BA 3
4.
ウェブアクセシビリティ基盤委員会(WAIC) 4
5.
デザイニングWebアクセシビリティ 5
6.
BAとは? 6
7.
BA 7
8.
BAのはじまり 1999年、当時活躍していた 有名なデザイナーやエンジニアが集まる 個人では請けられない億単位の仕事も、 会社であれば請けられるようになる 1999年1月、株式会社リフレクス設立 2000年6月、現社名に変更 8
9.
社名の由来 BA=BusinessArchitects Architect=建築家 ビジネスを構築するプロの集団、というような意味
「Web」「インターネット」のような言葉は じきに廃れると考え、あえて入れなかった 9
10.
BAの特徴 自立、自律、フリーランス気質 もともと第一線で活躍していたメンバーの集まり 指示を待たずに勝手に行動するのが基本
「猛獣と猛獣使いの集団」と呼ばれたことがある 高いプロ意識 品質への意識が高い クライアントが求めた以上の物を提案しようとする 10
11.
ここ15年の変貌 11
12.
2000年ごろの話 12
13.
2000年ごろのWeb 第一次ブラウザ戦争の終盤 Netscape4、IE5などの時代。2001年にIE6が登場 Flashによる演出が流行 企業サイトにスプラッシュページが存在したことも
ただし、Flashのクオリティはまちまち ヤコブ・ニールセン「Flash:99%有害」 https://u-site.jp/alertbox/20001029 13
14.
2000年ごろのBA:良く知られる姿 Flashコンテンツを多数手がける 高く評価され、さまざまな賞を受賞 ビジュアルデザインと インタラクションデザインに長けた集団として認知 ハイクオリティなビジュアルデザイン
和菓子の「とらや」のサイトなどは評価が高く、 業界に大きな影響を与えた (=頻繁に真似された) 14
15.
2000年ごろのBA:あまり知られない姿 アクセシビリティへの取り組み サイト固有のアクセシビリティガイドラインの策定 tableレイアウトからの脱却を模索 大規模サイトをフルCSSで実装する方法を模索 くわしく知りたい方は:
http://www.b-architects.com/careers/staff/staff02/ 15
16.
2005年ごろの話 16
17.
2005年ごろのWeb 第二次ブラウザ戦争 IE6時代が長く続いたが、そこへ Firefox、Safari、Chromeなどが参入。IE7は2006年 CSSが普通に使われる時代に tableレイアウトは終焉、 ブラウザの互換性に苦慮しつつもCSSで実装する時代 Flashもまだ健在 17
18.
2005年ごろのWeb (つづき) Webのセキュリティ問題が表面化 SQLインジェクション攻撃による情報流出など アクセシビリティへの取り組みが加速
国内では2004年にJISX8341-3が成立 多くの企業サイトが、内部的に アクセシビリティガイドラインを持つように 18
19.
2005年ごろのBA:良く知られる姿 大規模企業サイトの戦略とIA IA=情報設計 戦略、情報設計、ビジュアルデザインのセット 大規模サイトのガイドラインとガバナンス
スタイルガイドに加え、実装、セキュリティ、 アクセシビリティなどさまざまな情報を盛り込む 組織内部のガバナンスに踏み込むことも 19
20.
2005年ごろのBA:あまり知られない姿 大規模サイトのモバイル対応 ガラケー対応、スマートフォン対応 ガラケーの課金の仕組みが優れていたため、 会員制サイトにはまだガラケー優先のものもあった RIAの案件を多数手がける
RIA=RichInternetApplication Flashはプロモーションではなくシミュレータなどに 20
21.
2010年ごろの話 21
22.
2010年ごろのWeb HTML5の時代へ ブラウザの戦争はほぼ終結し、標準化が進む 標準的なブラウザのHTML5対応が進む IEは対応が遅れ、2011年にIE9が登場する スマートフォンの時代へ
スマートフォンの普及が進む Flashは終焉へ 22
23.
2010年ごろのBA:良く知られる姿 引き続き大規模企業サイトを手がける ただしスマートフォン対応を含むようになる HTML5のアプリケーション実装 JavaScriptを活用したアプリケーション
IE9のプロモーションのために作成した 「The Shodo」は高評価 (=そこそこ真似された) 23
24.
2010年ごろのBA:あまり知られない姿 大規模企業サイトのスマートフォン対応 ガラケー対応からスマートフォン対応へ FlashからHTML5への移行 シミュレータをJavaScriptで実装しなおすなど
新規案件も多数 24
25.
最近の話 25
26.
最近のWeb というかWebなのか? スマートフォン利用者がPC利用者を上回る さまざまなデバイスやアプリが登場、 ユーザーは「Web」を意識しない時代へ 動画があたりまえのものに
動画によるわかりやすい説明、装飾としての動画も 26
27.
最近のBA:良く知られる姿 モバイル中心、動画を活用した大規模サイト 動画を活用した銀行のサイトなど アプリのUIデザインや実装 公表できない案件が多いが、けっこうやっている
実はWebデザインの知見がかなり生かせる 27
28.
最近のBA:あまり知られない姿 28
29.
まとめ 29
30.
Webは移り変わっている Webの姿は大きく変わっている PCブラウザの時代からモバイルの時代へ tableレイアウトとFlashの時代からHTML5の時代へ Webサイトの姿や求められるものも、 それに合わせて大きく変わっている 30
31.
BAも変化してきた BAの得意分野も大きく変化している ビジュアルデザインから戦略、IAへ Webから動画、アプリなどの周辺領域へ 31
32.
BAの新しいロゴ 32
33.
BAのロゴタイプ(2013年~) 33
34.
ロゴタイプの意図 新しいロゴタイプは、パートナー企業様との より密接なコミュニケーション、 ならびに、 弊社のクリエイティブが標榜する無限の可能 性を表現すべく、 あらゆる虚飾を排した2文 字のアルファベットで構成されます。 http://www.b-architects.com/news/releases/20130901 34
35.
BAの色 特定の色は定義されていない メンバーはさまざまな色の名刺を持つ サイトもさまざまな色に変化する 以下のような意味がこめられている
「BA」はさまざまな色に柔軟に変化する 色が変化しても「BA」であることに変わりはない 35
36.
変化を恐れない 「BA」であり続けるためには 変化し続ける必要がある 36
37.
ありがとうございました
Download