Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Android UI/UX
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Inab
October 23, 2016
Programming
0
340
Android UI/UX
Inab
October 23, 2016
Tweet
Share
Other Decks in Programming
See All in Programming
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
110
CSC307 Lecture 06
javiergs
PRO
0
680
CSC307 Lecture 09
javiergs
PRO
1
830
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
4
260
AI前提で考えるiOSアプリのモダナイズ設計
yuukiw00w
0
220
SourceGeneratorのススメ
htkym
0
190
Fragmented Architectures
denyspoltorak
0
150
Data-Centric Kaggle
isax1015
2
770
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
180
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
minodriven
20
6.9k
Featured
See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
320
Typedesign – Prime Four
hannesfritz
42
2.9k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Designing for Performance
lara
610
70k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
90
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Code Reviewing Like a Champion
maltzj
527
40k
Everyday Curiosity
cassininazir
0
130
Site-Speed That Sticks
csswizardry
13
1.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
Transcript
Android UI/UX いなば(@Inb_J)
祝 Dentoo LT 初参加
自己紹介 いなば(@Inb_J) M1 Android, Python 2D格ゲー(ブレイブルーとか) @alitaso345被害者の会 W社とM社のインターンに行ってきた
最近作ったもの https://pps5.github.io/AlitasoFan/ ※1つ追加されてます!!!!!!!!!!!!!!!!!!!!!!!!!!
ありたそ先生の次回作にご期待下さい!!
本日ありたそ先生がいらっしゃってます!! Dentoo LTでありたそ先生と握手!!!!
今日する話の前の話
None
None
ジャングル
なおり 小説家になろう・小説を読もうオフラインリーダー tomstay
小説を読もう!オフラインリーダー momongas
小説家になろうダウンローダー LNovel
……
None
いなばは激怒した。
必ず、かの イケてないUI を除かなければなら ぬと決意した。
いなばにはデザインがわからぬ。
(中略)
けれどもイケてないUIに対しては、人一倍敏 感であった。
今日する話
イケてないUI/UXの話
イケてないUI/UX デザインが古臭い ちらつくダイアログ iOSっぽい見た目してる 標準と異なる挙動 UXアンチパターン(後述)から抜粋
注意 特定アプリを非難する目的ではない 改善されることを願って 深い話は全くしない 浅瀬でぱちゃぱちゃする程度
UXアンチパターン https://www.youtube.com/watch?v=x_gxZd9kLv4 2014年の動画だけど、今でも見る価値あり 最新のデザインガイドは Material Design Guidelines(http://material.google.com) めっちゃ細かく書いてある
古臭いデザイン Menu Button of Shame ←これ GingerBread時代のUI GingerBread = Android
2.3(2010年12月リリース)
例 スマートアラーム 無料版(目覚まし時計) TanyuSoft
改善策 Menu button of shame ActionBar(Toolbar)を使う 上にあるアレ ←これ 古いUI targetSDKVersionをあげる
一行(2文字)かえるだけ
ちらつくダイアログ 読み込みのたびにダイアログがでてちらつく ローディングをキャンセルできない
例 出そうとしていたアプリが改善された
改善策 ダイアログをださない
AndroidなのにiOSっぽい 下にタブバー リストの項目に右矢印
例
例 music.jp MTI Ltd.
改善策 無駄に手間をかけて変なカスタマイズをしない どっちかに偏った共通デザインをやめる もし共通デザインにするならどっちつかずのUIが無難
そもそもの話 Javascript使うWebviewのやつはアレ(Cordovaとか) クロスプラットフォーム開発はパフォーマンスが悪い せめてメニューから何から何までWebViewで作るのやめて これからクロスプラットフォームで作るならXamarinかなあ 今年の調布祭アプリはXamarin.Forms
????
Android material design guidelines Components Bottom navigation
Components Bottom navigation
最新の情報を追いましょう (正確には先ほどの下タブバーとは異なる挙動をする)
標準と異なる挙動 ダイアログのYes/Noの配置が逆 標準は右がYes 独自実装のナビゲーションドロワー
例1 スマートアラーム 無料版(目覚まし時計) TanyuSoft
例2 NarouMate[小説家になろう] [リーダーアプリ] OVER SOFTWARE
改善策 ダイアログ Android 4.x 以降推奨のAPIを使う set[Positive/Negative]Button ナビゲーションドロワー 標準のか、メジャーなライブラリを使う
Android 4.x未満?
そんなものない
世界のバージョン別シェア(2016/3) Android Developers Dashboards (https://developer.android.com/about/dashboards/index.html)
4.x未満の国内シェア(2016/10) スマタブinfo (http://smatabinfo.jp/os/android/index.html)
まとめ
今日一番伝えたかった話
AndroidアプリでiOS風UIにするのやめてく れ~~~~~~~
ついでに
Cordovaはやめとけ
帰りに買うもの トイレットペーパー