Bonfire Design #2 アプリ開発におけるデザイナーの成長について

Design #2
Copyright © 2017 Yahoo Japan Corporation. All Rights Reserved.
アプリ開発におけるデザイナーの成長について
2017.12.11 [MON] @LODGE
ヤフー株式会社 細見 沙央梨
細見 沙央梨
• アプリのUIやユーザー体験設計を中心に担当
• その他デザイン関連イベントを主催
• Hack Day 2016で最優秀賞を受賞するなど、社外でもアプリ開
発を活発に行っている
• 好きなものはネギ
@shosomin
Yahoo! JAPAN デザイナー
自己紹介
1.近年のアプリ開発におけるデザインの役割
2.スキル分布マップによる可視化
3.成長のためのアプローチ方法
目次
近年のアプリ開発におけるデザインの役割
スマホ市場の変遷
・国内のスマホ利用率は全世帯で70%、20-30代は90%超え
・MAU500万人を超えるサービスは増減なし
スマホ市場成長が成熟期を迎えつつある
スマートフォンからの利用者が500万人を超えるサービスの数は横ばい~ニールセン 2017年の動向をまとめた
「Digital Trends 2017上半期」を公開~
http://www.netratings.co.jp/news_release/2017/11/Newsrelease20171128.html
総務省「平成28年情報通信メディアの利用時間と情報行動に関する調査」
http://www.soumu.go.jp/menu_news/s-news/01iicp01_02000064.html
依然として過酷な競争状況
・アプリの配信数は200万超え
スマートフォンでは平均30個のアプリが利用され、利用時間の85%を占める ~ニールセン スマートフォンのア
プリ利用状況を発表~
http://www.netratings.co.jp/news_release/2017/11/Newsrelease20171108.html
Google Playストアのアプリ数が今年2月の時点で200万を突破
http://juggly.cn/archives/185122.html
・一人あたり平均30個のアプリ利用
AppleのApp Store、アプリ数200万本
http://jp.techcrunch.com/2016/06/14/20160613apples-app-store-hits-2m-apps-130b-downloads-50b-paid-to-developers/
技術・コンテンツのコモディティ化
写真:Rodrigo Reyes Marin/アフロ
ユーザーの選択肢
サービスの差別化に必要不可欠なもの
アプリ開発におけるデザインの重要性が高まる
ブランド価値構築
選ばれる理由の増加
ユーザビリティ向上
信頼性を得るための品質担保
デザイン思考
共感を得るユーザー価値の創造
一昔前に必要とされていたデザイナーのスキル
設計
ビジュアル
デザイン
HTML/CSS Javasc件定義
スマホ時代での変遷
モダンな開発スタイルに合う、役割を越えたスキルの必要性
ユーザーリサーチ データ分析
ファシリ
テーション
UI設計 インタラクション
ビジュアル
デザイン
HTML / CSSプロトタイピング
デザイナーの成長への選択肢は無限大
発生した課題
ロードマップの不在という声
スキル分布MAPによる可視化
スキル分布MAP 二大パターン
BUSINESS DEVELOPDESIGN
スキル分布MAP 二大パターン
BUSINESS DEVELOPDESIGN
画面設計
体験設計
HTML/CSS
インタラクション
iOS開発
Android開発
Javascript
データ分析
ユーザーリサーチ
ライティング
BI/VI ビジュアル設計
コンセプト
メイキング
スキル分布MAP 二大パターン
DEVELOP
• 説明力(コミュニケーション、関係者連携、上下信頼獲得等)
• 事業知識(経営方針、サービス、KPI理解)
• 課題解決力(仮説のセンスの良さ)
+シニアデザイナーには深みが加わる
スキル分布MAP 二大パターン
BUSINESS DEVELOPDESIGN
画面設計
体験設計
HTML/CSS
インタラクション
iOS開発
Android開発
Javascript
データ分析
ユーザーリサーチ
ライティング
BI/VI ビジュアル設計
コンセプト
メイキング
DEPTH
スキル分布MAP 二大パターン
BUSINESS DEVELOPDESIGN
画面設計
体験設計
HTML/CSS
インタラクション
iOS開発
Android開発
Javascript
データ分析
ユーザーリサーチ
ライティング
BI/VI ビジュアル設計
コンセプト
メイキング
DEPTH
マネジメント
データ
サイエンス
マーケ
ティング
2 スキルにどう深みを付けていくか
1
成長のためのポイント
得意スキルを軸に、どう成長のブランチを広げるか
変化する世の中を考慮し、既存の枠にとらわれない
成長のためのアプローチ方法
アプローチ方法
課題解決のトライ&エラーを増やす
アプローチ方法 01:担当領域以外のアプリ開発
例えば違う環境でアウトプットしてみる
アプローチ方法 01:担当領域以外のアプリ開発
領域が違うアプリを経験するだけで
ブランチの拡大・深みの習得への大きな一歩に
Ex.プライベートでのサービス作成
アプローチ方法 02:業務視覚化アプローチ
例えばあらゆることを視覚化してみる
GAP視覚化アプローチ
USER
DESIGN BUSINESS
DEVELOP
PRODUCT
開発現場に存在するたくさんのGAPを紐解き、
視覚化された強固な共通言語を作る
2 BUSINESS - DESIGN
UIと必ずセットで起案するようにする
BUSINESS DESIGN
もっと記事との出会いを増やしたい
2 USER - BUSINESS
インタビューで洗い出した
ユーザーの課題
ユースケースとして
ストーリー化
KPIツリーにも加味
3 DESIGN - DEVELOP
プロトタイプ 指示書
まとめ
• スキルを磨くためのトライ&エラーのチャンスは
業務の隙間に落ちていたり、いかようにも作れる
• 既存スキルをアレンジし、いかなる課題も
デザイン的強みで解決することで真なる実力UPへ
One more thing
技を磨くシステムの構築
社内コンペ 社内LT
ご静聴ありがとうございました
1 of 32

