Soumettre la recherche
Mettre en ligne
アプリリニューアルの際に意識した AndroidアプリらしさNewsPicksらしさとは
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
2,359 vues
Koji MATSUBARA
Suivre
App Talk Night by Relux で発表した資料です。
Lire moins
Lire la suite
Ingénierie
Signaler
Partager
Signaler
Partager
1 sur 22
Télécharger maintenant
Recommandé
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
LocoPartners
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
LocoPartners
Locoship 株式会社Loco Partnersで働く人のバリュー
Locoship 株式会社Loco Partnersで働く人のバリュー
Takaya Shinozuka
2015年のふりかえり
2015年のふりかえり
Takaya Shinozuka
株式会社Loco Partners会社概要 v1.0
株式会社Loco Partners会社概要 v1.0
Takaya Shinozuka
エンタープライズにおけるiOSアプリ開発で押さえておくべき7つのこと
エンタープライズにおけるiOSアプリ開発で押さえておくべき7つのこと
feedtailor
1年の振り返りと、これからと。
1年の振り返りと、これからと。
Takaya Shinozuka
Loco Parntersの入社式で話したこと
Loco Parntersの入社式で話したこと
Takaya Shinozuka
Recommandé
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
LocoPartners
2017年1月24日開催「App Talk Night」発表資料
2017年1月24日開催「App Talk Night」発表資料
LocoPartners
Locoship 株式会社Loco Partnersで働く人のバリュー
Locoship 株式会社Loco Partnersで働く人のバリュー
Takaya Shinozuka
2015年のふりかえり
2015年のふりかえり
Takaya Shinozuka
株式会社Loco Partners会社概要 v1.0
株式会社Loco Partners会社概要 v1.0
Takaya Shinozuka
エンタープライズにおけるiOSアプリ開発で押さえておくべき7つのこと
エンタープライズにおけるiOSアプリ開発で押さえておくべき7つのこと
feedtailor
1年の振り返りと、これからと。
1年の振り返りと、これからと。
Takaya Shinozuka
Loco Parntersの入社式で話したこと
Loco Parntersの入社式で話したこと
Takaya Shinozuka
ビジネスとデザイン ~ビジネスは悪くない~
ビジネスとデザイン ~ビジネスは悪くない~
Ken Azuma
アプリ特化型クラウドファンディング
アプリ特化型クラウドファンディング
cotonas_en
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
インフラジスティックス・ジャパン株式会社
Microsoft 365 Day Session 3
Microsoft 365 Day Session 3
日本マイクロソフト株式会社
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
Takayuki Ushida
Soft layerのご紹介 1409
Soft layerのご紹介 1409
YoshiyukiKonno
OSS Market Momentum In Japan
OSS Market Momentum In Japan
MKT International Inc.
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
Google Cloud Platform - Japan
2015年決算説明会
2015年決算説明会
SIOS Corporation
130605PixelMags_Introduction
130605PixelMags_Introduction
Yoshi Kashima
戦略広報における オウンドメディアコミュニケーションとは
戦略広報における オウンドメディアコミュニケーションとは
トライベック・ストラテジー株式会社 / Tribeck Strategy Inc.
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント
アシアル株式会社
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
雄介 山田
kintone mobile cloud seminar 20170126
kintone mobile cloud seminar 20170126
kintone papers
20070608 e-Trend WorkShop
20070608 e-Trend WorkShop
tkawai
やってみよう!ユーザーテスト
やってみよう!ユーザーテスト
ke_shira
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
Ryohei Sogo
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Hiroto Igarashi
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
インフラジスティックス・ジャパン株式会社
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
Ken Azuma
Contenu connexe
Similaire à アプリリニューアルの際に意識した AndroidアプリらしさNewsPicksらしさとは
ビジネスとデザイン ~ビジネスは悪くない~
ビジネスとデザイン ~ビジネスは悪くない~
Ken Azuma
アプリ特化型クラウドファンディング
アプリ特化型クラウドファンディング
cotonas_en
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
インフラジスティックス・ジャパン株式会社
Microsoft 365 Day Session 3
Microsoft 365 Day Session 3
日本マイクロソフト株式会社
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
Takayuki Ushida
Soft layerのご紹介 1409
Soft layerのご紹介 1409
YoshiyukiKonno
OSS Market Momentum In Japan
OSS Market Momentum In Japan
MKT International Inc.
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
Google Cloud Platform - Japan
2015年決算説明会
2015年決算説明会
SIOS Corporation
130605PixelMags_Introduction
130605PixelMags_Introduction
Yoshi Kashima
戦略広報における オウンドメディアコミュニケーションとは
戦略広報における オウンドメディアコミュニケーションとは
トライベック・ストラテジー株式会社 / Tribeck Strategy Inc.
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント
アシアル株式会社
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
雄介 山田
kintone mobile cloud seminar 20170126
kintone mobile cloud seminar 20170126
kintone papers
20070608 e-Trend WorkShop
20070608 e-Trend WorkShop
tkawai
やってみよう!ユーザーテスト
やってみよう!ユーザーテスト
ke_shira
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
Ryohei Sogo
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Hiroto Igarashi
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
インフラジスティックス・ジャパン株式会社
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
Ken Azuma
Similaire à アプリリニューアルの際に意識した AndroidアプリらしさNewsPicksらしさとは
(20)
ビジネスとデザイン ~ビジネスは悪くない~
ビジネスとデザイン ~ビジネスは悪くない~
アプリ特化型クラウドファンディング
アプリ特化型クラウドファンディング
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?
Microsoft 365 Day Session 3
Microsoft 365 Day Session 3
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
脆弱性スキャナVulsの紹介とMackerelメタデータと連携した脆弱性管理
Soft layerのご紹介 1409
Soft layerのご紹介 1409
OSS Market Momentum In Japan
OSS Market Momentum In Japan
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
[Cloud OnAir] アプリケーションにフォーカス!ビジネスに直結する開発の極意をご紹介します。(LIVE) 2018年3月8日 放送
2015年決算説明会
2015年決算説明会
130605PixelMags_Introduction
130605PixelMags_Introduction
戦略広報における オウンドメディアコミュニケーションとは
戦略広報における オウンドメディアコミュニケーションとは
業務アプリを安全に効率的に開発・運用するためのポイント
業務アプリを安全に効率的に開発・運用するためのポイント
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
【Google play攻略】成功事例から読み解くandroidアプリの広告戦略
kintone mobile cloud seminar 20170126
kintone mobile cloud seminar 20170126
20070608 e-Trend WorkShop
20070608 e-Trend WorkShop
やってみよう!ユーザーテスト
やってみよう!ユーザーテスト
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
企業向けmBaaS「AppPot」を使ったサーバー開発なしの高速モバイルアプリ開発
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
DevSumi 関西 2013 #kansumiC4 なぜデバイス向けアプリ開発が失敗するのか?
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
アプリリニューアルの際に意識した AndroidアプリらしさNewsPicksらしさとは
1.
アプリリニューアルの際に意識した AndroidアプリらしさNewsPicksらしさとは 株式会社 NewsPicks Koji Matsubara
2.
Koji Matsubara (@_koji_matsu_) NewsPicks
Engineer. ・元組込みエンジニアです(ガラケーとかを作ってました) ・NewsPicks アプリを今はメインで開発しています。
3.
会社紹介 経済情報で、世界をかえる
4.
ビジネスに特化した2つのサービス 高度な企業・産業分析のためのデータベース 経済を専門とするニュースアプリ500 導 入 企
業 社 以 上 200 購 読 者 万 人 ※数値:2016年12月時点
5.
NewsPicksリニューアルまでの道のり…
6.
2015年当時の旧NewsPicksアプリの問題点 • NewsPicks Androidアプリの専任が居なかった •
iOS と Android で UI/UX が (ほぼ) 共通 • 通信量が多い ? • ニュースのスクロールが遅い • Crashlytics の CRASH-FREE SESSIONS の値が悪い
7.
Android アプリとしてちょっとイケてない…
8.
UI/UX の改修 • 如何にニュース、コメントを見やすくするか •
フォントサイズの見直し • 各コンポーネント毎の Margin/Padding を調整する • Android らしい UI/UX を採用する • 基本的に Google の Material Design を用いる • Ripple Effect, Elevation (高さの概念)を意識する • Android にはバックボタンがある事を意識する! • メニューを整理する (iOSも一緒に) • ハンバーガーメニューはあえて採用しない • Bottom navigation を採用する (デザインの検討中にMaterial Design のガイドラインに加 わったので安心して Android にも採用) https://material.io/guidelines/components/bottom-navigation.html
9.
コンポーネント間隔用のリソースを作っておく <resources> <dimen name="material_size_00">4dp</dimen> <dimen name="material_size_00_5">6dp</dimen> <dimen
name="material_size_01">8dp</dimen> <dimen name="material_size_01_5">12dp</dimen> <dimen name="material_size_02">16dp</dimen> <dimen name="material_size_02_5">20dp</dimen> <dimen name="material_size_03">24dp</dimen> <dimen name="material_size_03_5">28dp</dimen> <dimen name="material_size_04">32dp</dimen> <dimen name="material_size_04_5">36dp</dimen> <dimen name="material_size_05">40dp</dimen> <dimen name="material_size_05_5">44dp</dimen> <dimen name="material_size_06">48dp</dimen> <dimen name=“material_size_06_5">52dp</dimen> : : Material Design のコンポーネントの間隔は 8dp が基本の為、8dp (一部4dp, 2dpも) 間 隔の値をあらかじめ dimens.xml に定義し ておく ↓ 「もうちょっと間隔を広げたい(狭めたい) 」と言われた場合にレイアウト上で material_size_xx の xx 部分だけを修正す る事で常に Material Design に準拠した形 での間隔を維持できる
10.
UI 改修後 (トップ)
11.
UI 改修後 (メニュー)
12.
UI 改修後 (ニュースコメント)
13.
通信量削減 • 通信ライブラリとして Volley
を採用 • Retrofit も検討したが既存のロジックとの親和性を優先 • Http 通信は OkHttp3 を経由 • 画像表示は Glide を採用 • Glide も Http 通信は OkHttp3 を経由 (okhttp3-integration) • 一部の通信は Volley をに処理が渡る前に (Volley の Queue に enqueue する前に ) JSON を返却するロジックを作成 • Volley, Glide 共にメモリ、ディスクキャッシュを有効化
14.
レイアウトの最適化 • 特にList/Recycler View
内の item 用のレイアウトを作る 場合明確な理由が無い限り LinearLayout を使わない • Relative/FrameLayout で大概の事はできる • レイアウトのネストを可能な限り減らす • 最悪4.0系の端末だと StackOverFlow になる場合も…
15.
レイアウトのネスト削減 (例) LinearLayout -> LinearLayout ->
LinearLayout -> LinearLayout -> LinearLayout -> LinearLayout -> LinearLayout -> LinearLayout RelativeLayout -> RelativeLayout -> RelativeLayout LinearLayout を多用して4層 RelativeLayout で置き換えて2層
16.
直近のCRASH-FREE SESSIONS の値 99.87% ※2017/01/22
時点
17.
何をやってCrash率を落したか? ひたすら NPE の対策です!
18.
・UI/UX を Android
に最適化する ・通信量は特にキャッシュを気をつける ・CRASH-FREE 率は 99% 以上を維持する ・PlayストアのStarを4.0以上に…
19.
最後に… NewsPicks では、エンジニアを 随時募集しています。 ・NewsPicks アプリのココを直してやりたい! ・Android
に一家言あるぞ! というような方、是非声をかけてもらえると嬉しいです。
20.
One more thing…
21.
頂いたドロイドくんのトロフィー… 肝心のドロイドくんの触覚?が… (涙
22.
ありがとうございます
Télécharger maintenant