Android & Design
It could work!
The A-Team
Ideas • Implementation • Shipping
Ideas
Navigation
Ideas
Listing
Ideas
Staggered Grid
Implementation
Android Resources
• Dimensions
• res/values/dimens.xml
• Dimensions - 10 inch Tablets
• res/values-sw720dp/dimens.xml
• In code TabletSupportUtil
• res/values/bools.xml
• res/values-sw600dp/bools.xml
• res/values-sw720dp/bools.xml
• Touch States
• 10 % black (#1A000000)
• Shapes for Android 2.3
• Animations for that gentle touch
Android Resource System
• colors.xml
• integers.xml
• styles.xml
• strings.xml
• Overall best practice - don’t rely on
con...
• Cutting assets
• Densities
• OLD - mdpi - hdpi - xhdpi
• NEW - hdpi - xhdpi - xxhdpi
• 3 sizes is plenty - older devices...
ICON FONTSS!!!11!
• WHOAAAAA
• Fewer assets
• Open Source Comin
Reduce, Reuse, Recycle!
Shipping & VQA
Stop, Collaborate, and Listen.
www.etsy.com/careers
Resources
• Blur Effect like Etsy via
Stackoverflow
• Android Staggered Grid via
Github
• Export Asset Script
• Code as Cr...
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
Upcoming SlideShare
Loading in...5
×

Etsy - Android & Design

4,870

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
4,870
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

Transcript of "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

×