SlideShare a Scribd company logo
1 of 15
Download to read offline
“パッションがとっても大切だった話”
(技術理解も大切だが熱意である程度カバーは出来る・・・ハズ。)
自己紹介
名前:
オカノ ムツミ
岡野 睦美
職種:
UI/UXデザイナー・ディレクター
社会人歴:
1.5年(2015年4月入社/インターンからスラ
イド)
趣味:
家でゴロゴロしながら漫画を読んだり映画を
見る・絵画鑑賞/制作
“デザイナーとエンジニアの垣根を無くすには、
どうしたらいいの?”
(結局最後はとっても大切な話だけど、まずは捨てよう!)
“お互いのツールの話や技術論は
一度ゴミ箱へ捨てよう!!”
本来、一括りに出来ない、
デザイナー・エンジニア全てに当てはめてよいと思
っています。
UX UI
グラフィック
IOSアプリエンジニア
Androidアプリエンジニア
webフロントエンド
バックエンドエンジニア
インフラエンジニア
etc…
etc…
今回は
UIデザイナーとAndroidエンジニアとの
一緒にやってきた経験を元にお話します。
UX UI
グラフィック
IOSアプリエンジニア
Androidアプリエンジニア
webフロントエンド
バックエンドエンジニア
インフラエンジニア
etc…
etc…
“お互いのツールや技術論は
一度ゴミ箱へ捨てよう!!”
話を戻して
なぜか?
“精神的な垣根が解決していない事には、
結果、エゴのぶつけ合いや、
消極的な考慮のし合いで
良いプロダクトからどんどん遠ざかってしまう”
デザイナー エンジニア
“グーグルマテリアルデザインを使って、
サービス内の整合性を揃えてユーザー学
習を減らしたい!”
“知っている限り、開発考慮したけど、
もう誰の為のデザインか
分からなくなってしまった・・・”
“整合性って何の整合性?
開発の運用は考慮されているの?”
“過去の技術負債が多くて
そんな簡単に対応出来ないよ・・・”
“確かに作りやすいけど、
そういう事じゃないんだよなぁ・・・”
“このデザインで本当に
デザイナーはいいの・・?”
しかし
“良いプロダクトを作ろう!”
と前向きさ、熱意や士気(総称:パッション!)の共有
。つまりは
ツールや技術論の前にそもそも
“お互いが思う良いプロダクトとは何か”
の部分でちゃんと意思疎通を取ろう!
(この山越えればもう大丈夫!きっと!)
デザイナー エンジニア
サービス内のデザインを統一したい!
情報の優先順位をちゃんと整理したい!
↓
ユーザーの目的を達成しやすくしたい!
運用改善に耐えうる
デザインにそもそもを変えたい!
リファクタリングがしたい!
(運用しやすい作りに変えたい!)
↓
ユーザーに安定した品質と
運用改善に耐えうる開発環境に変えたい!
デザイナー エンジニア
“リファクタすれば、
その要望に応えられる!”
“クラスの分割の単位を決める際に、
デザインコンポーネントの定義を
考慮しておこう!”
“こういう時はデザイン側の整合性も
例外になるのか・・・
わかるかも・・ちょっと運用性には欠け
るが仕方ないな。。。”
“サービス内全体で共通で使えるデザイン
コンポーネントを定義していきたい!”
“改善したくなった時に、
指定したデザインコンポーネントの箇所が
一括で変わるようになったら助かる!”
“デザインコンポーネントは大切だけど、
例外も許してほしい!
ユーザーさんはこっちの方がわかりやすい”
(お互いの持ってるスキルで問題が解決し合えるのって楽しい)
“お互いのやりたい事の上位概念を
ちゃんと共有した後に、
互いの想いを遂げる為にツールや技術を使って
どう解決するか考え合おう!!”
(現在Androidエンジニアを始めとする開発者との連携は1年前よりかなり
スムーズになりました)
“実際、今話した通り
スムーズに行った訳ではありません。”
おしまいのその前に
“技術の話先にしました”
“一方的にデザインの想いぶつけまくりました”
“開発事情を汲む努力や勉強足りてませんでした
↓
それでもなんとか今の環境があるのは
パッションだったとエンジニアさんが言って
下さった事。
+
また、次回はこういう風に進めたいという
自戒を込めて。
おしまい

