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

1. Android & Design
It could work!

3. The A-Team

4. Ideas • Implementation • Shipping

5. Ideas
Navigation

8. Ideas
Listing

11. Ideas
Staggered Grid

14. Implementation

15. Android Resources

16. • Dimensions
• res/values/dimens.xml

18. • Dimensions - 10 inch Tablets
• res/values-sw720dp/dimens.xml

19. • In code TabletSupportUtil
• res/values/bools.xml
• res/values-sw600dp/bools.xml
• res/values-sw720dp/bools.xml

20. • Touch States
• 10 % black (#1A000000)
• Shapes for Android 2.3
• Animations for that gentle touch

21. 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.

22. • 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

23. ICON FONTSS!!!11!
• WHOAAAAA
• Fewer assets
• Open Source Comin

24. Reduce, Reuse, Recycle!

25. Shipping & VQA

29. Stop, Collaborate, and Listen.
www.etsy.com/careers

30. Resources
• Blur Effect like Etsy via
Stackoverflow
• Android Staggered Grid via
Github
• Export Asset Script
• Code as Craft
Deniz Veli
@denizmveli
Paul Lau
@paulingford