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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Inab
October 23, 2016
Programming
0
340
Android UI/UX
Inab
October 23, 2016
Tweet
Share
Other Decks in Programming
See All in Programming
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
420
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.5k
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
260
Patterns of Patterns
denyspoltorak
0
1.4k
Fluid Templating in TYPO3 14
s2b
0
130
CSC307 Lecture 06
javiergs
PRO
0
680
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.3k
ぼくの開発環境2026
yuzneri
0
170
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
680
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
140
組織で育むオブザーバビリティ
ryota_hnk
0
170
2026年 エンジニアリング自己学習法
yumechi
0
130
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Claude Code のすすめ
schroneko
67
210k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Designing for humans not robots
tammielis
254
26k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Fireside Chat
paigeccino
41
3.8k
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はやめとけ
帰りに買うもの トイレットペーパー