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
Inab
October 23, 2016
Programming
0
290
Android UI/UX
Inab
October 23, 2016
Tweet
Share
Other Decks in Programming
See All in Programming
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
320
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
3.9k
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
18k
Site Reliability Engineering for GMO
pyama86
7
1k
SwiftUI Performance 不要なViewの再描画と更新を抑える
bigamitiongit
1
160
Code Reviews
bkuhlmann
4
890
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5k
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
250
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
240
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Milestoner
bkuhlmann
1
410
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
We Have a Design System, Now What?
morganepeng
42
6.7k
Ruby is Unlike a Banana
tanoku
96
10k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Web Components: a chance to create the future
zenorocha
305
41k
In The Pink: A Labor of Love
frogandcode
138
21k
Optimizing for Happiness
mojombo
370
69k
How to train your dragon (web standard)
notwaldorf
72
5.1k
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はやめとけ
帰りに買うもの トイレットペーパー