Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mobile web is not (just) a technical challenge
Search
Lara Hogan
June 20, 2014
Technology
9
2.6k
Mobile web is not (just) a technical challenge
Lara Hogan
June 20, 2014
Tweet
Share
More Decks by Lara Hogan
See All by Lara Hogan
Navigating Conflict
lara
3
350
What Humans Need at Work
lara
1
450
Influence Without Authority
lara
8
3.3k
Optimising for team health: Tools and techniques of supportive teams who build successful products
lara
4
380
Management 101
lara
4
410
Dealing with surprising human emotions - workshop
lara
19
600
Delivering (and requesting) feedback workshop
lara
17
1.2k
Mentoring, Coaching, and Sponsoring Workshop
lara
15
3.6k
Setting Expectations as a Manager
lara
9
1.2k
Other Decks in Technology
See All in Technology
QAエンジニアが伝えたい品質保証の羅針盤 / Compass for Quality Assurance
mii3king
2
350
ハードウェアを動かすTypeScriptの世界
9wick
3
1.2k
Blazor WASM × Code-first gRPC で始める C# ⼤統⼀理論
sansantech
PRO
1
870
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
Laboratories in Science and Technology: Deep Neural Networks
keio_smilab
PRO
3
180
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
180
LLM評価の落とし穴~開発者目線で気をつけるポイント~
rishigami
12
3.3k
令和版ソフトウェアエンジニアの情報収集術 PHPカンファレンス香川2024
ysknsid25
4
910
TailwindCSSでUIライブラリを作る際のハマりどころ
shuta13
0
230
複雑なビジネスルールに挑む:正確性と効率性を両立するfp-tsのチーム活用術 / Strike a balance between correctness and efficiency with fp-ts
kakehashi
5
3.7k
「できる!」を増やすGitHub Copilot活用法 / How to use GitHub Copilot to expand your possibilities
sansan_randd
1
240
Deno で作る快適な “as Code” プラットフォーム – TSKaigi 2024
pizzacat83
4
320
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
268
39k
Music & Morning Musume
bryan
41
5.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Adopting Sorbet at Scale
ufuk
69
8.6k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Rebuilding a faster, lazier Slack
samanthasiow
74
8.3k
GraphQLの誤解/rethinking-graphql
sonatard
56
9.3k
The Invisible Customer
myddelton
114
12k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
130
How STYLIGHT went responsive
nonsquared
92
4.9k
Transcript
l a r a h o g a n .
me / c u l t u r e / @l a r a _ h o g a n
None
Engineering Teams at Etsy • Feature Teams • Listing page
• Seller tools • Checkout • Infrastructure Teams • Performance • Data engineering • Autobots (testing)
Engineering Teams at Etsy • Infrastructure Teams • Performance •
Data engineering • Autobots (testing) • Feature Teams • Listing page • Seller tools • Checkout
• Feature Teams • Listing page • Seller tools •
Checkout • Mobile Web spun
None
User agent sniffer delivers different templates
No mobile subdomain
One team was responsible for mobilizing everything
Worked okay... for a while.
Everyone hates duplicate code templates/! templates/mobile/ assets/js/! assets/js/mobile/ assets/css/! assets/css/mobile/
We began to explore native development
“Everyone at Etsy should be doing mobile”
... so then no more mobile web work happened for
a year.
It was a large technical hurdle
Device sizes and operating systems grew more fragmented
mobile web caring shipping teaching }
Options
1. Give up
Source: StatCounter Global Stats, 6/14 % of Internet Traffic
1. Give up 2. Appoint mobile web cops/janitors
In 2013, we appointed a new Mobile Web Team...
... but feature teams know how their feature should work
on mobile.
1. Give up 2. Appoint mobile web cops/janitors 3. Implement
technical solutions
We built tools to make it easy to mobilize features...
... but feature teams still weren’t mobilizing anything.
1. Give up 2. Appoint mobile web cops/janitors 3. Implement
technical solutions 4. Enact culture change
We were trying to solve a cultural problem with just
technology.
• Infrastructure Teams • Performance • Data engineering • Autobots
(testing) • Mobile Web • Feature Teams • Listing page • Seller tools • Checkout
• Infrastructure Teams • Data engineering • Autobots (testing) •
Mobile Web got
Mobile Web’s parallel universe: Performance at Etsy
Educated coworkers
None
clear
None
+160kb
Incentivized coworkers
None
whoa!
Developers fixed it
whoa,
Performance hero
Performance hero
Empowered coworkers
People began to do performance caring shipping teaching }
stan: hey bucky perf just jumped with this deploy bucky:
looking now stan stan: dashboards.etsycorp.com/ deploy.php#pageperf...
Yash: great catch stan, thanks for vigilance ross: thanks for
seeing something & saying something bucky: stan
None of these people are on the performance team.
Solving mobile web’s culture problem
Educating coworkers
Lunch & Learn: Mobile Web Performance
Workshop: How to Test on Mobile
Lunch & Learn: Designing for Touch
Incentivizing coworkers
None
None
None
Mobile Web Hack Week
Empowering coworkers
“We are a mobile-first company.” - Chad Dickerson, Etsy CEO
in a company meeting
Feature teams began to care, ship, and teach
“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
None
“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
None
“...we’ve mobilized the Interactions feature in the Activity Feed, which
wasn’t previously mobilized.” (yet
None
These are our success metrics. caring shipping teaching }
Which of these are you missing? caring shipping teaching }
culture technology &
culture technology &