Etsy - Android & Design

Deniz Veli
Deniz VeliDelivery Lead at iflix
Android & Design
It could work!
Etsy - Android & Design
The A-Team
Ideas • Implementation • Shipping
Ideas
Navigation
Etsy - Android & Design
Etsy - Android & Design
Ideas
Listing
Etsy - Android & Design
Etsy - Android & Design
Ideas
Staggered Grid
Etsy - Android & Design
Etsy - Android & Design
Implementation
Android Resources
• Dimensions
• res/values/dimens.xml
Etsy - Android & Design
• 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
constants in your layout or drawable
XML or in your code. Use the Android
resource system to help you.
• 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
ICON FONTSS!!!11!
• WHOAAAAA
• Fewer assets
• Open Source Comin
Reduce, Reuse, Recycle!
Shipping & VQA
Etsy - Android & Design
Etsy - Android & Design
Etsy - Android & Design
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 Craft
Deniz Veli
@denizmveli
Paul Lau
@paulingford
Etsy - Android & Design
1 of 31

Recommended

Digital Graphics 101 by
Digital Graphics 101Digital Graphics 101
Digital Graphics 101William Breitsprecher
1.2K views11 slides
Android supporting multiple screen by
Android supporting multiple screenAndroid supporting multiple screen
Android supporting multiple screenDao Quang Anh
1.2K views17 slides
Android Talks #3 Android Design Best Practices - for Designers and Developers by
Android Talks #3 Android Design Best Practices - for Designers and DevelopersAndroid Talks #3 Android Design Best Practices - for Designers and Developers
Android Talks #3 Android Design Best Practices - for Designers and DevelopersDenis_infinum
1.8K views34 slides
Advanced Android Design Implementation by
Advanced Android Design ImplementationAdvanced Android Design Implementation
Advanced Android Design ImplementationTack Mobile
4.5K views28 slides
Android Material Design APIs/Tips by
Android Material Design APIs/TipsAndroid Material Design APIs/Tips
Android Material Design APIs/TipsKen Yee
1.2K views25 slides
Desgn&imp authentctn.ppt by Jaseela by
Desgn&imp authentctn.ppt by JaseelaDesgn&imp authentctn.ppt by Jaseela
Desgn&imp authentctn.ppt by JaseelaStudent
975 views13 slides

More Related Content

Similar to Etsy - Android & Design

Chapter 9 - Resources System by
Chapter 9 - Resources SystemChapter 9 - Resources System
Chapter 9 - Resources SystemSittiphol Phanvilai
169 views40 slides
UI and UX for Mobile Developers by
UI and UX for Mobile DevelopersUI and UX for Mobile Developers
UI and UX for Mobile DevelopersMohamed Nabil, MSc.
740 views215 slides
Creating apps that work on all screen sizes by
Creating apps that work on all screen sizesCreating apps that work on all screen sizes
Creating apps that work on all screen sizesRavi Vyas
29.5K views12 slides
Ts android supporting multiple screen by
Ts   android supporting multiple screenTs   android supporting multiple screen
Ts android supporting multiple screenConfiz
3K views31 slides
Designing Android apps for multiple screens by
Designing Android apps for multiple screensDesigning Android apps for multiple screens
Designing Android apps for multiple screensAbhijeet Dutta
28 views27 slides
Androidfragment by
AndroidfragmentAndroidfragment
AndroidfragmentNarender Singh
678 views34 slides

Similar to Etsy - Android & Design(20)

Creating apps that work on all screen sizes by Ravi Vyas
Creating apps that work on all screen sizesCreating apps that work on all screen sizes
Creating apps that work on all screen sizes
Ravi Vyas29.5K views
Ts android supporting multiple screen by Confiz
Ts   android supporting multiple screenTs   android supporting multiple screen
Ts android supporting multiple screen
Confiz3K views
Designing Android apps for multiple screens by Abhijeet Dutta
Designing Android apps for multiple screensDesigning Android apps for multiple screens
Designing Android apps for multiple screens
Abhijeet Dutta28 views
Infinum Android Talks #03 - Android Design Best Practices - for Designers and... by Infinum
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum Android Talks #03 - Android Design Best Practices - for Designers and...
Infinum1.5K views
Android training day 3 by Vivek Bhusal
Android training day 3Android training day 3
Android training day 3
Vivek Bhusal2.3K views
Android resources by ma-polimi
Android resourcesAndroid resources
Android resources
ma-polimi2K views
Supporting multiple screens on android by Li SUN
Supporting multiple screens on androidSupporting multiple screens on android
Supporting multiple screens on android
Li SUN19.5K views
Fernando F. Gallego - Efficient Android Resources 101 by Fernando Gallego
Fernando F. Gallego - Efficient Android Resources 101Fernando F. Gallego - Efficient Android Resources 101
Fernando F. Gallego - Efficient Android Resources 101
Fernando Gallego1.4K views
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web by Rita Troyer
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent WebMo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Mo’ Pixels Mo’ Problems: Moving Toward a Resolution Independent Web
Rita Troyer1.2K views
Making Your Site Printable: Booster Conference by Adrian Roselli
Making Your Site Printable: Booster ConferenceMaking Your Site Printable: Booster Conference
Making Your Site Printable: Booster Conference
Adrian Roselli1.6K views
The state of front end architecture_in_2015 by Aidan Foster
The state of front end architecture_in_2015The state of front end architecture_in_2015
The state of front end architecture_in_2015
Aidan Foster2.5K views
Cross Device UI Designing by Deepu S Nath
Cross Device UI DesigningCross Device UI Designing
Cross Device UI Designing
Deepu S Nath777 views
Consistent UI Across Android Devices by Irene Duke
Consistent UI Across Android DevicesConsistent UI Across Android Devices
Consistent UI Across Android Devices
Irene Duke705 views
Xamarin Evolve 2014 - Designing Android UIs for the Ever Changing Device Land... by mstonis
Xamarin Evolve 2014 - Designing Android UIs for the Ever Changing Device Land...Xamarin Evolve 2014 - Designing Android UIs for the Ever Changing Device Land...
Xamarin Evolve 2014 - Designing Android UIs for the Ever Changing Device Land...
mstonis1.5K views
Responsive Web Design: Clever Tips and Techniques by Vitaly Friedman
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
Vitaly Friedman135.4K views

