見(jiàn)微知著Web用戶體驗(yàn)解構(gòu)

前言
第1章 網(wǎng)站解構(gòu)入門
1.1 為什么要網(wǎng)站解構(gòu)
1.2 網(wǎng)站解構(gòu)的思路和緯度
1.2.1 整體界面布局及配色方案
1.2.2 主要功能區(qū)
1.2.3 頁(yè)面元素
1.2.4 其他細(xì)節(jié)
第2章 整體界面布局及配色方案
2.1 界面布局
2.1.1 一欄式布局
2.1.2 兩欄式布局
2.1.3 三欄式布局
2.1.4 設(shè)計(jì)要點(diǎn)
2.2 網(wǎng)站整體配色方案
2.2.1 不同顏色會(huì)產(chǎn)生不同的主觀感受
2.2.2 網(wǎng)站特色
第3章 主要功能區(qū)域
3.1 頭部
3.1.1 頭部類型
3.1.2 頭部的元素設(shè)計(jì)
3.2 頁(yè)尾設(shè)計(jì)
3.2.1 需要規(guī)避的細(xì)節(jié)問(wèn)題
3.2.2 設(shè)計(jì)新趨勢(shì)
3.3 導(dǎo)航區(qū)
3.3.1 Tab導(dǎo)航
3.3.2 樹狀導(dǎo)航
3.3.3 魚眼導(dǎo)航
3.3.4 面包屑導(dǎo)航
3.3.5 網(wǎng)站地圖
3.3.6 推薦式導(dǎo)航
3.3.7 引導(dǎo)性導(dǎo)航
3.3.8 知名網(wǎng)站導(dǎo)航設(shè)計(jì)
3.4 搜索區(qū)
3.4.1 搜索的分類
3.4.2 設(shè)計(jì)要點(diǎn)
3.5 登錄注冊(cè)區(qū)
3.5.1 告訴用戶注冊(cè)的好處
3.5.2 用郵箱取代用戶名，作為登錄網(wǎng)站的唯一身份識(shí)別
3.5.3 不要忘記“記住登錄狀態(tài)”和“忘記密碼”等細(xì)節(jié)
3.5.4 不必要的情況下盡量不要使用驗(yàn)證碼
3.5.5 注冊(cè)表單的優(yōu)化
3.5.6 友好的提示信息
3.5.7 設(shè)計(jì)醒目的登錄、注冊(cè)按鈕
3.6 信息內(nèi)容展示區(qū)
3.6.1 首頁(yè)
3.6.2 列表頁(yè)
3.6.3 具體頁(yè)面
3.7 廣告區(qū)
3.7.1 廣告類型
3.7.2 設(shè)計(jì)要點(diǎn)
第4章 頁(yè)面元素
4.1 表單概述
4.1.1 表單布局設(shè)計(jì)
4.1.2 設(shè)計(jì)要點(diǎn)
4.1.3 知名網(wǎng)站表單設(shè)計(jì)
4.2 標(biāo)簽
4.2.1 什么時(shí)候使用模塊標(biāo)簽
4.2.2 設(shè)計(jì)要點(diǎn)
4.2.3 知名網(wǎng)站標(biāo)簽設(shè)計(jì)
4.3 翻頁(yè)
4.3.1 第一頁(yè)
4.3.2 最后一頁(yè)
4.3.3 上一頁(yè)和下一頁(yè)
4.3.4 頁(yè)碼顯示的數(shù)量
4.3.5 翻頁(yè)區(qū)域的醒目度
4.3.6 增大可點(diǎn)擊區(qū)域
4.3.7 頁(yè)碼的間距
4.3.8 當(dāng)前頁(yè)碼和總頁(yè)碼
4.3.9 快速跳轉(zhuǎn)
4.4 鏈接
4.4.1 鏈接的顏色
4.4.2 鏈接的可點(diǎn)擊范圍
4.4.3 鏈接的下劃線
4.4.4 鏈接顏色的變化
4.4.5 區(qū)分內(nèi)部鏈接和外部鏈接
4.4.6 鏈接的交互方式
4.5 按鈕
4.5.1 什么是按鈕
4.5.2 如何增加按鈕的點(diǎn)擊率
4.5.3 按鈕的主次關(guān)系
4.5.4 按鈕擺放的位置
4.5.5 減少用戶定位時(shí)間
4.5.6 相關(guān)性設(shè)計(jì)，增加按鈕的可理解性
4.5.7 優(yōu)化視覺(jué)效果，增加按鈕的吸引力
4.5.8 操作的反饋
4.6 操作反饋
4.6.1 什么是反饋，為什么要反饋
4.6.2 反饋的種類
4.7 驗(yàn)證碼
4.7.1 什么是驗(yàn)證碼
4.7.2 為什么需要驗(yàn)證碼
4.7.3 驗(yàn)證碼帶來(lái)的困惑
4.7.4 其他方式
第5章 其他
5.1 文字設(shè)計(jì)
5.1.1 字體類型
5.1.2 字號(hào)
5.1.3 字體顏色
5.1.4 字體的樣式
5.1.5 設(shè)計(jì)要點(diǎn)
5.2 網(wǎng)站文字的語(yǔ)氣
5.2.1 網(wǎng)站應(yīng)該懂得基本的禮貌
5.2.2 網(wǎng)站應(yīng)該是謙遜、親切的
5.2.3 不要使用責(zé)怪用戶的語(yǔ)氣
5.2.4 網(wǎng)站有時(shí)也可以表現(xiàn)出幽默的一面
5.3 圖片質(zhì)感
5.4 文字標(biāo)題
附錄1 常用的設(shè)計(jì)原則
附錄2 Nielsen可用性原則
附錄3 延伸閱讀(推薦網(wǎng)站)