Design #2

Copyright © 2017 Yahoo Japan Corporation. All Rights Reserved.

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

2017.12.11 [MON] @LODGE

ヤフー株式会社 細見 沙央梨

細見 沙央梨

• アプリのUIやユーザー体験設計を中心に担当

• その他デザイン関連イベントを主催

• Hack Day 2016で最優秀賞を受賞するなど、社外でもアプリ開

発を活発に行っている

• 好きなものはネギ

@shosomin

Yahoo! JAPAN デザイナー

自己紹介

１．近年のアプリ開発におけるデザインの役割

２．スキル分布マップによる可視化

３．成長のためのアプローチ方法

目次

近年のアプリ開発におけるデザインの役割

スマホ市場の変遷

・国内のスマホ利用率は全世帯で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 Javascript要件定義

スマホ時代での変遷

モダンな開発スタイルに合う、役割を越えたスキルの必要性

ユーザーリサーチ データ分析

ファシリ

テーション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

ご静聴ありがとうございました