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.8k
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
Balancing Empowerment & Direction
lara
3
600
Navigating Conflict
lara
4
510
What Humans Need at Work
lara
3
660
Influence Without Authority
lara
9
3.8k
Optimising for team health: Tools and techniques of supportive teams who build successful products
lara
4
590
Management 101
lara
4
640
Dealing with surprising human emotions - workshop
lara
19
740
Delivering (and requesting) feedback workshop
lara
17
1.4k
Mentoring, Coaching, and Sponsoring Workshop
lara
15
3.9k
Other Decks in Technology
See All in Technology
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
4
1k
Preferred Networks (PFN) とLLM Post-Training チームの紹介 / 第4回 関東Kaggler会 スポンサーセッション
pfn
PRO
1
280
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
2
370
AIエージェントの開発に必須な「コンテキスト・エンジニアリング」とは何か──プロンプト・エンジニアリングとの違いを手がかりに考える
masayamoriofficial
0
460
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
510
見てわかるテスト駆動開発
recruitengineers
PRO
6
2k
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
masahirokawahara
1
190
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
760
実運用で考える PGO
kworkdev
PRO
0
110
エキサイトブログの トップページを 段階的にリプレイスする
zsp2088dev
0
100
プロダクトの成長に合わせたアーキテクチャの段階的進化と成長痛、そして、ユニットエコノミクスの最適化
kakehashi
PRO
1
100
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
140
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Site-Speed That Sticks
csswizardry
10
800
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Optimizing for Happiness
mojombo
379
70k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Done Done
chrislema
185
16k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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 &