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

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