Android UI/UX

Transcript

1. Android UI/UX いなば（@Inb_J）
2. 祝 Dentoo LT 初参加
3. 自己紹介 いなば（@Inb_J） M1 Android, Python 2D格ゲー（ブレイブルーとか） @alitaso345被害者の会 W社とM社のインターンに行ってきた
4. 最近作ったもの https://pps5.github.io/AlitasoFan/ ※１つ追加されてます！！！！！！！！！！！！！！！！！！！！！！！！！！
5. ありたそ先生の次回作にご期待下さい！！
6. 本日ありたそ先生がいらっしゃってます！！ Dentoo LTでありたそ先生と握手！！！！
7. 今日する話の前の話
10. ジャングル
11. なおり 小説家になろう・小説を読もうオフラインリーダー tomstay
12. 小説を読もう！オフラインリーダー momongas
13. 小説家になろうダウンローダー LNovel
14. ……
16. いなばは激怒した。
17. 必ず、かの イケてないUI を除かなければなら ぬと決意した。
18. いなばにはデザインがわからぬ。
19. （中略）
20. けれどもイケてないUIに対しては、人一倍敏 感であった。
21. 今日する話
22. イケてないUI/UXの話
23. イケてないUI/UX デザインが古臭い ちらつくダイアログ iOSっぽい見た目してる 標準と異なる挙動 UXアンチパターン（後述）から抜粋
24. 注意 特定アプリを非難する目的ではない 改善されることを願って 深い話は全くしない 浅瀬でぱちゃぱちゃする程度
25. UXアンチパターン https://www.youtube.com/watch?v=x_gxZd9kLv4 2014年の動画だけど、今でも見る価値あり 最新のデザインガイドは Material Design Guidelines(http://material.google.com) めっちゃ細かく書いてある
26. 古臭いデザイン Menu Button of Shame ←これ GingerBread時代のUI GingerBread = Android 2.3(2010年12月リリース)
27. 例 スマートアラーム 無料版（目覚まし時計） TanyuSoft
28. 改善策 Menu button of shame ActionBar（Toolbar）を使う 上にあるアレ ←これ 古いUI targetSDKVersionをあげる 一行（2文字）かえるだけ
29. ちらつくダイアログ 読み込みのたびにダイアログがでてちらつく ローディングをキャンセルできない
30. 例 出そうとしていたアプリが改善された
31. 改善策 ダイアログをださない
32. AndroidなのにiOSっぽい 下にタブバー リストの項目に右矢印
33. 例
34. 例 music.jp MTI Ltd.
35. 改善策 無駄に手間をかけて変なカスタマイズをしない どっちかに偏った共通デザインをやめる もし共通デザインにするならどっちつかずのUIが無難
36. そもそもの話 Javascript使うWebviewのやつはアレ（Cordovaとか） クロスプラットフォーム開発はパフォーマンスが悪い せめてメニューから何から何までWebViewで作るのやめて これからクロスプラットフォームで作るならXamarinかなあ 今年の調布祭アプリはXamarin.Forms
37. ？？？？
38. Android material design guidelines Components ­ Bottom navigation
39. Components ­ Bottom navigation
40. 最新の情報を追いましょう （正確には先ほどの下タブバーとは異なる挙動をする）
41. 標準と異なる挙動 ダイアログのYes/Noの配置が逆 標準は右がYes 独自実装のナビゲーションドロワー
42. 例１ スマートアラーム 無料版（目覚まし時計） TanyuSoft
43. 例２ NarouMate[小説家になろう] [リーダーアプリ] OVER SOFTWARE
44. 改善策 ダイアログ Android 4.x 以降推奨のAPIを使う set[Positive/Negative]Button ナビゲーションドロワー 標準のか、メジャーなライブラリを使う
45. Android 4.x未満？
46. そんなものない
47. 世界のバージョン別シェア（2016/3） Android Developers Dashboards (https://developer.android.com/about/dashboards/index.html)
48. 4.x未満の国内シェア（2016/10） スマタブinfo (http://smatabinfo.jp/os/android/index.html)
49. まとめ
50. 今日一番伝えたかった話
51. AndroidアプリでiOS風UIにするのやめてく れ～～～～～～～
52. ついでに
53. Cordovaはやめとけ
54. 帰りに買うもの トイレットペーパー