Androidize me!

Android: history and apps’ anatomy.

Transcript

1. Androidize me! Matteo Piotto @c1p8 @welaika Federico Parodi @jimmy2k Android: history and apps’ anatomy
2. “Per me si va ne la città dolente, per me si va ne l’eterno dolore…”. (Dante)
3. History
4. Andy Rubin
5. Andy Rubin • hardware design, software, and services for mobile computing devices • Danger HipTop (T-Mobile Sidekick) • cloud based • app marketplace • acquired by Microsoft in 2008
6. Andy Rubin Android Inc. “smarter mobile devices that are more aware of its owner's location and preferences” • founded in 2003; • acquired by Google in 2005; • Linux based mobile device platform; • “Sooner” prototype, BlackBerry like
7. January 9, 2007
8. The day after the iPhone Why Android was better than the original iPhone: • more than one device • no tethering to a computer required • multitasking • app marketplace
9. The day after the iPhone Android team recognized that wasn’t enough, because iPhone was setting a new bar in user experience: * big touch screen * no keyboard * accelerometer * cool look
10. Open Handset Alliance * a consortium of technology companies; * November 5, 2007, Android introduction; * October 22, 2008, HTC Dream introduction
11. “Everything is a f**king rip off of what we’re doing” (Jobs on Android) “big, arrogant f***” (Jobs on Andy Rubin)
12. Android versions history Alphas Astroboy R2-D2 Bender
13. Android versions history Public releases
14. Competitive advantages • open source (AOSP - Android Open Source Project) • customizable (by users and manufacturers) • broad range of devices (including cheap ones)
15. Marketshare from Wikipedia
16. Q4 2013 Sales 0,71% 0,64% 3,02% 77,83% 17,80% iOS Android Windows Phone BlackBerry Other from Wikipedia
18. What we need
19. What we need • Java! • Eclipse (ADT Bundle) • Android Studio (Early Access Preview 0.5) • SDK Manager • Windows, Mac, Linux
20. What we need • Google Play account; • Amazon AppStore account; • there are many other app stores; • you can distribute your app by yourself
21. What we need a good idea.
22. What we need offering a great UX, following Google’s design guidelines. ! https://developer.android.com/design/index.html
23. Anatomy of an Android App
24. Screen size Size matters.
25. Density-independent pixel (dp) Stop thinking in pixel.
26. Density-independent pixel (dp) Stop thinking in pixel. 48dp: recommended size for buttons in the action bar different bitmap images for different screen densities
27. Density-independent pixel (dp) Stop thinking in pixel. different bitmap images for different screen densities
28. Screen sizes 2὇ 4὇ 7὇ 10὇ small normal large xlarge
29. Screen sizes small > 426dp x 320dp normal > 470dp x 320dp large > 640dp x 480dp xlarge > 960dp x 720dp
30. UI: physical system buttons
31. UI: physical system buttons
32. UI: System Bars 1. Status bar 2. Navigation bar
33. UI: Notifications
34. UI: Action bar 1. Icon 2. View control 3. Action buttons 4. Action overflow
35. UI: Navigation Tabs.
36. UI: Navigation Spinners.
37. UI: Navigation Sliding menu: Navigation drawer.
38. UI: Navigation Sliding menu: Navigation drawer.
39. UI: Activities component that provides a screen with which users can interact in order to do something http://goo.gl/E1SRRP
40. UI: Fragments • modular and reusable component • allows you to change your fragment combinations for different screen sizes
41. DON’Ts
42. DON’T mimic UI elements from other platforms
43. DON’T mimic UI elements from other platforms
44. DON’T use right-pointing carets on list items
45. DON’T use right-pointing carets on list items
46. DON’T carry over platform-specific icons
47. DON’T carry over platform-specific icons
48. DON’T hardcode links to other apps: use activity chooser or the Share Action Provider
49. DON’T hardcode links to other apps: use activity chooser or the Share Action Provider
50. Thank you. @welaika @c1p8 @jimmy2k “E quindi uscimmo a riveder le stelle”. (Dante)
51. Sources: • http://www.myextralife.com/ • http://mobile.smashingmagazine.com/2013/05/08/brave-new- world-designing-for-a-maturing-android/ • http://depts.washington.edu/ux/2013/04/when-designing-for- android-forget-ios/ • http://eng.pulse.me/optimizing-for-screen-sizes-on-android/ • http://developer.android.com/design • “Mobile User Experience: Patterns to Make Sense of It All” di Adrian Mendoza, ISBN: 978-0124095144