Etsy - Android & Design

  • 4,174 views
Uploaded on

Etsy's Paul Lau (Product Designer) and Deniz Veli (Engineering Manager) talk about the collaborative design and development process building Android apps at Etsy

Etsy's Paul Lau (Product Designer) and Deniz Veli (Engineering Manager) talk about the collaborative design and development process building Android apps at Etsy

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Very nice slide and excellent work! ETSY forever!
    Are you sure you want to
    Your message goes here
  • Nice!!! I use similar organization in my projects!

    Could you detail the config_shortAnimTime in the transparency 20? (maybe 300ms?)
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
4,174
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
2
Likes
25

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Android & Design It could work!
  • 2. The A-Team
  • 3. Ideas • Implementation • Shipping
  • 4. Ideas Navigation
  • 5. Ideas Listing
  • 6. Ideas Staggered Grid
  • 7. Implementation
  • 8. Android Resources
  • 9. • Dimensions • res/values/dimens.xml
  • 10. • Dimensions - 10 inch Tablets • res/values-sw720dp/dimens.xml
  • 11. • In code TabletSupportUtil • res/values/bools.xml • res/values-sw600dp/bools.xml • res/values-sw720dp/bools.xml
  • 12. • Touch States • 10 % black (#1A000000) • Shapes for Android 2.3 • Animations for that gentle touch
  • 13. Android Resource System • colors.xml • integers.xml • styles.xml • strings.xml • Overall best practice - don’t rely on constants in your layout or drawable XML or in your code. Use the Android resource system to help you.
  • 14. • Cutting assets • Densities • OLD - mdpi - hdpi - xhdpi • NEW - hdpi - xhdpi - xxhdpi • 3 sizes is plenty - older devices can scale - don’t make your designer angry
  • 15. ICON FONTSS!!!11! • WHOAAAAA • Fewer assets • Open Source Comin
  • 16. Reduce, Reuse, Recycle!
  • 17. Shipping & VQA
  • 18. Stop, Collaborate, and Listen. www.etsy.com/careers
  • 19. Resources • Blur Effect like Etsy via Stackoverflow • Android Staggered Grid via Github • Export Asset Script • Code as Craft Deniz Veli @denizmveli Paul Lau @paulingford