Recommended

Bonfire Design #2 数々の失敗から得られた教訓 by
Bonfire Design #2 数々の失敗から得られた教訓Bonfire Design #2 数々の失敗から得られた教訓
Bonfire Design #2 数々の失敗から得られた教訓Yahoo!デベロッパーネットワーク
2.4K views21 slides
CAMPFIRE_DESIGN#1 デザイナーとデータ by
CAMPFIRE_DESIGN#1 デザイナーとデータCAMPFIRE_DESIGN#1 デザイナーとデータ
CAMPFIRE_DESIGN#1 デザイナーとデータYahoo!デベロッパーネットワーク
2.2K views33 slides
App DSP 2015 JP by
App DSP 2015 JPApp DSP 2015 JP
App DSP 2015 JPKazuya.Naraoka
3.1K views21 slides
衛星データを活用し、地域社会の課題の解決したい! by
衛星データを活用し、地域社会の課題の解決したい!衛星データを活用し、地域社会の課題の解決したい!
衛星データを活用し、地域社会の課題の解決したい!さぶみっと!ヨクスル
218 views13 slides
2016年度コーポレートフェローシップ活動報告(山本さん) by
2016年度コーポレートフェローシップ活動報告(山本さん)2016年度コーポレートフェローシップ活動報告(山本さん)
2016年度コーポレートフェローシップ活動報告(山本さん)Code for Japan
747 views25 slides
勉強会で歩き方を教えたお話 by
勉強会で歩き方を教えたお話勉強会で歩き方を教えたお話
勉強会で歩き方を教えたお話和希 正治
213 views10 slides

More Related Content

Similar to Bonfire Design #2 アプリ開発におけるデザイナーの成長について

香川支部キックオフ 香川支部について by
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部についてyohei iwakura
481 views13 slides
Crunchtimer会社案内 by
Crunchtimer会社案内Crunchtimer会社案内
Crunchtimer会社案内Yuya Miyamoto
342.8K views8 slides
スマートフォンアプリ開発の傾向とBaaSの活用 by
スマートフォンアプリ開発の傾向とBaaSの活用スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用大介 秋本
1.5K views47 slides
LexuesAcademy-全体まとめ by
LexuesAcademy-全体まとめLexuesAcademy-全体まとめ
LexuesAcademy-全体まとめShin Sekaryo
743 views96 slides
レビューの自動化事業について by
レビューの自動化事業についてレビューの自動化事業について
レビューの自動化事業についてssuserf1e090
25 views10 slides
レビューの自動化事業について by
レビューの自動化事業についてレビューの自動化事業について
レビューの自動化事業についてssuserf1e090
72 views10 slides

Similar to Bonfire Design #2 アプリ開発におけるデザイナーの成長について(20)

