Etsy - Android & Design

5,169
-1

Published 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

Published in: Technology
2 Comments
37 Likes
Statistics
Notes
No Downloads
Views
Total Views
5,169
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
2
Likes
37
Embeds 0
No embeds

No notes for slide

Etsy - Android & Design

  1. 1. Android & Design It could work!
  2. 2. The A-Team
  3. 3. Ideas • Implementation • Shipping
  4. 4. Ideas Navigation
  5. 5. Ideas Listing
  6. 6. Ideas Staggered Grid
  7. 7. Implementation
  8. 8. Android Resources
  9. 9. • Dimensions • res/values/dimens.xml
  10. 10. • Dimensions - 10 inch Tablets • res/values-sw720dp/dimens.xml
  11. 11. • In code TabletSupportUtil • res/values/bools.xml • res/values-sw600dp/bools.xml • res/values-sw720dp/bools.xml
  12. 12. • Touch States • 10 % black (#1A000000) • Shapes for Android 2.3 • Animations for that gentle touch
  13. 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. 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. 15. ICON FONTSS!!!11! • WHOAAAAA • Fewer assets • Open Source Comin
  16. 16. Reduce, Reuse, Recycle!
  17. 17. Shipping & VQA
  18. 18. Stop, Collaborate, and Listen. www.etsy.com/careers
  19. 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

×