Embed Size (px)
DESCRIPTION
Citation preview
インタラクティブデザイナーが
サービスデザイナーになっての阿鼻叫喚
髙橋伸弥（@feb19）
Flasher からのフロントエンドエンジニア・ UX デザイナー人柱報告書
経歴{ }
Yahoo! Geocities と Microsoft Frontpage で
ブラクラサイトを作る暗澹のクソ坊主時代
↓
作曲したMP3を流せる new Sound() をきっかけに
インターネット×リッチ表現の世界に憧れ
映像×音響×ウェブデザインの制作会社で 6 年
ActionScript × Flash でご飯をいただく生活
↓
昨年弊社にジョイン
フロントエンドエンジニア兼デザイナーとして現職
Flash 5.0 の API
こういう場なので
プチ同窓会話{ }
「ActionScript × Flash でご飯をいただく生活」のスキルセット
ウェブ(FlashPlayer)／デスクトップ(AIR)で動作する
ウェブサイトや RIA (懐かしい響きですね)の
UI デザインやモーションデザイン、ロジックの提案・実装、
SPA、JavaScript での Flash 外との連携や
サーバーとのデータやり取り、動画音声の制作・使用
「ActionScript × Flash でご飯をいただく生活」のスキルセット
ウェブ(FlashPlayer)／デスクトップ(AIR)で動作する
ウェブサイトや RIA (懐かしい響きですね)の
UI デザインやモーションデザイン、ロジックの提案・実装、
SPA、JavaScript での Flash 外との連携や
サーバーとのデータやり取り、動画音声の制作・使用
↓
なんでもできんじゃね？という時代（二徹しながら）
＿人人人人人人人人人＿
＞ スマホショック ＜
‾^Y^Y^Y^Y^Y^Y^‾
Flash 大空襲
☟
広告制作を中心にして機能していた仕事・単価が激減
☟
技術/表現革新・コミュニティが失われゆく
☟
俺路頭に迷いかける（精神的に）
＿人人人人人人人人人人＿
＞ リーマンショック ＜
‾^Y^Y^Y^Y^Y^Y^Y^‾
インタラクティブデザイナー（Flasher）その後烈伝
・サイネージなどウェブからマルチメディアに展開する人
・（一人である程度できるので）フリー・独立する人
・エンターテインメント制作に領域を広げる人
・そのままか新たに覚えてスマホのアプリで一発当てる人
・広告代理店にジョイン、広告を極めんとする人
・クリエイティブディレクターへ移行する人
・フロントエンドエンジニアへ移行する人
・事業会社でサービス開発に参加する人
・サイネージなどウェブからマルチメディアに展開する人
・（一人である程度できるので）フリー・独立する人
・エンターテインメント制作に領域を広げる人
・そのままか新たに覚えてスマホのアプリで一発当てる人
・広告代理店にジョイン、広告を極めんとする人
・クリエイティブディレクターへ移行する人
・フロントエンドエンジニアへ移行する人
・事業会社でサービス開発に参加する人
インタラクティブデザイナー（Flasher）その後烈伝
人柱報告①
「フロントエンドエンジニア
へ移行する人」の場合{ }
{ウェブの場合}
HTML/CSS/JavaScript で
UIの実装・コンテンツの演出を行なう
フロントエンドエンジニアとは
{ウェブの場合}
HTML/CSS/JavaScript で
UIの実装・コンテンツの演出を行なう
フロントエンドエンジニアとは
結論： インタラクティブ・デザイナーには
おすすめできない
・今までやってきた延長でご飯食えるし今後も需要は高い
・今までやってきた延長でご飯食えるし今後も需要は高い
・グラフィックデザイナーに依存した職業、暇になる
・今までやってきた延長でご飯食えるし今後も需要は高い
・グラフィックデザイナーに依存した職業、暇になる
・AngularJS/Yeoman/Bower/Grunt/Bootstrap/各WAF
など足回りが OSS・アセットストアで整備でき、
サーバー開発者がフロント開発しやすくなった結果
単価は早いうちに頭打ちしそう
・今までやってきた延長でご飯食えるし今後も需要は高い
・グラフィックデザイナーに依存した職業、暇になる
・AngularJS/Yeoman/Bower/Grunt/Bootstrap/各WAF
など足回りが OSS・アセットストアで整備でき、
サーバー開発者がフロント開発しやすくなった結果
単価は早いうちに頭打ちしそう
・ただし WebGL など別次元へ行ければ一歩先へ行けそう
・フロントエンドに割り切らず、エンジニアリング全般へ
有権者の皆様
あなたの PSD/AI いい感じにウェブにします
・実装において 1px のズレも致しません
・PSD レイヤーは適当で大丈夫ですお気軽にご相談ください
・デザインのミス指摘いたします
・最短半日で実装・納品いたします
・いい感じに演出加えます
・デバイステキストでの文字詰めなどご対応いたします
・緊急時 PSD などから増産・不足分デザイン作成いたします
・レガシーブラウザ、レガシースマホ対応いたします
なおここで閑話休題
よろしくおねがいします
（^^）
人柱報告②
「事業会社でサービス開発に
参加する人」
の場合{ }
デジタルなプロダクトを開発・運営し
消費者との対話を直接行なう
↓
移行しなければならないことが大量にあった
事業会社でのサービス開発とは
移行の必要性なんか感じた色々
・大規模ウェブサーバー、安定したインフラの知識など
基礎技術力補強が必要☞エンジニアリング力
移行の必要性なんか感じた色々
・大規模ウェブサーバー、安定したインフラの知識など
基礎技術力補強が必要☞エンジニアリング力
・制作物/広告がお客さん（消費者）に刺さっていたのか、
直に相手にして世の中にちゃんと価値を提供できたか
分析力、定量定性マーケティング☞ビジネス力
移行の必要性なんか感じた色々
・大規模ウェブサーバー、安定したインフラの知識など
基礎技術力補強が必要☞エンジニアリング力
・制作物/広告がお客さん（消費者）に刺さっていたのか、
直に相手にして世の中にちゃんと価値を提供できたか
分析力、定量定性マーケティング☞ビジネス力
・一ヶ月で閉じるキャンペーンサイトではなく
「よい表現」「よい感触」を「末長く」提供するための
サービス設計☞UXデザイン力
インタラクティブ
デザイン{ }
ひとの「操作」
に
{新しい｜ここちのよい｜確かな} 価値を
見つけ、増幅、提供する仕事
なすべき仕事
サービスデザイン{ }
ひとの「生活」
に
{新しい｜ここちのよい｜確かな} 価値を
見つけ、増幅、提供する仕事
なすべき仕事
必要な変化{ }
「人が関わりつづけたくなる」
事業設計を作っていく
「期間」のデザイン
「人が関わりたくなる」
インタラクティブであることに主眼が置かれた
「瞬間」のデザイン
仕事の変化
インタラクティブデザイン
Wireframe + Photoshop + Flash
「オートクチュールのクリエイティブ」サービスを提供する事
思考方法の変化
サービスデザイン
Persona + Story map + Mockup + Sketch
グラフィックやウェブサイトに
「新たに機能する価値」を持たせた事業の設計・制作する事
なるほどリーンUXですね。
実態{ }
・様々なモジュール、要件、UIの組み合わせ、
なんだかんだで新しい要素を入れたい、検討したい
・鬼のようなステークホルダーの要求
・フラット！クラリファイ！マテリアル！デザイン！
・「デザインは適当でいいよ」☞「やっぱデザイン適当は嫌だ」
オートクチュール級の要求
(Bootstrap、ベンチマークのデザインに限界がすぐ来る)
・様々なモジュール、要件、UIの組み合わせ、
なんだかんだで新しい要素を入れたい、検討したい
・鬼のようなステークホルダーの要求
・フラット！クラリファイ！マテリアル！デザイン！
・「デザインは適当でいいよ」☞「やっぱデザイン適当は嫌だ」
サービスデザイナー
わかったこと{ }
UX デザインの時代
レディメイド前提、グラフィックデザインはコストを抑えて
UX デザインの時代
レディメイド前提、グラフィックデザインはコストを抑えて
勘違い
UX デザインの時代
レディメイド前提、グラフィックデザインはコストを抑えて
ウェブデザイナーに事業設計の裁量が加わった
インタラクティブデザイン時代の
「ブランディング案件」に近い働き方
UXデザイン手法色々あるけど
事業設計って不確定要素多すぎる
タスククソほど多くて未熟さ痛感するなう♡
UXデザイン手法色々あるけど
事業設計って不確定要素多すぎる
タスククソほど多くて未熟さ痛感するなう♡
結論： マゾいインタラクティブ・デザイナーに
おすすめ
活かすも殺すも
自分次第{ }
事業を作るデザイナー募集です。
突然の宣伝
unframe exhibitions 002
2014.9.13[Sat.] - 15[Mon.]
12:00-20:00
Fee: Free
中目黒 Panof N Studio
http://unframe.jp
