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