Androidize me!

E22edc988280c3b6ff183318bc1590c2?s=47 weLaika
March 10, 2014

Androidize me!

Android: history and apps’ anatomy.

E22edc988280c3b6ff183318bc1590c2?s=128

weLaika

March 10, 2014
Tweet

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
  17. None
  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