SlideShare a Scribd company logo
1 of 50
Download to read offline
ランサーズ株式会社 竹中 哲
MTL 勉強会「UX Sketch」vol.1
プロダクトオーナーの隣で
UX 導入した話
あんた誰
ランサーズ(株)チーフデザイナー
竹中 哲
元ニフティ株式会社。
WEB・モバイル、紙、動画、ロゴ、駅広告、新規事業企画
まで幅広く携わる。
ランサーズのリニューアルをデザインから進め、
サービス全体のアートディレクションとデザインの指揮をとる。
趣味:フットサル(交流戦しましょ!)・美術館
ランサーズってなに
「企業」と「クリエイター」をつなぐマッチングサイトのデザイナー。
流
行
の
発
信
地
、
代
官
山
蔦
屋
書
店
と
の
コ
ラ
ボ
企
画
ポ
ス
タ
ー
デ
ザ
イ
ン
コ
ン
テ
ス
ト
開
催
中
!
意
識
高
い
デ
ザ
イ
ナ
ー
諸
君
の
ご
応
募
お
待
ち
し
て
ま
す
。
※ 画 像はただのイメージで 、 商品は変わります
コレ募集コレ募集
・なぜ UX を考えるのか
・どうUX を考えていったか
・すぐできる UX 実践
・なぜ UX を考えるのか
・どうUX を考えていったか
・すぐできる UX 実践
なぜ UX を考えるのか
今よりサービスをかっこ良くして!
といわれて入社しましたが、
なぜ UX を考えるのか
今よりサービスをかっこ良くして!
といわれて入社しましたが、
よくよく話すと
今よりサービスを使いやすくして!
ということだったので、UX を導入していきました。
なぜ UX を考えるのか
持ってた課題はこんな感じ
・増えるメンバー、増えるコンテンツ
・つぎはぎのリニューアル
・いつの間にか新機能出てる
与えられたお題はこのへん
・中長期含めて、成果を生むプロダクト
・統一されたプロダクト品質を保つ
事業にフィットする、プロダクトの UX ガイドラインを作ることに。
なぜ UX を考えるのか
Qサービスの UX のガイドラインてありますか?
なぜ UX を考えるのか
6 と9とは、もはや政治。他にデザイン UX 指標「10 のデザイン原則」もある。
なぜ UX を考えるのか
「10 の事実」
1. ユーザーに焦点を絞れば、他のものはみな後からついてくる。
2. 1 つのことをとことん極めてうまくやるのが一番。
3. 遅いより速いほうがいい。
4. ウェブでも民主主義は機能する。
5. 情報を探したくなるのはパソコンの前にいるときだけではない。
6. 悪事を働かなくてもお金は稼げる。
7. 世の中にはまだまだ情報があふれている。
8. 情報のニーズはすべての国境を越える。
9. スーツがなくても真剣に仕事はできる。
10.「すばらしい」では足りない。
デザイン UX 指標「3つの E」に当てはまらない施策はしない。
なぜ UX を考えるのか
世の中から「ムズカシイ」をなくすために、多くの「かんたん」を世の中に提供していきます。
すべては『かんたん』のために。
Enjoy
Engagement
Enpower
楽しめるか
                    責務を果たすか
         ユーザーのためになるか
弊社の UX 指標。これらに当てはまらないものは作らない、を宣言。
なぜ UX を考えるのか
プロダクトを使ったユーザーが、仕事の達成感を気持ちよく味わえるプロダクト
Capitalize
Communicable
Charm
       使えるか?
                       伝わるか?
