Movatterモバイル変換


[0]ホーム

URL:


SlideShare a Scribd company logo

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

Download as PPTX, PDF
53 likes69,969 views
Hiroki Takaba
Hiroki Takaba

AppStoreとGooglePlayの両プラットフォームに選ばれたBrainWarsが実践するプラットフォームに合わせたUI/UX最適化のノウハウを紹介します。

1 of 34
Downloaded 57 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
App StoreとGoogle Play両プラットフォームに選ばれる1UI/UX最適化
スライドの内容2プラットフォームに選ばれるために大切なUI/UXの最適化ポイントを弊社が運営する「BrainWars」を事例にして紹介します。
まず、自己紹介3
自己紹介略歴2005年 福岡工業大学入学2009年 サイバーエージェント入社2014年 トランスリミット創業株式会社トランスリミット代表取締役社長高場大樹(28)hiroki.takabahiroki_takabaサイバーエージェントでは海外版アメーバピグ、ガールフレンド(仮)4※エンジニアです。
5創業してもうすぐ1年になります作り手100%の会社です(エンジニア8、デザイナー2)
BrainWarsについて6
72014年5月からBrainWarsを提供
世界中のプレイヤーとリアルタイムでミニゲーム20秒×3セットで勝敗基本ルール8
ミニゲームは現在20種類9
104つの特徴
11累計700万ダウンロード突破
世界市場を中心に拡大中12
GooglePlay Best Game of 201413US/UKなど世界38カ国で選定
14中国AppStore Best of 2014
いよいよ本題15
App StoreとGoogle Play両プラットフォームに選ばれる16UI/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)21Androidはくり抜きアイコン上部に光を当て、下部には影を付ける
1. アプリアイコン(2)22光と影の工夫により浮いて見えるiOSは枠があるので光や影は気にしなくて良い
2. タイトルメニュー23タイトルやアイコンの配置を変えるAndroidはアプリロゴを入れると良い
3. タブメニュー(1)24Androidではメニューをタブメニューとして上部に配置する(バックボタンがあるため)
4. タブメニュー(2)25フリックで隣のタブにスライドする(上部のアイコンは押しづらいため)左フリックするとスライドアウトするスライドインする
4. バックボタン26実装はバグを生みやすくコスト掛かるが、Androidには当然の機能なので最重要
5. アイコン27OSにより同じ意味合いでもアイコンが別であることがある。表示を切替えれるように
詳しくは28AdnroidデザインガイドラインURL: https://developer.android.com/design/index.html
詳しくは29OS純正機能や公式アプリを参考に
最後に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
Ad

Recommended

PPTX
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
 
PDF
UXはじめの一歩
井上 誠
 
PDF
UIデザインの基本
Roy Kim
 
PDF
UXの考え方とアプローチ
Masaya Ando
 
PDF
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
 
PDF
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
 
PDF
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
 
PDF
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
 
PDF
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
 
PPTX
UX設計の第一歩-インテリジェントネット社内勉強会
INI株式会社
 
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
 
PDF
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
 
PDF
UX / UIデザインって何?
JustSystems Corporation
 
PDF
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
 
KEY
テックヒルズ
tomo tsubota
 
PDF
[UX]は投げ捨てろ!
c-mitsuba
 
PDF
磨いて光らせる UX入門
yohei sugigami
 
PDF
アプリデザインのお勉強 UI/UXのお話
shinta rock
 
PDF
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
 
PDF
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
 
PDF
UX Design とは何か?
Hiroshi Obayashi
 
PDF
UXとブランド
Takehisa Gokaichi
 
PDF
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
 
PDF
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
 
PDF
はじめてのUXとUIの話
Kazuki Yamashita
 
PDF
なぜUXをデザインしているのか
Mikihiro Fujii
 
PDF
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
 
PPTX
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
 
PDF
ShibuyaUX - UX and Analytics
Makoto Shimizu
 
PDF
UIの話は会議室でするな
Shingo Katsushima
 

More Related Content

What's hot(20)

PDF
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
 
PPTX
UX設計の第一歩-インテリジェントネット社内勉強会
INI株式会社
 
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
 
PDF
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
 
PDF
UX / UIデザインって何?
JustSystems Corporation
 
PDF
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
 
KEY
テックヒルズ
tomo tsubota
 