Recently uploaded

.conf Go 2023 - Data analysis as a routine by
.conf Go 2023 - Data analysis as a routine.conf Go 2023 - Data analysis as a routine
.conf Go 2023 - Data analysis as a routineSplunk
90 views12 slides
"Fast Start to Building on AWS", Igor Ivaniuk by
"Fast Start to Building on AWS", Igor Ivaniuk"Fast Start to Building on AWS", Igor Ivaniuk
"Fast Start to Building on AWS", Igor IvaniukFwdays
36 views76 slides
ChatGPT and AI for Web Developers by
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersMaximiliano Firtman
174 views82 slides
Understanding GenAI/LLM and What is Google Offering - Felix Goh by
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix GohNUS-ISS
39 views33 slides
MemVerge: Past Present and Future of CXL by
MemVerge: Past Present and Future of CXLMemVerge: Past Present and Future of CXL
MemVerge: Past Present and Future of CXLCXL Forum
110 views26 slides
Data-centric AI and the convergence of data and model engineering: opportunit... by
Data-centric AI and the convergence of data and model engineering:opportunit...Data-centric AI and the convergence of data and model engineering:opportunit...
Data-centric AI and the convergence of data and model engineering: opportunit...Paolo Missier
29 views40 slides

Recently uploaded(20)

.conf Go 2023 - Data analysis as a routine by Splunk
.conf Go 2023 - Data analysis as a routine.conf Go 2023 - Data analysis as a routine
.conf Go 2023 - Data analysis as a routine
Splunk90 views
"Fast Start to Building on AWS", Igor Ivaniuk by Fwdays
"Fast Start to Building on AWS", Igor Ivaniuk"Fast Start to Building on AWS", Igor Ivaniuk
"Fast Start to Building on AWS", Igor Ivaniuk
Fwdays36 views
Understanding GenAI/LLM and What is Google Offering - Felix Goh by NUS-ISS
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
NUS-ISS39 views
MemVerge: Past Present and Future of CXL by CXL Forum
MemVerge: Past Present and Future of CXLMemVerge: Past Present and Future of CXL
MemVerge: Past Present and Future of CXL
CXL Forum110 views
Data-centric AI and the convergence of data and model engineering: opportunit... by Paolo Missier
Data-centric AI and the convergence of data and model engineering:opportunit...Data-centric AI and the convergence of data and model engineering:opportunit...
Data-centric AI and the convergence of data and model engineering: opportunit...
Paolo Missier29 views
Transcript: The Details of Description Techniques tips and tangents on altern... by BookNet Canada
Transcript: The Details of Description Techniques tips and tangents on altern...Transcript: The Details of Description Techniques tips and tangents on altern...
Transcript: The Details of Description Techniques tips and tangents on altern...
BookNet Canada119 views
"How we switched to Kanban and how it integrates with product planning", Vady... by Fwdays
"How we switched to Kanban and how it integrates with product planning", Vady..."How we switched to Kanban and how it integrates with product planning", Vady...
"How we switched to Kanban and how it integrates with product planning", Vady...
Fwdays61 views
Future of Learning - Khoong Chan Meng by NUS-ISS
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
NUS-ISS31 views
TE Connectivity: Card Edge Interconnects by CXL Forum
TE Connectivity: Card Edge InterconnectsTE Connectivity: Card Edge Interconnects
TE Connectivity: Card Edge Interconnects
CXL Forum96 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman25 views
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa... by The Digital Insurer
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...
Webinar : Competing for tomorrow’s leaders – How MENA insurers can win the wa...
Empathic Computing: Delivering the Potential of the Metaverse by Mark Billinghurst
Empathic Computing: Delivering  the Potential of the MetaverseEmpathic Computing: Delivering  the Potential of the Metaverse
Empathic Computing: Delivering the Potential of the Metaverse
Mark Billinghurst449 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS32 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10165 views
JCon Live 2023 - Lice coding some integration problems by Bernd Ruecker
JCon Live 2023 - Lice coding some integration problemsJCon Live 2023 - Lice coding some integration problems
JCon Live 2023 - Lice coding some integration problems
Bernd Ruecker67 views
Web Dev - 1 PPT.pdf by gdsczhcet
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
gdsczhcet52 views

Etsy - Android & Design