魅力的か?
時代に合ったビジネスを提供する
なぜ UX を考えるのか
こ
れ
ま
で
は
、
淡
々
と
機
能
を
説
明
し
て
い
ま
し
た
。
古
め
か
し
い
…
なぜ UX を考えるのか
こ
れ
か
ら
は
﹁
モ
ノ
﹂
よ
り
﹁
コ
ト
︵
体
験
︶﹂
を
説
明
す
る
事
に
。
事業の魅力を、正しく伝えるために、UX を考えています。
何が起きるか理解でき、
ユーザーが使いたくなる、
魅力的なプロダクトを作れる。
・なぜ UX を考えるのか
・どうUX を考えていったか
・すぐできる UX 実践
QUX の社内浸透のために何してますか?
どうUX を考えていったか
弊社の場合、はじめは小さな1歩でした。
どうUX を考えていったか
発言の回数を重ね、価値観・目線を合わせていきました。
・呼ばれてなくても反応する
・社内勉強会
・全社会議で提言・宣言
・ユーザーインタビュー
・ワークショップ
どうUX を考えていったか
発言の回数を重ね、価値観・目線を合わせていきました。
・呼ばれてなくても反応する
・社内勉強会
・全社会議で提言・宣言
・ユーザーインタビュー
・ワークショップ
どうUX を考えていったか
だ
ん
だ
ん
出
来
る
事
が
増
え
ま
し
た
そんな中で一つ、プロダクトオーナーの特徴を発見しました。
バズった手法に飛びつく
どうUX を考えていったか
ここでの返事が導入の分かれ道。
チャンスを逃すと、 回が難しい。
どうUX を考えていったか
UX ナンパ
相手が望むタイミングに合わせて提案すると、UX が導入しやすい。
参考:「UX はじめの一歩」 by DMM.com 井上誠 氏
どうUX を考えていったか
どうUX を考えていったか
Flow
要件定義 画面設計 デザイン コーディング 実装 リリース 改修期間
なので、通常 UX のフローは、開発の最初と最後が導入しやすい。
導入しやすい 導入しやすい
なので、通常 UX のフローは、開発の最初と最後が導入しやすい。
どうUX を考えていったか
Flow
要件定義 画面設計 デザイン コーディング 実装 リリース 改修期間
ビジョン提案 改善アプローチ
(プロトタイピング)
どうUX を考えていったか
Flow
要件定義 画面設計 デザイン コーディング 実装 リリース 改修期間
トリガーが外部要因でタイミングが急でも、まぁ始まればこっちのモンです。
様々な UX バズワードに乗っかり、片っ端から実践。
・ペルソナ策定
・UX 指針
・ポジション分析
・ペーパープロト
・デザインスプリント(イマココ)
・イメコラ
・UI ガイドライン
・機能の優先度
・ジャーニーマップ
どうUX を考えていったか
ペルソナはマスト。開発者は主観に陥りやすい。
ポジション分析はデザイナーはマスト。オーナーとの認識合わせ。
どれが効いた、はあまりないです。
(どれも、ないよりある方が効きました。)
どうUX を考えていったか
大事なのは、
価値観・目線が合ってきたこと。
どうUX を考えていったか
U
X
が
あ
れ
ば
な
ん
と
か
な
る
、
は
幻
想
。
上
流
と
開
発
サ
イ
ド
の
認
識
合
わ
せ
と
、
時
代
に
合
わ
せ
た
課
題
設
定
は
常
に
必
要
。
どうUX を考えていったか
「世界の変化のスピードが
これだけ速くなると、
〈地図〉はもはや役に立たない。
必要なのは〈コンパス〉です。
そして素直で謙虚でありながら
権威を疑うことなのです」
by 伊藤穰一
どうUX を考えていったか
・なぜ UX を考えるのか
・どうUX を考えていったか
・すぐできる UX 実践
Q
すぐできる UX 実践
定性分析、やってますか?
すぐできる UX 実践
定量分析
GA は全社員が見に行ける状態
定性分析
問い合わせ内容は、サポートチームなど一部の人のみ見れる状態で、
サポートがとりまとめ、依頼として上がってくるモノは対応していた。
すぐできる UX 実践
「疑う訳じゃないんですが、
ナマの声が見たいです」
おやっと思ったときは、提言してみましょう。
すぐできる UX 実践
結果、サービスへのお問い合わせの内容をチャットに直で流すことに。
すぐできる UX 実践
ディレクタ・デザイナ・エンジニアが、
内容を見て、即座に改善に動ける世界に。
ただしこれは、時期とリソースと対応者次第では、形骸化しちゃう場合も。
すぐできる UX 実践
ほかにもこんな分析してます
・ユーザーと同居(笑)
・インターンや新人研修で
・・・サイトを操作してもらい、様子をビデオキャプチャ。
   途中で思った事+生まれた感情を書いてもらう。
すぐできる UX 実践
(時間があれば、動画再生)
本日のまとめ
・なぜ UX を考えるのか
・どうUX を考えていったか
・すぐできるUX 実践
・なぜ UX を考えるのか
→ 事業の魅力を正しく伝えるのが UX
・どうUX を考えていったか
→ まず事業主の価値観・目線を理解する
・すぐできるUX 実践
→ 身近なユーザーとの対話で UX は良くなる
サービスに関わる人は
誰でもUX デザイナー。
UX を味方にしよう
ラ
ン
サ
ー
ズ
で
は
デ
ザ
イ
ナ
ー
を
募
集
し
て
ま
す
。
ありがとうございました。

More Related Content

What's hot

おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1Yu Morita
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのかMikihiro Fujii
 