More Related Content

What's hot

おしゃべりbox♪ IoTLT vol14
おしゃべりbox♪ IoTLT vol14おしゃべりbox♪ IoTLT vol14
おしゃべりbox♪ IoTLT vol14Masashi Fujimoto
 
CSS1行で変わる世界
CSS1行で変わる世界CSS1行で変わる世界
CSS1行で変わる世界YukiSamuraki
 
教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介高見 知英
 
昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたこと昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたことSeigo Tanaka
 
LT: 開発者が意識するべき チャットボットの UX と アーキテクチャ
LT: 開発者が意識するべきチャットボットの UX とアーキテクチャLT: 開発者が意識するべきチャットボットの UX とアーキテクチャ
LT: 開発者が意識するべき チャットボットの UX と アーキテクチャKenichiro Nakamura
 
ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法Masahiko Nakamura
 
2016 0422 io tlt勉強会
2016 0422 io tlt勉強会2016 0422 io tlt勉強会
2016 0422 io tlt勉強会yasuyuki_suzuki
 
おもわずハマるゲームのUI&UX
おもわずハマるゲームのUI&UXおもわずハマるゲームのUI&UX
おもわずハマるゲームのUI&UXUX MILK
 
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」Toshio Ehara
 
StoryboardでUIを使いまわす
StoryboardでUIを使いまわすStoryboardでUIを使いまわす
StoryboardでUIを使いまわすMasaki Fuke
 
ユーザーインタフェースの分解
ユーザーインタフェースの分解ユーザーインタフェースの分解
ユーザーインタフェースの分解Takehisa Gokaichi
 
プログラミング生放送20160213
プログラミング生放送20160213プログラミング生放送20160213
プログラミング生放送20160213雅希 森
 
至近距離ガールVR 開発事例
至近距離ガールVR 開発事例至近距離ガールVR 開発事例
至近距離ガールVR 開発事例Kohki Nakaji
 
2016 0531 iotlt勉強会資料
2016 0531 iotlt勉強会資料2016 0531 iotlt勉強会資料
2016 0531 iotlt勉強会資料yasuyuki_suzuki
 
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったら
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったらRailsしかやってなかった人が10時間で Swift iOSゲームをつくったら
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったらYuta Okazaki
 

What's hot (20)

UI/UXなUXのお話
UI/UXなUXのお話 UI/UXなUXのお話
UI/UXなUXのお話
 
おしゃべりbox♪ IoTLT vol14
おしゃべりbox♪ IoTLT vol14おしゃべりbox♪ IoTLT vol14
おしゃべりbox♪ IoTLT vol14
 
CSS1行で変わる世界
CSS1行で変わる世界CSS1行で変わる世界
CSS1行で変わる世界
 
Koyomin Zの紹介
Koyomin Zの紹介Koyomin Zの紹介
Koyomin Zの紹介
 
教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介
 
昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたこと昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたこと
 
LT: 開発者が意識するべき チャットボットの UX と アーキテクチャ
LT: 開発者が意識するべきチャットボットの UX とアーキテクチャLT: 開発者が意識するべきチャットボットの UX とアーキテクチャ
LT: 開発者が意識するべき チャットボットの UX と アーキテクチャ
 
ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法
 
2016 0422 io tlt勉強会
2016 0422 io tlt勉強会2016 0422 io tlt勉強会
2016 0422 io tlt勉強会
 
おもわずハマるゲームのUI&UX
おもわずハマるゲームのUI&UXおもわずハマるゲームのUI&UX
おもわずハマるゲームのUI&UX
 
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
 
StoryboardでUIを使いまわす
StoryboardでUIを使いまわすStoryboardでUIを使いまわす
StoryboardでUIを使いまわす
 
ユーザーインタフェースの分解
ユーザーインタフェースの分解ユーザーインタフェースの分解
ユーザーインタフェースの分解
 
Hack U TokyoTech 2016
Hack U TokyoTech 2016Hack U TokyoTech 2016
Hack U TokyoTech 2016
 
プログラミング生放送20160213
プログラミング生放送20160213プログラミング生放送20160213
プログラミング生放送20160213
 
