移動Web實現(xiàn)指南：面向移動設(shè)備的網(wǎng)站優(yōu)化、開發(fā)和設(shè)計

第1章 移動化用戶體驗設(shè)計
1.1 設(shè)備并沒有移動，移動的是人
1.2 移動=正在做
1.3 移動=繁忙
1.4 移動=分心
1.5 移動=輕松
1.6 移動=任務(wù)
1.7 與你的客戶聊聊
1.8 撰寫用戶故事
1.9 將用戶故事分解成設(shè)計需求
1.10 創(chuàng)建帶有優(yōu)先級的用任務(wù)分解表
1.11 小結(jié)
第2章 移動化頁面布局
2.1 標(biāo)準(zhǔn)化的頁面布局已符合響應(yīng)式了
2.2 是什么固定了寬度
2.3 使寬度不固定
2.4 拖曳方塊
2.5 我們的網(wǎng)站
2.6 小結(jié)
項目訪談1 亞利桑那州立大學(xué)和MTV O Music Awards
第3章 移動化導(dǎo)航
3.1 表
3.1.1 尺寸
3.1.2 比例
3.1.3 設(shè)計
3.2 汽車界面
3.2.1 尺寸
3.2.2 位置
3.2.3 數(shù)量和復(fù)雜性
3.3 iOS應(yīng)用程序界面
3.3.1 計算器
3.3.2 電話界面
3.3.3 iPod
3.4 那么現(xiàn)在移動化導(dǎo)航設(shè)計
3.4.1 HTML
3.4.2 CSS
3.4.3 移動網(wǎng)頁CSS
3.5 小結(jié)
第4章 移動化圖片
4.1 圖片移動化的整體分析
4.2 內(nèi)聯(lián)圖片
4.2.1 有時候，移動化就意味著要變小
4.2.2 而有的時候，移動化卻意味著變大
4.3 響應(yīng)式圖片柵格
4.4 小結(jié)
第5章 移動化文字
5.1 使用以用戶為中心的方法來移動化文字
5.2 使用哪種單位：Point還是em
5.2.1 標(biāo)題部分
5.2.2 正文：段落
5.2.3 正文：副標(biāo)題
5.3 使用展示和隱藏
5.3.1 HTML
5.3.2 CSS
5.3.3 JavaScript
5.4 小結(jié)
項目訪談2 波士頓環(huán)球報
第6章 移動化表單
6.1 移動化可以提升網(wǎng)頁表單的用戶體驗
6.2 Input類型
6.2.1 input type=“text”
6.2.2 input type=“email”
6.2.3 input type=“url”
6.2.4 input type=“tel”
6.2.5 Select
6.3 小結(jié)
第7章 移動化社交媒體
7.1 大部分社會化媒體可以提供“免費(fèi)”的移動改造
7.2 Twitter
7.3 Facebook
7.4 Google+
7.5 Quora
7.6 LinkedIn+
7.7 YouTube
7.8 與社交化網(wǎng)站連接
7.9 小結(jié)
第8章 移動化內(nèi)容策略
8.1 事先對移動環(huán)境的理解，會帶來更好的內(nèi)容策略
8.2 移動化設(shè)計為你做好可用性評估的準(zhǔn)備
8.3 可用性評估是優(yōu)秀內(nèi)容策略的第一步
8.3.1 網(wǎng)站說了什么
8.3.2 網(wǎng)站是如何組織的
8.4 內(nèi)容策略的制定為你的第一個移動化設(shè)計做好準(zhǔn)備
8.4.1 從移動滯后轉(zhuǎn)變?yōu)橐苿酉刃?br />8.4.2 任務(wù)清單和策略化的內(nèi)容也要前置
8.5 小結(jié)
項目訪談3 洲際酒店集團(tuán)網(wǎng)站
第9章 更多移動化改造的方法：JQuery Mobile
9.1 jQuery Mobile網(wǎng)頁框架
9.2 jQuery Mobile的優(yōu)點和不足
9.3 網(wǎng)頁頭部
9.4 主體區(qū)域和頂欄
9.5 導(dǎo)航
9.6 工具欄和按鈕
9.7 模態(tài)對話框菜單
9.8 表單
9.9 橫屏模式
9.10 小結(jié)
第10章 更多移動化方法：設(shè)備檢測和PHP引用
10.1 什么是PHP
10.2 使用PHP
10.2.1 修改你的HTML文件
10.2.2 設(shè)置移動屏幕和完整屏幕按鈕的CSS樣式
10.2.3 添加PHP引用
10.2.4 設(shè)備探測
10.2.5 完整網(wǎng)站和移動版的PHP引用
10.2.6 一些特殊的CSS
10.3 小結(jié)
10.4 總結(jié)
……