SlideShare a Scribd company logo
1 of 53
Download to read offline
U X 設 計を失 敗しないために
失敗から学ぶ U X への取り組み
※諸事情により一部カットしての掲載と
なります。予めご了承くださいませ。
小 野 大智
株式会社スタートアップテクノロジー所属
執行役員 ALIZE DESIGN CDO
大学では心理学を専攻。卒業後に友人の誘いでデザイン制作会社に
入社し、グラフィックデザインから Web デザインまで幅広い知識を
習得。その後、株式会社イノーバにて社内システムのデザインから
フロントエンドまでを担当する。2017 年 2 月に株式会社スタートアッ
プテクノロジー・執行役員就任。デザイン組織『ALIZE DESIGN』を
立ち上げ、デザイン業務だけでなく組織作りも行っている。
自己紹介
おの だいち
1. 前置き
2. UX の説明
3. UX への弊社の取り組み方
4. 失敗事例(諸事情によりカット)
5. カット
本日のアジェンダ
先に伝えておきたい事
今回の話では手法、
ベストプラクティスの
話はしません。
UX はどんな環境でも取り組め
るものではないという話
UX に取り組むことによってより良い価
値を提供できるようになると思います。
しかし、どんな環境でも取り組めるも
のではないと考えています。
弊社では、その会社にその制作物が本
当に必要かどうか、その手法が必要か
どうか?というところからヒヤリング
をしながら提案をしていくスタイルを
取っています。
本日の伝えたいこと
UX 設計を導入するのに
大切なのはチームビルディング
UX の説明
UX ってなんだろう?
直訳:ユーザー体験
U X(UserExperience)
ユーザーエクスペリエンスとは?
ユーザーエクスペリエンスとは、製品やサービスを利用を通
じて得られる体験(experience)の総称である。
ユーザーエクスペリエンスは、製品やサービスの利用に関わ
るあらゆる要素を含んだ幅広い概念といえる。ユーザビリ
ティの概念で問われる「使いやすさ」や「使い勝手」などの
要素に加えて、使い心地・感動・印象なども重視される。
引用:
http://www.sophia-it.com/content/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%
E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3
%E3%82%B9
具体的に言うと?
・このデザイン綺麗!
・これ UI 使いやすい!
・注文したら商品が届いた!
・これがボタン!
・サイトが重くて繋がらない!
・この内容つまらない!
つまり?
商品や Web サイトを通じてユー
ザーが体験したことが全てが UX と
なる。
UX を構築する要素(UX ハニカム)
UI とは違うの?
UI ≠ UX
UI とは?
U I(UserInterface)
ユーザーインターフェースとは?
ユーザーインターフェースとは、コンピュータシステムあるいはコンピュー
タプログラムと人間(ユーザー)との間で情報をやり取りするための方法、
操作、表示といった仕組みの総称である。
ユーザーインターフェースは、情報の表示形式から入力方法、入力の反応の
様子など、非常に細かな要素が組み合わさって、総合的な操作感の良し悪し
を決定づけている。特にオペレーティングシステム(OS)のユーザーインター
フェースは、その上で動作するアプリケーションソフトの表示や基本操作の
基調となることが多いため、重視される。
引用:
http://www.sophia-it.com/content/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%B
C%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83
%BC%E3%82%B9
UX と UI の関係性
UX
U I
良い UI は良い UX なのか?
良い UI ≠良い UX
癖のある UI でも良い UX はある。
例:バイオハザート 1 〜 3(PS)
バイオハザートは独特な UI をしており、非常に操作
しづらい設計となっているが、その操作のしづらさが
ホラーゲームとしての価値を高める設計となってお
り、ホラーゲームとしての UX は非常に高い完成度と
なっている。
弊社の取り組み方
社内体制
エンジニア
デザインチーム
担当者
クライアント
デザイナーの動き
少数だからできる臨機応変、柔軟な対応
でクライアントにあった取り組み方を提
案するようにしている。
作業の大枠の流れ
設計企画 制作 運用 改善
実際に作業に携わる箇所
設計 制作 運用 改善
UX 設計を主に行う部分
設計 制作 運用 改善
UX 設計を主に行う部分
設計 制作 運用 改善
ここで僕は「改善」での UX 設計が重要
だと考えています。
なので、じつは「設計」の段階では・・・
設計 制作 運用 改善
UX 設計を主に行う部分
UX 設計を主に行う部分
設計 制作 運用 改善
あえて UX の具体的な提案を
あまりしません!
それは、なぜか?
UX には問題がある
と考えているから。
UX の問題とは?
UX の UX は悪い。
UX の UX が悪いとは?
UX が概念であるということ。
UX の解釈が人によって異なってしまうことがあ
るということ。
視覚的でないので、感覚で理解できない。
じゃぁ、どうしたのか?
UX という言葉を使わない設計をする。
カスタマージャーニーマップやワイヤー
など、資料を具体的に視覚化、設計を固
めていく。
UX という言葉を使わない設計をする。
ペーパープロトタイピングなど視覚化で
きる部分でのユーザーテストを行ってい
く、この中で、UX についての理解を深め
ていってもらいます。
UX の本番は運用後
それは、なぜか?
想定では見えなかったことが、
運用すると見えてくる。
見えてくることとは?
カスタマージャーニーマップやペルソナ
設計は結局のところ仮定でしかなく、ま
た、プロトタイプではなく機能が載った
状態の物を人間が動かしだすと、どうし
ても想定とは全く違う問題が発生するた
め。
想定に無い問題とは?
人類は常に僕らの想像を越えてくる。
なので、改善に入ったら。
実際にお客さんの意見を聞きつつ、改善
することでお客様に対する「価値」が高
まり、それがより良い UX となっていく。
失敗事例の紹介
謝罪
一番大事な部分なのですが、現時点だと
諸事情によりネットに掲載することが困
難な内容になるので、この部分はカット
させていただきます。大変申し訳ありま
せんが、ご了承くださいませ。
謝罪
この部分に関しましては、勉強会や個人
の場でお話しはさせていただきますので、
個別にお問い合わせいただけると幸いで
ございます。
結果として
UX を導入するなら
チームに UX の理解を得られる
ことが重要
ありがとうございました。