香川支部キックオフ 香川支部について by yohei iwakura
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
yohei iwakura481 views
Crunchtimer会社案内 by Yuya Miyamoto
Crunchtimer会社案内Crunchtimer会社案内
Crunchtimer会社案内
Yuya Miyamoto342.8K views
スマートフォンアプリ開発の傾向とBaaSの活用 by 大介 秋本
スマートフォンアプリ開発の傾向とBaaSの活用スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
大介 秋本1.5K views
LexuesAcademy-全体まとめ by Shin Sekaryo
LexuesAcademy-全体まとめLexuesAcademy-全体まとめ
LexuesAcademy-全体まとめ
Shin Sekaryo743 views
レビューの自動化事業について by ssuserf1e090
レビューの自動化事業についてレビューの自動化事業について
レビューの自動化事業について
ssuserf1e09025 views
レビューの自動化事業について by ssuserf1e090
レビューの自動化事業についてレビューの自動化事業について
レビューの自動化事業について
ssuserf1e09072 views
ABC2014 Spring: UI/UX Design Trends 2014 by Nobuya Sato
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
Nobuya Sato3.4K views
UXを損ねる静的コンテンツ配信アンチパターン7選 by Yuki Okada
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
Yuki Okada5.4K views
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン by Takashi Sakamoto
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン
Takashi Sakamoto1.3K views
Global Solution Unit by Jun Saito
Global Solution UnitGlobal Solution Unit
Global Solution Unit
Jun Saito351 views
福井で「しあわせデザイナー」になるために by Miho Yamamori
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori1.8K views
20140320ニフティクラウドmeet-up!セミナー資料1 by NIFTY Cloud
20140320ニフティクラウドmeet-up!セミナー資料120140320ニフティクラウドmeet-up!セミナー資料1
20140320ニフティクラウドmeet-up!セミナー資料1
NIFTY Cloud1.8K views
アプリ導入にかかる本当の費用 - Yappli(ヤプリ) by simakoo1
アプリ導入にかかる本当の費用 - Yappli(ヤプリ)アプリ導入にかかる本当の費用 - Yappli(ヤプリ)
アプリ導入にかかる本当の費用 - Yappli(ヤプリ)
simakoo11.2K views
次の5年のUIを考える by Saori Baba
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考える
Saori Baba1.2K views
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~ by Masahiro Hidaka
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Masahiro Hidaka5.1K views

More from Yahoo!デベロッパーネットワーク

ゼロから始める転移学習 by
ゼロから始める転移学習ゼロから始める転移学習
ゼロから始める転移学習Yahoo!デベロッパーネットワーク
13.1K views132 slides
継続的なモデルモニタリングを実現するKubernetes Operator by
継続的なモデルモニタリングを実現するKubernetes Operator継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes OperatorYahoo!デベロッパーネットワーク
4.9K views35 slides
ヤフーでは開発迅速性と品質のバランスをどう取ってるか by
ヤフーでは開発迅速性と品質のバランスをどう取ってるかヤフーでは開発迅速性と品質のバランスをどう取ってるか
ヤフーでは開発迅速性と品質のバランスをどう取ってるかYahoo!デベロッパーネットワーク
1.2K views24 slides
オンプレML基盤on Kubernetes パネルディスカッション by
オンプレML基盤on Kubernetes パネルディスカッションオンプレML基盤on Kubernetes パネルディスカッション
オンプレML基盤on Kubernetes パネルディスカッションYahoo!デベロッパーネットワーク
2K views18 slides
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜 by
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜
オンプレML基盤on Kubernetes 〜Yahoo! JAPAN AIPF〜Yahoo!デベロッパーネットワーク
1.7K views35 slides

More from Yahoo!デベロッパーネットワーク(20)

Recently uploaded

PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」 by
PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」
PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」PC Cluster Consortium
29 views36 slides
パスキーでリードする: NGINXとKeycloakによる効率的な認証・認可 by
パスキーでリードする: NGINXとKeycloakによる効率的な認証・認可パスキーでリードする: NGINXとKeycloakによる効率的な認証・認可
パスキーでリードする: NGINXとKeycloakによる効率的な認証・認可Hitachi, Ltd. OSS Solution Center.
13 views22 slides
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」 by
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」PC Cluster Consortium
68 views12 slides
光コラボは契約してはいけない by
光コラボは契約してはいけない光コラボは契約してはいけない
光コラボは契約してはいけないTakuya Matsunaga
30 views17 slides
Keycloakの全体像: 基本概念、ユースケース、そして最新の開発動向 by
Keycloakの全体像: 基本概念、ユースケース、そして最新の開発動向Keycloakの全体像: 基本概念、ユースケース、そして最新の開発動向
Keycloakの全体像: 基本概念、ユースケース、そして最新の開発動向Hitachi, Ltd. OSS Solution Center.
110 views26 slides

Recently uploaded(7)

PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」 by PC Cluster Consortium
PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」
PCCC23:東京大学情報基盤センター 「Society5.0の実現を目指す『計算・データ・学習』の融合による革新的スーパーコンピューティング」
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」 by PC Cluster Consortium
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」
PCCC23:富士通株式会社 テーマ1「次世代高性能・省電力プロセッサ『FUJITSU-MONAKA』」
光コラボは契約してはいけない by Takuya Matsunaga
光コラボは契約してはいけない光コラボは契約してはいけない
光コラボは契約してはいけない
Takuya Matsunaga30 views

Bonfire Design #2 アプリ開発におけるデザイナーの成長について