Engineering Teams at Etsy • Feature Teams • Listing page • Seller tools • Checkout • Infrastructure Teams • Performance • Data engineering • Autobots (testing) • Mobile Web spun
Hard decisions in 2011 • No mobile subdomain • Not a "Web App" • Only officially support Webkit • iPads see desktop template • Mobile team does mobilization
Hard decisions in 2011 • No mobile subdomain • Not a "Web App" • Only officially support Webkit • iPads see desktop template • Mobile team does mobilization only
Responsive Workflow • Desktop- vs. Mobile-First • How to choose breakpoints • Thinking about content hierarchy • Why you might choose to use a mobile web template instead of RWD
Mobile Web Performance • Dynamically resizing images • Issues with @font-face • How radio connections work and optimizing requests • Tools to measure performance on mobile
Make it easy to check out devices • Library card underneath each device (color-coded, of course) • RFID tags on each device and reader that works with employee badges
Make it easy to choose devices For each device, label nearby: • device name and ID number • screen resolution, pixel density • operating system version
Make it easy to test • Install Adobe Edge Inspect • Make sure VMs and staging environments can be accessed • Make sure all the devices can live upright
Make it easy to collaborate • Set up comfortable seating and long tables nearby • Make sure other outlets are available • Make it so that people don’t have to walk back to their desks to test their work
Make it attractive A good-looking lab is inviting. • New hires, guests, tours • No one wants to be near clutter • The more organized, the more they’ll put stuff back properly and want to use it
“Remember this win on desktop, where we added some light copy changes and saw a lift in conversion? As promised, we're running this experiment on mobile web...” (actual
“Does this work on mobile? Absolutely! ... We found that a one-template approach for this page was much better for both user experience and operational overhead...” (another