SlideShare a Scribd company logo
App StoreとGoogle Play
両プラットフォームに選ばれる
1
UI/UX最適化
スライドの内容
2
プラットフォームに選ばれるために
大切なUI/UXの最適化ポイントを
弊社が運営する「BrainWars」を
事例にして紹介します。
まず、自己紹介
3
自己紹介
略歴
2005年 福岡工業大学入学
2009年 サイバーエージェント入社
2014年 トランスリミット創業
株式会社トランスリミット
代表取締役社長
高場大樹(28)
hiroki.takaba
hiroki_takaba
サイバーエージェントでは
海外版アメーバピグ、ガールフレンド(仮)
4
※エンジニアです。
5
創業してもうすぐ1年になります
作り手100%の会社です(エンジニア8、デザイナー2)
BrainWarsについて
6
7
2014年5月からBrainWarsを提供
世界中のプレイヤーとリアルタイムで
ミニゲーム20秒×3セットで勝敗
基本ルール
8
ミニゲームは現在20種類
9
10
4つの特徴
11
累計700万ダウンロード突破
世界市場を中心に拡大中
12
GooglePlay Best Game of 2014
13
US/UKなど世界38カ国で選定
14
中国AppStore Best of 2014
いよいよ本題
15
App StoreとGoogle Play
両プラットフォームに選ばれる
16
UI/UX最適化
・ストアのおすすめに載る
・ストアのタイトルを獲得
17
「選ばれる」の定義
AppStoreでの実績
18
・おすすめ(米国、日本、中国等)
・中国AppStore Best of 2014獲得
GooglePlayでの実績
19
・おすすめ(米国、カナダ、日本等)
・GooglePlay Best Game of 2014獲得
(米国、英国など世界38カ国でノミネート)
選ばれるために最重要な5つのこと
1. アプリアイコン
2. タイトルメニュー
3. タブメニュー
4. バックボタン
5. アイコン
20
1. アプリアイコン(1)
21
Androidはくり抜きアイコン
上部に光を当て、下部には影を付ける
1. アプリアイコン(2)
22
光と影の工夫により浮いて見える
iOSは枠があるので光や影は気にしなくて良い
2. タイトルメニュー
23
タイトルやアイコンの配置を変える
Androidはアプリロゴを入れると良い
3. タブメニュー(1)
24
Androidではメニューをタブメニューとして
上部に配置する(バックボタンがあるため)
4. タブメニュー(2)
25
フリックで隣のタブにスライドする
(上部のアイコンは押しづらいため)
左フリックすると
スライドアウトする
スライドインする
4. バックボタン
26
実装はバグを生みやすくコスト掛かるが、
Androidには当然の機能なので最重要
5. アイコン
27
OSにより同じ意味合いでもアイコンが別で
あることがある。表示を切替えれるように
詳しくは
28
Adnroidデザインガイドライン
URL: https://developer.android.com/design/index.html
詳しくは
29
OS純正機能や公式アプリを参考に
最後に
30
メンバーを募集しています
31
ご連絡をお待ちしております!
contact@translimit.co.jp https://www.wantedly.com/projects/12033
つづきます
メンバーを募集しています
32
□サービス
・BrainWars(700万DL、海外比率95%)
・来年から新プロジェクト始動
□技術/ツール等
・Android/iOS
・Cocos2DX
・Ruby on Rails
・NodeJS
・AmazonWebService
・GitHub
□特徴
・日本初世界向けサービス
・エンジニア中心の組織
・社長がエンジニア
・平均年齢29歳
・約3億円の資金調達済
・2015年新卒2名
会社概要
: 株式会社トランスリミット
: 2014年1月14日
: 高場大樹(たかばひろき)
: 3億675万円(資本準備金含)
: 東京都渋谷区道玄坂2-8-7
渋谷道玄坂ビル5階
: 7名+バイト3名
: スマートフォン向けアプリの開発
会社名
設立日
代表者名
資本金
所在地
従業員数
事業内容
33
34

More Related Content

PPTX
UI設計の土台になる考え方-インテリジェントネット社内勉強会
PDF
UXはじめの一歩
PDF
UIデザインの基本
PDF
UXの考え方とアプローチ
PDF
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
PDF
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
PDF
コンテンツで改善する UI デザインの極意
PDF
ネイティブアプリにおける、UI/インタラクションのトレンド
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UXはじめの一歩
UIデザインの基本
UXの考え方とアプローチ
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
コンテンツで改善する UI デザインの極意
ネイティブアプリにおける、UI/インタラクションのトレンド