More Related Content

What's hot

ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830Toshiki Kunimitsu
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話Yuya Toida
 
「個」から「集」のデザイン
「個」から「集」のデザイン「個」から「集」のデザイン
「個」から「集」のデザインMari Kimura
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】schoowebcampus
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来Masayuki Uetani
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりtomoakitomono
 
エクスペリエンス・デザイン
エクスペリエンス・デザインエクスペリエンス・デザイン
エクスペリエンス・デザインSaori Baba
 
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターtake-it
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司schoowebcampus
 
2013 HTML5カンファレンス  レスポンシブWebデザイン
2013  HTML5カンファレンス   レスポンシブWebデザイン2013  HTML5カンファレンス   レスポンシブWebデザイン
2013 HTML5カンファレンス  レスポンシブWebデザインDaisuke Yamazaki
 
groundwork-pasona-tech
groundwork-pasona-techgroundwork-pasona-tech
groundwork-pasona-techmasaaki komori
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題Fumiya Yamamoto
 
ギリギリUXD
ギリギリUXDギリギリUXD
ギリギリUXDuenoyuuki
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割Kenichi Suzuki
 
Wiz_branding
Wiz_brandingWiz_branding
Wiz_brandingWizDesign
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることMasahiko Yoshikawa
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱Yuya Toida
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義Shin Iiboshi
 

What's hot (20)

ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
ReDesigner Online Talk_デザイナーの副業・フリーランスの真実_國光登壇内容20210830
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
「個」から「集」のデザイン
「個」から「集」のデザイン「個」から「集」のデザイン
「個」から「集」のデザイン
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
 
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおりWebデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
 
エクスペリエンス・デザイン
エクスペリエンス・デザインエクスペリエンス・デザイン
エクスペリエンス・デザイン
 
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 
2013 HTML5カンファレンス  レスポンシブWebデザイン
2013  HTML5カンファレンス   レスポンシブWebデザイン2013  HTML5カンファレンス   レスポンシブWebデザイン
2013 HTML5カンファレンス  レスポンシブWebデザイン
 
groundwork-pasona-tech
groundwork-pasona-techgroundwork-pasona-tech
groundwork-pasona-tech
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
 
ギリギリUXD
ギリギリUXDギリギリUXD
ギリギリUXD
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
 
Wiz_branding
Wiz_brandingWiz_branding
Wiz_branding
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義
 

Similar to 失敗から学ぶUXへの取り組み

About Design Manager
About Design ManagerAbout Design Manager
About Design ManagerMarino Yokoi
 
機械学習に取り組んでいる企業の紹介
機械学習に取り組んでいる企業の紹介機械学習に取り組んでいる企業の紹介
機械学習に取り組んでいる企業の紹介Kazuma Kadomae
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?Takami Yusuke
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -Kunihiro Okamura
 
Lifull x oisix toda 190423
Lifull x oisix toda 190423Lifull x oisix toda 190423
Lifull x oisix toda 190423oisixradaichi
 
ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5Tetsuya Ohnishi
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介Rie Tokumi
 
LT38テーマ1-1
LT38テーマ1-1LT38テーマ1-1
LT38テーマ1-1GIG inc.
 
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳schoowebcampus
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味Tatsuya_Yokoyama
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめAimi Shinohara
 
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザインNodokaFujimoto
 
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)NodokaFujimoto
 
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクションYusuke Kojima
 
Portfolio
PortfolioPortfolio
PortfolioZepJPN
 
デザイナー「にも」デザインを 任せてもらうために
デザイナー「にも」デザインを 任せてもらうためにデザイナー「にも」デザインを 任せてもらうために
デザイナー「にも」デザインを 任せてもらうためにTomoko Nishina
 

Similar to 失敗から学ぶUXへの取り組み (20)

About Design Manager
About Design ManagerAbout Design Manager
About Design Manager
 
機械学習に取り組んでいる企業の紹介
機械学習に取り組んでいる企業の紹介機械学習に取り組んでいる企業の紹介
機械学習に取り組んでいる企業の紹介
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
 
Why and how Design UI
Why and how Design UIWhy and how Design UI
Why and how Design UI
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
 
Lifull x oisix toda 190423
Lifull x oisix toda 190423Lifull x oisix toda 190423
Lifull x oisix toda 190423
 
ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介
 
LT38テーマ1-1
LT38テーマ1-1LT38テーマ1-1
LT38テーマ1-1
 
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
 
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
 
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
 
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション始めよう!Webディレクション 制作・開発現場を活性化するディレクション
始めよう!Webディレクション 制作・開発現場を活性化するディレクション
 
Kwc uxjam160831
Kwc uxjam160831Kwc uxjam160831
Kwc uxjam160831
 
Portfolio
PortfolioPortfolio
Portfolio
 
デザイナー「にも」デザインを 任せてもらうために
デザイナー「にも」デザインを 任せてもらうためにデザイナー「にも」デザインを 任せてもらうために
デザイナー「にも」デザインを 任せてもらうために
 

失敗から学ぶUXへの取り組み