リクルートライフスタイルにおけるUX領域の取り組み
リクルートライフスタイルにおけるUX領域の取り組みリクルートライフスタイルにおけるUX領域の取り組み
リクルートライフスタイルにおけるUX領域の取り組みRecruit Lifestyle Co., Ltd.
 
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
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_uxSaori Matsui
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料Satoru MURAKOSHI
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題Fumiya Yamamoto
 
UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpKazuki Yamashita
 
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Kazumi Miyamura
 
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編Mari Takahashi
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923Hub DotnetDeveloper
 
UXデザインとは
UXデザインとはUXデザインとは
UXデザインとはSaori Baba
 
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)Naoki Hashimoto
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性yukahatakeyama
 
UXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトークUXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトークToshiaki Otsuka
 
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門Masaya Ando
 
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナーMikihiro Fujii
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩井上 誠
 

What's hot (20)

おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 
リクルートライフスタイルにおける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を感じよう -
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_ux
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
 
UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUp
 
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?
 
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
 
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
 
UXデザインとは
UXデザインとはUXデザインとは
UXデザインとは
 
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
 
UX Design とは何か?
UX Design とは何か?UX Design とは何か?
UX Design とは何か?
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
 
UXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトークUXデザイナーの生存確認と最新事情 | UXなまトーク
UXデザイナーの生存確認と最新事情 | UXなまトーク
 
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
 
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩
 

Similar to プロダクトオーナーの隣でUX導入した話

Money fowerd
 Money fowerd Money fowerd
Money fowerdTake Bo
 
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方Take Bo
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライスキッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライストモロヲ いちがみ
 
[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016Yuichi Inobori
 
デザイン思考のニンゲン論:Humane Design
デザイン思考のニンゲン論:Humane Designデザイン思考のニンゲン論:Humane Design
デザイン思考のニンゲン論:Humane DesignNayuta Oyamada
 
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィックAzumi Wada
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
Size class_yucovin_collabotips01
Size class_yucovin_collabotips01Size class_yucovin_collabotips01
Size class_yucovin_collabotips01Nino SAKUMA
 
マイクロインタラクションとUXについて
マイクロインタラクションとUXについてマイクロインタラクションとUXについて
マイクロインタラクションとUXについてKentaro Tsutsumi
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Miho Yamamori
 
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
2018_sddayLT_6 _滋賀の地域おこしのサービスデザインService Design Network Japan Chapter
 
海外のユーザー向け プロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~
海外のユーザー向けプロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~海外のユーザー向けプロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~
海外のユーザー向け プロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~Azumi Wada
 
新規サービス立ち上げ時のUX設計
新規サービス立ち上げ時のUX設計新規サービス立ち上げ時のUX設計
新規サービス立ち上げ時のUX設計Naomi Hirota
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組みYuya Toida
 

Similar to プロダクトオーナーの隣でUX導入した話 (20)

Money fowerd
 Money fowerd Money fowerd
Money fowerd
 
デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方デザイナーとディレクターのイイ関係の作り方
デザイナーとディレクターのイイ関係の作り方
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライスキッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
 
[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016[Presentation]hc dsaloninkyoto2016
[Presentation]hc dsaloninkyoto2016
 
デザイン思考のニンゲン論:Humane Design
デザイン思考のニンゲン論:Humane Designデザイン思考のニンゲン論:Humane Design
デザイン思考のニンゲン論:Humane Design
 
Kwc uxjam160831
Kwc uxjam160831Kwc uxjam160831
Kwc uxjam160831
 
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Size class_yucovin_collabotips01
Size class_yucovin_collabotips01Size class_yucovin_collabotips01
Size class_yucovin_collabotips01
 
マイクロインタラクションとUXについて
マイクロインタラクションとUXについてマイクロインタラクションとUXについて
マイクロインタラクションとUXについて
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
 
キャラコミュ 20160622
キャラコミュ 20160622キャラコミュ 20160622
キャラコミュ 20160622
 
グラフィックレコーディング勉強会in宇都宮 第2弾
グラフィックレコーディング勉強会in宇都宮 第2弾グラフィックレコーディング勉強会in宇都宮 第2弾
グラフィックレコーディング勉強会in宇都宮 第2弾
 
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
2018_sddayLT_6 _滋賀の地域おこしのサービスデザイン
 
海外のユーザー向け プロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~
海外のユーザー向けプロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~海外のユーザー向けプロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~
海外のユーザー向け プロダクト開発 ~現場のリアルな工夫&ガチな悩みを語る~
 
新規サービス立ち上げ時のUX設計
新規サービス立ち上げ時のUX設計新規サービス立ち上げ時のUX設計
新規サービス立ち上げ時のUX設計
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 

プロダクトオーナーの隣でUX導入した話