What's hot (20)

PDF
ニコニコ超デザイン-Metro考察編-
PPTX
UX設計の第一歩-インテリジェントネット社内勉強会
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
PDF
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
PDF
UX / UIデザインって何?
PDF
“UI/UX”?~恥をかかないための15分UXD入門
KEY
テックヒルズ
PDF
[UX]は投げ捨てろ!
PDF
磨いて光らせる UX入門
PDF
アプリデザインのお勉強 UI/UXのお話
PDF
心地よいUIの温度 - 言葉と気遣いで高めるUI -
PDF
おかんでもわかるUXデザイン Ver.0.4
PDF
UX Design とは何か?
PDF
UXとブランド
PDF
アプリUI勉強会 in ネットイヤーグループ
PDF
なぜなに?ユーザエクスペリエンスマップ(概要編)
PDF
はじめてのUXとUIの話
PDF
なぜUXをデザインしているのか
PDF
おかんでもわかるUXデザイン Ver.0.1
PPTX
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
ニコニコ超デザイン-Metro考察編-
UX設計の第一歩-インテリジェントネット社内勉強会
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
UX / UIデザインって何?
“UI/UX”?~恥をかかないための15分UXD入門
テックヒルズ
[UX]は投げ捨てろ!
磨いて光らせる UX入門
アプリデザインのお勉強 UI/UXのお話
心地よいUIの温度 - 言葉と気遣いで高めるUI -
おかんでもわかるUXデザイン Ver.0.4
UX Design とは何か?
UXとブランド
アプリUI勉強会 in ネットイヤーグループ
なぜなに?ユーザエクスペリエンスマップ(概要編)
はじめてのUXとUIの話
なぜUXをデザインしているのか
おかんでもわかるUXデザイン Ver.0.1
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Ad

Viewers also liked (13)

PDF
ShibuyaUX - UX and Analytics
PDF
UIの話は会議室でするな
PDF
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
PDF
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
PDF
図解で学ぶ「Lean UX」
PDF
企画が考えるスマホUIデザイン
PDF
スマホサービスにおける、UIデザインのノウハウと実例
PDF
UXのためのUIデザイン
PDF
0528 kanntigai ui_ux
PDF
ITエンジニアに易しいUI/UXデザイン
PDF
確実に良くするUI/UX設計
PDF
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
PDF
「Webデザイナーのためのタイポグラフィと文字組版」
ShibuyaUX - UX and Analytics
UIの話は会議室でするな
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
図解で学ぶ「Lean UX」
企画が考えるスマホUIデザイン
スマホサービスにおける、UIデザインのノウハウと実例
UXのためのUIデザイン
0528 kanntigai ui_ux
ITエンジニアに易しいUI/UXデザイン
確実に良くするUI/UX設計
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
「Webデザイナーのためのタイポグラフィと文字組版」
Ad

Similar to AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化 (20)

PDF
smartphone test (know how & tools)
PDF
iPhone、Android両対応アプリ開発講座 概論
PDF
アプリリリース後に後悔しないための20のこと
PDF
Weekend Androidのススメ
PDF
K1hash20121024
PDF
Smartphone ui:ux」 de na creative seminar vol.1 レポート
PDF
Androidアプリ製作で気をつけたいこと
PDF
Mebic Creative Business Forum 2013
PDF
勘違いだらけのAndroid UIデザイン
PDF
お金を使わずにApp storeでランキングトップを獲る方法!
PDF
[Japan Tech summit 2017] APP 008
PPT
スマートフォンPKG開発成功
PDF
スタートアップで培ったアーキテクチャ設計ノウハウ
PDF
Why android 2011
PPTX
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
KEY
スマートフォンアプリケーション開発の最新動向
PDF
PDF
Crunchtimer会社案内
PDF
Android Design ざっくりレビュー
smartphone test (know how & tools)
iPhone、Android両対応アプリ開発講座 概論
アプリリリース後に後悔しないための20のこと
Weekend Androidのススメ
K1hash20121024
Smartphone ui:ux」 de na creative seminar vol.1 レポート
Androidアプリ製作で気をつけたいこと
Mebic Creative Business Forum 2013
勘違いだらけのAndroid UIデザイン
お金を使わずにApp storeでランキングトップを獲る方法!
[Japan Tech summit 2017] APP 008
スマートフォンPKG開発成功
スタートアップで培ったアーキテクチャ設計ノウハウ
Why android 2011
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
スマートフォンアプリケーション開発の最新動向
Crunchtimer会社案内
Android Design ざっくりレビュー

AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化