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