PDF
[UX]は投げ捨てろ!
c-mitsuba
 
PDF
磨いて光らせる UX入門
yohei sugigami
 
PDF
アプリデザインのお勉強 UI/UXのお話
shinta rock
 
PDF
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
 
PDF
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
 
PDF
UX Design とは何か?
Hiroshi Obayashi
 
PDF
UXとブランド
Takehisa Gokaichi
 
PDF
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
 
PDF
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
 
PDF
はじめてのUXとUIの話
Kazuki Yamashita
 
PDF
なぜUXをデザインしているのか
Mikihiro Fujii
 
PDF
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
 
PPTX
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
 
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
 
UX設計の第一歩-インテリジェントネット社内勉強会
INI株式会社
 
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
 
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
 
UX / UIデザインって何?
JustSystems Corporation
 
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
 
テックヒルズ
tomo tsubota
 
[UX]は投げ捨てろ!
c-mitsuba
 
磨いて光らせる UX入門
yohei sugigami
 
アプリデザインのお勉強 UI/UXのお話
shinta rock
 
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
 
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
 
UX Design とは何か?
Hiroshi Obayashi
 
UXとブランド
Takehisa Gokaichi
 
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
 
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
 
はじめてのUXとUIの話
Kazuki Yamashita
 
なぜUXをデザインしているのか
Mikihiro Fujii
 
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
 
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
 

Viewers also liked(13)

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

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

PDF
smartphone test (know how & tools)
Yukio Andoh
 
PDF
iPhone、Android両対応アプリ開発講座 概論
Takakuni Furukawa
 
PDF
アプリリリース後に後悔しないための20のこと
leverages_event
 
PDF
Weekend Androidのススメ
Suzuki Junko
 
PDF
K1hash20121024
Keiichi Hashimoto
 
PDF
Smartphone ui:ux」 de na creative seminar vol.1 レポート
Masaru Kimura
 
PDF
Androidアプリ製作で気をつけたいこと
Hiroyuki Shimanishi
 
PDF
Mebic Creative Business Forum 2013
Takashi EGAWA
 
PDF
勘違いだらけのAndroid UIデザイン
Nobuya Sato
 
PDF
お金を使わずにApp storeでランキングトップを獲る方法!
Hiromitsu Ishimori
 
PDF
[Japan Tech summit 2017] APP 008
Microsoft Tech Summit 2017
 
PPT
スマートフォンPKG開発成功
Akira Yamaguchi
 
PDF
スタートアップで培ったアーキテクチャ設計ノウハウ
Masakazu Matsushita
 
PDF
Why android 2011
Takashi Ohmoto
 
PPTX
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
Madoka Chiyoda
 
KEY
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
 
PDF
20110824 android apps_tanaka
一般社団法人メディア事業開発会議
 
PDF
Crunchtimer会社案内
Yuya Miyamoto
 
PDF
Android Design ざっくりレビュー
Naoki Hashimoto
 
smartphone test (know how & tools)
Yukio Andoh
 
iPhone、Android両対応アプリ開発講座 概論
Takakuni Furukawa
 
アプリリリース後に後悔しないための20のこと
leverages_event
 
Weekend Androidのススメ
Suzuki Junko
 
K1hash20121024
Keiichi Hashimoto
 
Smartphone ui:ux」 de na creative seminar vol.1 レポート
Masaru Kimura
 
Androidアプリ製作で気をつけたいこと
Hiroyuki Shimanishi
 
Mebic Creative Business Forum 2013
Takashi EGAWA
 
勘違いだらけのAndroid UIデザイン
Nobuya Sato
 
お金を使わずにApp storeでランキングトップを獲る方法!
Hiromitsu Ishimori
 
[Japan Tech summit 2017] APP 008
Microsoft Tech Summit 2017
 
スマートフォンPKG開発成功
Akira Yamaguchi
 
スタートアップで培ったアーキテクチャ設計ノウハウ
Masakazu Matsushita
 
Why android 2011
Takashi Ohmoto
 
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
Madoka Chiyoda
 
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
 
Crunchtimer会社案内
Yuya Miyamoto
 
Android Design ざっくりレビュー
Naoki Hashimoto
 
Ad

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


[8]ページ先頭

©2009-2025 Movatter.jp