不要讓用戶痛苦_信息架構(gòu)_彈窗_表單_交互提示_導(dǎo)航_首頁框架_視覺呈現(xiàn)

1、營銷型網(wǎng)站對信息傳達的要求1、響應(yīng)速度不要讓用戶等待2、交互體驗不要讓用戶痛苦3、高效信息傳達不要讓用戶思考交互體驗不要讓用戶痛苦1、人見人厭的彈框2、望而生畏的表單3、條件不足，半途而廢4、結(jié)構(gòu)混亂，一頭霧水1、人見人厭的彈框2、望而生畏的表單化整為零，循序漸進簡化分期，步步為贏。簡化分期，步步為贏。，3、條件不足半途而廢。4、結(jié)構(gòu)混亂，一頭霧水信息架構(gòu)組織網(wǎng)站信息便于用戶訪問1、網(wǎng)站結(jié)構(gòu)2、導(dǎo)航的七種類型3、首頁框架圖示范4、視覺呈現(xiàn)1、網(wǎng)站結(jié)構(gòu)格物致知分類與歸納網(wǎng)站信息架構(gòu)的產(chǎn)生首頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁內(nèi)容頁列表頁列表頁列表頁首頁

2、總結(jié)分類概況首頁網(wǎng)站和樹你的網(wǎng)站是一顆樹，還是一片森林？網(wǎng)站信息架構(gòu)的演變C擴展內(nèi)容內(nèi)容頁A著陸頁列表頁B其他產(chǎn)品著陸頁首頁網(wǎng)站結(jié)構(gòu)與現(xiàn)代建筑空間服務(wù)器：地基域名：地址名稱首頁：大廳（大型網(wǎng)站頻道頁分廳）列表頁：走廊內(nèi)容頁：房間重要的房間：首頁可以直接到達。經(jīng)常來回的房間：之間直接連通 迷路時：回到大廳重新開始。建筑定位：網(wǎng)站定位建筑藍圖：網(wǎng)站框架裝修：網(wǎng)站裝修美工聚會活動：網(wǎng)站促銷在線客服：前臺客服2、導(dǎo)航的七種類型1) 層級型導(dǎo)航2) 功能型導(dǎo)航3) 直接導(dǎo)航4) 面包屑導(dǎo)航5) 步驟導(dǎo)航6) 關(guān)聯(lián)導(dǎo)航7) 動態(tài)導(dǎo)航1)層級導(dǎo)航：引導(dǎo)用戶按照網(wǎng)站結(jié)構(gòu)訪問。注：網(wǎng)站結(jié)構(gòu)與網(wǎng)站的文件組織結(jié)構(gòu)基

3、本一致。層級導(dǎo)航與說服力邏輯。我是誰什么信任我立即行動層級導(dǎo)航的分級設(shè)計效果。導(dǎo)航的七種類型1、層級型導(dǎo)航3、直接導(dǎo)航4、面包屑導(dǎo)航5、步驟導(dǎo)航6、關(guān)聯(lián)導(dǎo)航7、動態(tài)導(dǎo)航2、功能型導(dǎo)航導(dǎo)航的七種類型1、層級型導(dǎo)航3、直接導(dǎo)航4、面包屑導(dǎo)航5、步驟導(dǎo)航6、關(guān)聯(lián)導(dǎo)航7、動態(tài)導(dǎo)航2、功能型導(dǎo)航層級導(dǎo)航的分級設(shè)計效果。導(dǎo)航的七種類型1、層級型導(dǎo)航2、功能型導(dǎo)航4、面包屑導(dǎo)航5、步驟導(dǎo)航6、關(guān)聯(lián)導(dǎo)航7、動態(tài)導(dǎo)航3、直接導(dǎo)航導(dǎo)航的七種類型1、層級型導(dǎo)航2、功能型導(dǎo)航3、直接導(dǎo)航5、步驟導(dǎo)航6、關(guān)聯(lián)導(dǎo)航7、動態(tài)導(dǎo)航4、面包屑導(dǎo)航導(dǎo)航的七種類型1、層級型導(dǎo)航2、功能型導(dǎo)航3、直接導(dǎo)航4、面包屑導(dǎo)航6、關(guān)聯(lián)導(dǎo)航7

4、、動態(tài)導(dǎo)航5、步驟導(dǎo)航導(dǎo)航的七種類型1、層級型導(dǎo)航2、功能型導(dǎo)航3、直接導(dǎo)航4、面包屑導(dǎo)航5、步驟導(dǎo)航7、動態(tài)導(dǎo)航6、關(guān)聯(lián)導(dǎo)航首頁框架呈現(xiàn)修改前修改后網(wǎng)站的設(shè)計應(yīng)該交給專業(yè)的人員完成網(wǎng)站視覺呈現(xiàn)兩項基本要求：2）、舒適的色彩搭配1）、舒展的頁面布局舒展的頁面布局網(wǎng)站視覺呈現(xiàn)兩項基本要求：2）、舒適的色彩搭配1）、舒展的頁面布局網(wǎng)站色彩搭配的速成知識色彩的通感色彩是有味道的：酸甜苦辣色彩是有感情的：喜怒哀樂色彩是有重量的：輕重沉浮色彩是有溫度的：冷熱動靜.向大自然學(xué)習(xí)色彩搭配的技巧自然的就是美的網(wǎng)站色彩搭配的16要訣整體統(tǒng)一，局部活躍、形象合適，情感一致幾個網(wǎng)站視覺呈現(xiàn)案例參考1）標志后面的網(wǎng)站宣傳語。2）圖文并茂的二級導(dǎo)航。雅培圖文并茂的二級菜單效果3）便于查看的多屏Banner的預(yù)覽圖4）大氣磅礴的全屏背景圖5）簡潔形象圖標與文字配合6） “輕界面”細線條分割，去背景。7）用豐富的信息展示成功案例8）把“解決方案”“相關(guān)產(chǎn)品”“案例展示” 用“便簽”的方式關(guān)聯(lián)起來9）圖文并茂的長方形制作新聞列表10）用彈出式窗口視頻