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

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