オープンセミナー2020@広島 懇親会LT
オープンセミナー2020@広島 懇親会LTオープンセミナー2020@広島 懇親会LT
オープンセミナー2020@広島 懇親会LT
 
至近距離ガールVR 開発事例
至近距離ガールVR 開発事例至近距離ガールVR 開発事例
至近距離ガールVR 開発事例
 
2016 0531 iotlt勉強会資料
2016 0531 iotlt勉強会資料2016 0531 iotlt勉強会資料
2016 0531 iotlt勉強会資料
 
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったら
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったらRailsしかやってなかった人が10時間で Swift iOSゲームをつくったら
Railsしかやってなかった人が10時間で Swift iOSゲームをつくったら
 
Hacking Robotics
Hacking RoboticsHacking Robotics
Hacking Robotics
 

Similar to パッションがとっても大切だった話

機能はちゃんと試してからリリースしようねという話
機能はちゃんと試してからリリースしようねという話機能はちゃんと試してからリリースしようねという話
機能はちゃんと試してからリリースしようねという話Yu Morita
 
UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会INI株式会社
 
マイクロインタラクションとUXについて
マイクロインタラクションとUXについてマイクロインタラクションとUXについて
マイクロインタラクションとUXについてKentaro Tsutsumi
 
タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】JustSystems Corporation
 
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -Akihiro Mukai
 
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう? Masaya Ando
 
20191103_IT座談会12 UX design
20191103_IT座談会12 UX design20191103_IT座談会12 UX design
20191103_IT座談会12 UX designK onishi
 
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話クソゲー供養会2016 大賞作「ぐるぐる」開発秘話
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話Tatsuya Takemura
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEYoshiki Hayama
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話Kazuki Yamashita
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923Hub DotnetDeveloper
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
建物メンテナンスの現場UI・UXの作り方(仮)
建物メンテナンスの現場UI・UXの作り方(仮)建物メンテナンスの現場UI・UXの作り方(仮)
建物メンテナンスの現場UI・UXの作り方(仮)BPM Co., Ltd.
 
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポートアプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポートAtsushi Takahashi
 
スマートフォンでの脱出ゲームの作り方
スマートフォンでの脱出ゲームの作り方スマートフォンでの脱出ゲームの作り方
スマートフォンでの脱出ゲームの作り方Takao Uchikawa
 
ゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザインゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザインKodai Yano
 
DevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメDevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメDevLOVE
 
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライスキッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライストモロヲ いちがみ
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割ux_tokyo
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ  サード・プレイスとしての機能と役割UX TOKYOとワークショップ  サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割uxtokyo
 

Similar to パッションがとっても大切だった話 (20)

機能はちゃんと試してからリリースしようねという話
機能はちゃんと試してからリリースしようねという話機能はちゃんと試してからリリースしようねという話
機能はちゃんと試してからリリースしようねという話
 
UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会
 
マイクロインタラクションとUXについて
マイクロインタラクションとUXについてマイクロインタラクションとUXについて
マイクロインタラクションとUXについて
 
タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】
 
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
 
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?UXデザインが大事なのはわかるけどエンジニアの私ができることってなんでしょう?
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
 
20191103_IT座談会12 UX design
20191103_IT座談会12 UX design20191103_IT座談会12 UX design
20191103_IT座談会12 UX design
 
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話クソゲー供養会2016 大賞作「ぐるぐる」開発秘話
クソゲー供養会2016 大賞作「ぐるぐる」開発秘話
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
建物メンテナンスの現場UI・UXの作り方(仮)
建物メンテナンスの現場UI・UXの作り方(仮)建物メンテナンスの現場UI・UXの作り方(仮)
建物メンテナンスの現場UI・UXの作り方(仮)
 
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポートアプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
 
スマートフォンでの脱出ゲームの作り方
スマートフォンでの脱出ゲームの作り方スマートフォンでの脱出ゲームの作り方
スマートフォンでの脱出ゲームの作り方
 
ゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザインゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザイン
 
DevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメDevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメ
 
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライスキッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
 
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
UX TOKYOとワークショップ  サード・プレイスとしての機能と役割UX TOKYOとワークショップ  サード・プレイスとしての機能と役割
UX TOKYOとワークショップ サード・プレイスとしての機能と役割
 

パッションがとっても大切だった話