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
转化的灵感
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yan Shi
June 16, 2012
Programming
460
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
转化的灵感
w3ctech 2012 Mobile 专题会议
http://w3ctech.com/2012
Yan Shi
June 16, 2012
More Decks by Yan Shi
See All by Yan Shi
NingJS Lighting Talk
mockee
0
200
Type is Beautiful (for Hof)
mockee
3
340
Type is Beautiful
mockee
14
1.6k
阅读类 Web 应用前端技术探索
mockee
8
480
Web Apps and more
mockee
2
500
Other Decks in Programming
See All in Programming
はてなアカウント基盤 State of the Union
cockscomb
1
1.3k
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
160
信頼性について考えてみる(SRE NEXT 2026 miniLT)
hayama17
0
180
才能?センス?知らん、 続けたもん勝ちだ。-- 結婚・出産・癌を越えてなお、私がプロダクトを創り続ける理由
16bitidol
2
850
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ(スクフェス仙台 2026バージョン)
kuranuki
0
630
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
7
5.9k
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会@東京 (2026-06-24)
suguruooki
2
150
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.4k
継続モナドとリアクティブプログラミング
yukikurage
3
590
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
2
300
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
200
AI 輔助遺留系統現代化的經驗分享
jame2408
1
1.2k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
260
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Fireside Chat
paigeccino
42
4k
Crafting Experiences
bethany
1
210
The SEO Collaboration Effect
kristinabergwall1
1
500
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
180
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Bash Introduction
62gerente
615
220k
Making Projects Easy
brettharned
120
6.7k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
210
Transcript
转化的灵感 mockee@douban http://bit.ly/LkIZvz
在漫长的时间里,一些变量消失 了、一些变量被修改,还有新的 变量加入进来,总有一些经得起 时间的磨砺,保留了下来。 “ 「舌尖上的中国 --- 转化的灵感」8'10''
None
github:enterprise IRC Trello
None
Py http://pypi.python.org/pypi/pyjade https://github.com/Kronuz/pyScss
Google Analytics 2012.5 - 6
排版 阅读器 书店 Web App iPad Kindle Android Web App
Web Web App 桌面浏览器 原生应用 移动浏览器
阅读器的实现方式? 当然是 Native App Web App 很适合 开发速度快,自适应多设备 Webkit 天生丽质的排版引擎
不涉及典型的复杂 UI 组件 随时随地上线发布新版 速度快、操作流畅 方便使用第三方字体 大量基础交互组件,省时省力 上架于商店,有利于推广
不要局限于特定设备 避免刻意模仿 Native UI 响应性设计的误区 The Web 优化也需权衡
响应性设计就是一 次 Web 设计满足 所有设备需求,对 App 也同样奏效~
从统计中看,豆瓣阅 读用户的手机型号都 很新,终于不必再纠 结于性能了~
现有产品的转化 转化的方向与形式 适合的产品
None
豆瓣阅读排版系统面向个人作者与内 容编辑,专业性强;系统涉及复杂的图 文交互,用户操作的元素或控件种类 多且需要足够大的预览空间,并不适 合小屏幕设备使用。
None
Web 版书架的设计与 Android 版完全相同, 在平板设备及桌面浏 览器中也延续类似的 风格;而这些适应性 的工作只需要添加一 些 CSS
规则。 DEMO
豆瓣阅读器面向广大读者,以中短篇 作品展示为主,交互简单、易用,适合 且有必要在全平台设备上运行。
iOS 6 Safari Mobile 全屏 需要调整之前的地址栏隐藏策略
iOS 6 Safari Mobile 不必将网页添加到主 屏幕依然可以使用黑 色状态栏 移除底部工具栏? 你的应用真的做好准 备了么?
None
None
书店是用户所阅读作品的来源,除了 要增强对各类设备可访问性的支持, 支付安全也是必须要考虑的问题。
干货呢? http://bit.ly/IAhFE5 * 小兔子和熊先生来自 LINE 原创贴图
谢谢:)
[email protected]
blog: mockee.com twitter: @mockee douban.com/people/mockee/